// JScript File
		var visibleWindow = 0
		var ua = navigator.userAgent;
		var current_event;
		var current_X,current_Y;
		var dom = (document.getElementById) ? true : false;
		var ie4 = (document.all && !dom) ? true : false;
		var ie5_5 = ((ua.indexOf("MSIE 5.5")>=0 || ua.indexOf("MSIE 6")>=0) && ua.indexOf("Opera")<0) ? true : false;
		var ns4 = (document.layers && !dom) ? true : false;
		var offsxy = 6;
function AddToMixMatch(sid, objname)
{
			//alert("ok");
			e = current_event;
			var curleft = curtop = 0;
		    var type = typeof(objname);
		    var obj = new Object();		    
		    if(objname.toString().toLowerCase == "string"){
		        obj = document.getElementById(objname);
		    }else{
		        obj = objname;
		    }
			//alert(objname);
			var Bounds = getBounds(obj);			
			curleft = Bounds.left;
			curtop = Bounds.top;
			/*if (obj.offsetParent) 
			{
				curleft = obj.offsetLeft
				curtop = obj.offsetTop
				while (obj = obj.offsetParent) 
				{
					curleft += obj.offsetLeft
					curtop += obj.offsetTop
				}
				//curleft += 20
				curtop +=22
			}*/

				var tooltip = atooltip();
				e = e?e:window.event;

				//var mx = ns4 ? e.PageX : e.clientX;
				//var my = ns4 ? e.PageY : e.clientY;

				var mx = current_X;
				var my = current_Y;

				var bodyl = (window.pageXOffset) ? window.pageXOffset : document.body.scrollLeft;
				var bodyt = (window.pageYOffset) ? window.pageYOffset : document.body.scrollTop;
				var bodyw = (window.innerWidth)  ? window.innerWidth  : document.body.offsetWidth;
				
				var sids = document.getElementById("GalleryHead1_slabids").value;								
				var resids = ""
				var counting = 0;
				if (sids.length > 0)
				{
					//alert(sids);
					var sidArr = sids.split("::")
					var existFlag = 0;
					var curqty = "";
					for (i=0; i< sidArr.length; i++)
					{
						if (sidArr[i] == sid)
						{
							existFlag = 1;
						}
						if (resids.length >0)
						{
							resids += "::";
						}
						resids += sidArr[i];
					}
					//counting = sidArr.length;
					//alert(resids);
					var SCnt = 0;
					counting = 0;
					for (SCnt=0; SCnt<sidArr.length; SCnt++){
						if(sidArr[SCnt]!="0"){
							counting++;
						}
					}
					if (existFlag == 0)
					{
						counting = counting + 1;
						if (resids.length > 0)
						{
							resids += "::";
						}
						resids += sid ;
						document.getElementById("GalleryHead1_slabids").value = resids;
						AddMixMatch(sid);
					}
					else
					{
						document.getElementById("GalleryHead1_slabids").value = resids;
						//stotal = parseFloat(stotal) + (parseFloat(qty) * parseFloat(sprice)) - (parseFloat(curqty) * parseFloat(sprice))
					}
					//stotal = parseFloat(stotal) + (parseFloat(qty) * parseFloat(sprice))
					
					
					//****AddToCart(maType,sid,qty)	
								
				}
				else
				{
					counting = 1;
					AddMixMatch(sid);
					document.getElementById("GalleryHead1_slabids").value = sid;
				}
				//var txt = '<table border="0" cellpadding="2" bgcolor="#000000"><tr><td ><table border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" width="100%"><td class="white_txt" align="left"><b>Added to Mix & Match&nbsp;</b></td><td><p align="right"><img border="0" src="images/popup_close.jpg" width="17" height="17"></td></tr></table></td></tr><tr><td><table cellspaceing="0" cellspadding="0" width="100%"><tr><td class="white_txt" align="left">' + counting + ' Slabs in Mix & Match</td></table></td></tr></table>'
				//var tip = '<table  border="1" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="{border-width:1px; border-color:#000000; border-collapse:collapse;}" ><tr valign=top><td><table cellpadding=0 cellspacing=0 border=0 ><tr valign=top><td>' + txt + '<\/td><\/tr></table></td></tr><tr><td><table align="center"><tr><td><a href="MixMatch.aspx" class="header"><img src="images/mixandmatch.gif" border ="0"></a></td><td></td></tr></table></td></tr><\/table>';
				//var txt = '';//'<table border="0" cellspacing="0" cellpadding="0" bgcolor="#B2AAA4"><tr><td ><table border="0" cellpadding="0" cellspacing="0" bgcolor="#B2AAA4" width="100%"><td class="white_txt" align="left" nowrap height="20"><b>&nbsp;Added to Mix & Match&nbsp;</b></td><td><img border="0" src="images/popup_close.gif" width="17" height="17" style="cursor:pointer;" onclick="javascript:hmhidePopup();return false;"></td></tr></table></td></tr><tr><td bgcolor="#E9E9EA"><table cellspaceing="0" cellspadding="0" width="100%"><tr><td class="defaultfonts" align="left">' + counting + ' Slabs in Mix & Match</td></table></td></tr></table>'
				var tip = '';//'<table  border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="{border-width:0px; border-color:#000000; border-collapse:collapse;}" ><tr valign=top><td ><table cellpadding=0 cellspacing=0 border=0 ><tr valign=top><td>' + txt + '<\/td><\/tr></table></td></tr><tr><td bgcolor="#CECDCC"><table align="center"><tr><td><a href="MixMatch.aspx" class="header"><img src="images/mixandmatch.gif" border ="0"></a></td><td></td></tr></table></td></tr><\/table>';
				var str = new String();
				str += "<table cellspacing='0' cellpadding='3' border='0'>";
                str += "    <tr class='defaultfontb' style='color:White;background-color:#A0A0A0;'>";
                str += "        <td align='left'>Added to Mix & Match</td>";
                str += "        <td align='right'><img border='0' src='images/popup_close.gif' width='17' height='17' style='cursor:pointer;' onclick='javascript:hmhidePopup();return false;'></td>";
                str += "    </tr>";
                str += "    <tr class='defaultfont' style='background-color:#E9E9EA;color:#6E6E6E;'>";
                str += "        <td colspan='2'>" + counting + " Slabs in Mix & Match</td>";
                str += "    </tr>";
                str += "    <tr class='defaultfont' style='background-color:#CECDCC;color:#141111;'>";
                str += "        <td colspan='2' align='center'><a href='MixMatch.aspx' class='header'><img src='images/mixandmatch.gif' border='0'></a></td>";
                str += "    </tr>";
                str += "</table>";
                tip = str;
				if (ns4) {
					tooltip.document.write(tip);
					tooltip.document.close();
					if ((mx + offsxy + bodyl + tooltip.width) > bodyw) { mx = bodyw - offsxy - bodyl - tooltip.width; if (mx < 0) mx = 0; }
					var toolBounds = getBounds(tooltip);					
					tooltip.left = curleft;
					tooltip.top = curtop - toolBounds.height;
				}
				else {

					tooltip.innerHTML = tip;
					if (tooltip.offsetWidth) if ((mx + offsxy + bodyl + tooltip.offsetWidth) > bodyw) { mx = bodyw - offsxy - bodyl - tooltip.offsetWidth; if (mx < 0) mx = 0; }
                    var toolBounds = getBounds(tooltip);
					tooltip.style.left = curleft+"px";
					tooltip.style.top  = (curtop - toolBounds.height)+"px";
					//tooltip.style.height="1px";
					//tooltip.style.left = "20px";
					//tooltip.style.top  = "20px";


					if (ie5_5) {
					tooltip.style.filter = "progid:DXImageTransform.Microsoft.DropShadow(color='b0b0b0', Direction=135, OffX='0', OffY='0') progid:DXImageTransform.Microsoft.Fade(Overlap=1.00)";
					for (i = 0; i <= 1; i++)
					{ tooltip.filters[i].Apply();
					tooltip.filters[i].Play();}
					}
				}
				/*var objSCount = document.getElementById("SlabsCount")
				if (ns4) {
					objSCount.document.write(" (" + counting + " Items)");
				}
				else
				{
					objSCount.innerHTML = " (" + counting + " Items)";
				}*/
				with(tooltip) { ns4 ? visibility="show" : style.visibility="visible" }
			visibleWindow = 1
			//obj = document.getElementById("Header1_imgCart")
			//alert(obj);
			//obj.focus();
			//document.forms[0].item(0).focus();
			//alert("From Show");
		}
		
		function atooltip(){
			return ns4 ? document.hmpopupDiv1 : ie4 ? document.all.hmpopupDiv1 : document.getElementById('hmpopupDiv1')
		}
		function hmhidePopup() {
			var tooltip = atooltip();
			ns4 ? tooltip.visibility="hide" : tooltip.style.visibility="hidden";
			//alert("From Hide");
			if (visibleWindow == 1)
			{
				//Checkpopup()
				//with(tooltip) { ns4 ? visibility="show" : style.visibility="visible" }
				visibleWindow = 0
			}
			else
				visibleWindow = 0
		}
		function CreateXmlReq()
{
    var objXmlReq;
	try
	{
		objXmlReq = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			objXmlReq = new ActiveXObject("Microsoft.XMLHTTP");
		} 
		catch(oc)
		{
			objXmlReq = null;
		}
	}
	if(!objXmlReq && typeof XMLHttpRequest != "undefined") 
	{
		objXmlReq = new XMLHttpRequest();
	}
	return objXmlReq;
	
}
function AddMixMatch(sid)
{
    //document.getElementById("cloadimg").style.visibility = "none";
    //alert(document.getElementById("cloadimg").style.visibility);
    //document.getElementById("cloadimg").style.display = "block";
    XmlReq = CreateXmlReq();
    var requestUrl = "AddtoMixMatch.aspx?dtype=company&RndId=" + Math.random();
    if(XmlReq)
	{
		XmlReq.onreadystatechange = HandleMixMatch;
		XmlReq.open("POST", requestUrl);
		XmlReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		XmlReq.send("sid=" + sid);	
		//alert("mtype=" + mtype + "&sid=" + sid + "&qty=" + qty);
		//alert("companies=" + document.form1.cvars.value + "&plant=" + document.form1.pvars.value + "&process=" + document.form1.prvars.value + "&product=" + document.form1.prodvars.value + "&trade=" + document.form1.tvars.value + "&market=" + document.form1.mvars.value);
	}
}
function HandleMixMatch()
{
}

// The Following function gets the Left of an object
function getLeft(obj){
    return obj.offsetLeft + (obj.offsetParent ? getLeft(obj.offsetParent) : obj.x ? obj.x : 0);
}
// The Following function gets the Top of an object
function getTop(obj){
    return (obj.offsetParent ? obj.offsetTop + getTop(obj.offsetParent) : obj.y ? obj.y : 0);    
}
// The Following function gets the Right and width of an object
function getRight(obj){
	var leftpos = getLeft(obj);
	return {right:obj.offsetWidth + leftpos, width:obj.offsetWidth };
}
// The Following function gets the Bottom and height of an object
function getBottom(obj){
	var bottompos = getTop(obj);
	return {bottom:obj.offsetHeight + bottompos, height:obj.offsetHeight };	
}

// The Following function gets the Bounds of an object
function getBounds(obj){
	var LeftPos = getLeft(obj);
	var TopPos = getTop(obj);
	var RightPos = getRight(obj).right;
	var BottomPos = getBottom(obj).bottom;
	var Width = getRight(obj).width;
	var Height = getBottom(obj).height;
	return{left: LeftPos, top: TopPos, right: RightPos, bottom: BottomPos, width: Width, height: Height};
}