// JScript File

var SlabArray = new Array();
var current_event;
var current_X,current_Y;
var SlabArrayCount = 0;
var offsxy = 6;

function createPopup(cont,title){
	var popup = window.open("",title,"left=200,top=200,width=200,height=200,scrollbars=yes")
	var defaultCont = "<TABLE width='100%' height='100%'><TR><TD>" + cont + "</TD></TR><TR><TD align='center' valign='middle'><A href='javascript:window.close();'>Close</A></TD></TR></TABLE>"
	popup.document.write(defaultCont);
}

function SetArray()
{
	var SlabStr = document.getElementById("hdnSlabs").value;	
	var SlabSplit = SlabStr.split("::");
	if (SlabSplit.length > 0)
	{
		for (i=0; i<SlabSplit.length; i++)
		{
			SlabArray[SlabArrayCount] = new Slab(SlabSplit[i])
			SlabArrayCount++;
		}
	}
	else
		return;
}
function Slab(sStr)
{
	var sStr = sStr.split(":")
//	alert(sStr);
	if (sStr.length > 0)
	{
		this.materialid = sStr[0];
		this.slabid = sStr[1];
		this.mtype = sStr[2];
		this.isincart = sStr[3];
		this.slabimage = sStr[4];
		this.color = sStr[10];
		this.door = sStr[11];
		this.colorname = sStr[12];
		this.doorname = sStr[13];
		this.price = sStr[5];
		this.sname = sStr[6];
		this.simage = sStr[7];
		this.width = sStr[8];
		this.height = sStr[9];
		this.ext = "";
		return this;
	}
}
function SlabCopy(var0, var1, var2, var3, var4, var5, var6, var7, var8 )
{
	this.materialid = var0;
	this.slabid = var1;
	this.mtype = var2;
	this.isincart = var3;
	this.slabimage = var4;
	this.color = var5;
	this.door = var6;
	this.colorname = var7;
	this.doorname = var8;
	return this;
}
function DisplaySlab()
{
	//SlabArray.reverse();
	AssignMaterialExt();
	var SlabOutStr;
	if ((SlabArray.length > 0) && (document.getElementById("hdnSlabs").value != ""))
	{
/*		SlabOutStr = "<TABLE width='100%'><TR><TD class='defaultfont' align='center'><B>Use the Mix &amp; Match tool to compare between materials</B></TD>";
		SlabOutStr += "</TR><TR><TD class='defaultfont'>Below you have the option to view and compare your desired slabs with cabinet colors, styles and wall colors.</TD>";
		SlabOutStr += "</TR><TR><TD><TABLE cellSpacing='0' cellPadding='0'><TR><td>&nbsp;&nbsp;&nbsp;</td><TD class='defaultfont'><img src='images/BlackBigBullet.gif' width='5' height='5'></TD><TD class='defaultfont'>&nbsp;Move your slab selections up and down by using the arrows&nbsp;</TD>";
		SlabOutStr += "<TD><IMG src='images/downarrows.gif'></TD><TD><IMG src='images/uparrows.gif'></TD><TD class='defaultfont'>&nbsp;on the left side of the slab.</TD>";
		SlabOutStr += "</TR></TABLE></TD></TR><TR><TD><TABLE cellSpacing='0' cellPadding='0'><TR><TD class='defaultfont'>&nbsp;&nbsp;&nbsp;</td><td ><img src='images/BlackBigBullet.gif' width='5' height='5'></TD>";
		SlabOutStr += "<TD class='defaultfont'>&nbsp;Choose your cabinet and wall colors by clicking on the slots that appear on each slab below, or change them by clicking on them</TD>";
		SlabOutStr += "</TR></TABLE></TD><tr><td><TABLE cellSpacing='0' cellPadding='0'><TR><TD class='defaultfont'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td class='defaultfont'> again.</td></tr></table></td></tr></TR><TR><TD><TABLE cellSpacing='0' cellPadding='0'><TR><TD class='defaultfont'>&nbsp;&nbsp;&nbsp;</td><td><img src='images/BlackBigBullet.gif' width='5' height='5'></TD>";
		SlabOutStr += "<TD class='defaultfont'>&nbsp;To compare the same slab material with a different cabinet and wall color, click on &quot;Add a new design&quot; at the left bottom of the slab.</TD>";
		SlabOutStr += "</TR></TABLE></TD></TR><tr><td>&nbsp;</td></tr></TABLE>"; 
*/		
		SlabOutStr = "<TABLE width='100%'>";
		SlabOutStr += "<TR><TD class='defaultfont' align='center'><B>Use the Mix &amp; Match tool to compare between materials</B></TD></TR>";
		SlabOutStr += "<TR><TD class='defaultfont'>Below you have the option to view and compare your desired slabs with cabinet colors, styles and wall colors.</TD></TR>";
		
		SlabOutStr += "<TR><TD><TABLE cellSpacing='0' cellPadding='0'><TR>";
		SlabOutStr += "<td>&nbsp;&nbsp;&nbsp;</td><TD class='defaultfont'><img src='images/BlackBigBullet.gif' width='5' height='5'></TD><TD class='defaultfont'>&nbsp;</TD>";
		SlabOutStr += "<TD class='defaultfont'>Choose your Slab Material and match it with cabinet and wall colors by clicking on the main slot below, or change them by clicking on them again.</TD>";
		SlabOutStr += "</TR></TABLE></TD></TR>";

/*		SlabOutStr += "<TR><TD><TABLE cellSpacing='0' cellPadding='0'><TR>";
		SlabOutStr += "<td>&nbsp;&nbsp;&nbsp;</td><TD class='defaultfont'><img src='images/BlackBigBullet.gif' width='5' height='5'></TD><TD class='defaultfont'>&nbsp;</TD>";
		SlabOutStr += "<TD class='defaultfont'>Choose your cabinet and wall colors by clicking on the slots that appear on each slab below, or change them by clicking on them again</TD>";
		SlabOutStr += "</TR></TABLE></TD></TR>";

		SlabOutStr += "<TR><TD><TABLE cellSpacing='0' cellPadding='0'><TR>";
		SlabOutStr += "<td>&nbsp;&nbsp;&nbsp;</td><TD class='defaultfont'><img src='images/BlackBigBullet.gif' width='5' height='5'></TD><TD class='defaultfont'>&nbsp;</TD>";
		SlabOutStr += "<TD class='defaultfont'>Choose a Slab Material by clicking on the main slot below, or change the Slab Material by clicking on main slab again</TD>";
		SlabOutStr += "</TR></TABLE></TD></TR>";
*/		
		SlabOutStr += "<TR><TD><TABLE cellSpacing='0' cellPadding='0'><TR>";
		SlabOutStr += "<td>&nbsp;&nbsp;&nbsp;</td><TD class='defaultfont'><img src='images/BlackBigBullet.gif' width='5' height='5'></TD><TD class='defaultfont'>&nbsp;</TD>";
		SlabOutStr += "<TD class='defaultfont'>To compare more Slab Materials with cabinets and wall colors, click on &quot;Add a new design&quot; at the left bottom of the slab.</TD>";
		SlabOutStr += "</TR></TABLE></TD></TR>";

		SlabOutStr += "<TR><TD><TABLE cellSpacing='0' cellPadding='0'><TR>";
		SlabOutStr += "<td>&nbsp;&nbsp;&nbsp;</td><TD class='defaultfont'><img src='images/BlackBigBullet.gif' width='5' height='5'></TD><TD class='defaultfont'>&nbsp;</TD>";
		SlabOutStr += "<TD class='defaultfont'>Add a new Mix & Match Palate or a new design with the same slab by clicking the buttons at he bottom of the screen or under the slab.</TD>";
		SlabOutStr += "</TR></TABLE></TD></TR>";
				
		SlabOutStr += "<TR><TD><TABLE cellSpacing='0' cellPadding='0'><TR>";
		SlabOutStr += "<td>&nbsp;&nbsp;&nbsp;</td><TD class='defaultfont'><img src='images/BlackBigBullet.gif' width='5' height='5'></TD><TD class='defaultfont'>&nbsp;</TD>";
		SlabOutStr += "<TD class='defaultfont'>Move your slab selections up and down by using the arrows&nbsp;</TD>";
		SlabOutStr += "<TD><IMG src='images/downarrows.gif'></TD><TD><IMG src='images/uparrows.gif'></TD><TD class='defaultfont'>&nbsp;on the left side of the slab.</TD>";
		SlabOutStr += "</TR></TABLE></TD></TR>";

		SlabOutStr += "</TABLE>";
		
		SlabOutStr += "<table cellspacing='4' align='center'>";
		for (i=0; i<SlabArray.length; i++)
		{
			SlabOutStr += "<tr><td>"
			if (SlabArray.length > 1)
			{
				SlabOutStr += "<table>";
				if (i > 0)
					SlabOutStr += "<tr><td align='center'><a href='javascript:MoveSlabUp(" + i + ");'><img border='0' src='images/uparrow.gif'></a></td></tr>";
				SlabOutStr += "<tr><td class='defaultfont'><b>Move</b></td></tr>";
				if (i != SlabArray.length-1)
					SlabOutStr += "<tr><td align='center'><a href='javascript:MoveSlabDown(" + i + ");'><img border='0' src='images/downarrow.gif'></a></td></tr>";
				SlabOutStr += "</table>";
			}
			var newWidth, newHeight;
			if (SlabArray[i]["width"] <= 550)
			{
				newWidth= SlabArray[i]["width"];
				newHeight = SlabArray[i]["height"]
			}
			else
			{
				newWidth= 550;
				newHeight = Math.floor( SlabArray[i]["height"] * (550 / SlabArray[i]["width"]));
			}
			
			SlabOutStr += "</td><td>";
			SlabOutStr += "<table border='1' bordercolor='#000000' bgcolor='#ffffff' style='BORDER-COLLAPSE:collapse'><tr><td><table border='0' bordercolor='#000000' bgcolor='#ffffff' style='BORDER-COLLAPSE:collapse'>";
			SlabOutStr += "<tr><td align='right' colspan='2'><a href='javascript:DeleteSlab(" + i + ");'><img id='imgSlab" + i + "' name='imgSlab" + i + "' src='images/popupclose.gif' border='0'></a></td></tr>";
			SlabOutStr += "<tr><td align='center' class='defaultfont' colspan='2'><b>";
			//alert(SlabArray[i]["mtype"]);
			if (SlabArray[i]["sname"] != " ")
				SlabOutStr += SlabArray[i]["sname"] + " " + SlabArray[i]["ext"];
			SlabOutStr += "</b></td></tr>";
			SlabOutStr += "<tr><td colspan='2'>"
			if (SlabArray[i]["materialid"] == "0" )
				SlabOutStr += "<a href=javascript:SamplePicker('samplePicker','imgSlab" + i + "','imgSampleFill" + i + "'," + i + ");><img border=0 width='" + newWidth + "' height='" + newHeight + "' src='" + SlabArray[i]["slabimage"] + "' onload=SetColor('colorDiv" + i + "','imgSlab" + i + "');SetDoor('doorDiv" + i + "','imgSlab" + i + "');SetPrintButton("+ i +"); onerror='RemovePrintButton("+ i +");'></a>"
			else
				SlabOutStr += "<a href=javascript:SamplePicker('samplePicker','imgSlab" + i + "','imgSampleFill" + i + "'," + i + ");><img border=0 width='" + newWidth + "' height='" + newHeight + "' src='" + SlabArray[i]["slabimage"] + "' onload=SetColor('colorDiv" + i + "','imgSlab" + i + "');SetDoor('doorDiv" + i + "','imgSlab" + i + "');SetPrintButton("+ i +"); onerror='RemovePrintButton("+ i +");'></a>"
				//SlabOutStr += "<img width='" + newWidth + "' height='" + newHeight + "' src='" + SlabArray[i]["slabimage"] + "' onload=SetColor('colorDiv" + i + "','imgSlab" + i + "');SetDoor('doorDiv" + i + "','imgSlab" + i + "');>"
			SlabOutStr += "</td></tr>";
			if (SlabArray[i]["materialid"] != "0" )
				SlabOutStr += "<tr><td colspan='2'><a href='javascript:AddNewSlab(" + i + ");' class='linkb'>Add a new design with the same slab</a></td></tr>"
			if (SlabArray[i]["isincart"] == "1")
			{							
				SlabOutStr += "<tr><td colspan='2'><a href=\"javascript:AddSampleToCart('" + SlabArray[i]["materialid"] + "','" + SlabArray[i]["sname"] + "','" + SlabArray[i]["price"] + "','" + SlabArray[i]["mtype"] + "',1,'" + SlabArray[i]["simage"] + "','iaddcart" + i + "');\" class='txtb'><img border='0' name='iaddcart" + i + "' id='iaddcart" + i + "' src='images/Add_cart_EN1.jpg'></a></td></tr>"
			}
			SlabOutStr += "<tr><td align='right' width='95%'><img id='imgPrint" + i + "' src='images/printIcon.jpg' style='cursor:pointer;display:none;' alt='Print this design' onclick='PrintSlab("+ i +");'></td><td align='right' width='5%'><img id='imgEmail" + i + "' src='images/emailtofriend.jpg' style='cursor:pointer;display:none;' alt='Email this design to friend' onclick='EmailSlab("+ i +");'></td></tr>";
			SlabOutStr += "</table>"
			//SlabOutStr += "<div width='170px'><img id='imgPrint" + i + "' src='images/printIcon.jpg' style='cursor:pointer;display:none;' alt='Print this design' onclick='PrintSlab("+ i +");'><img id='imgEmail" + i + "' src='images/emailtofriend.jpg' style='cursor:pointer;display:none;' alt='Email this design to friend' onclick='PrintSlab("+ i +");'></div>"
			SlabOutStr += "<DIV id='doorDiv" + i + "' style='Z-INDEX: 1000; VISIBILITY: hidden; POSITION: absolute'><table cellpadding=0 cellspacing=0><tr><td colspan=2><a href=javascript:DoorPicker('doorPicker','imgSlab" + i + "','imgDoorFill" + i + "'," + i + ");><IMG id='imgDoorFill" + i + "' name='imgDoorFill" + i + "' src='images/choosecabinet.gif' border='0' width='150' height='225' onerror='RemovePrintButton("+ i +");'></a></td></tr> <tr><td width='25px'></td><td bgcolor=#ffffff><p id='sdoorname"+ i +"' align='right' class='defaultfonts'></p></td></tr></table></DIV>"
			SlabOutStr += "<DIV id='colorDiv" + i + "' style='Z-INDEX: 1000; VISIBILITY: hidden; POSITION: absolute'><table cellpadding=0 cellspacing=0><tr><td><a href=javascript:ColorPicker('colorPicker','imgSlab" + i + "','imgColorFill" + i + "'," + i + ");><IMG id='imgColorFill" + i + "' name='imgColorFill" + i + "' src='images/choosewall.gif' border='0' onerror='RemovePrintButton("+ i +");'></a></td></tr> <tr><td align='center' bgcolor=#ffffff><p id='scolorname"+ i +"' class='defaultfonts'></p></td></tr></table></DIV>"
			SlabOutStr += "</td></tr></table></td></tr>";			
		}
		SlabOutStr += "</table>";		
		//SetColor("colorDiv2","imgSlab2");
		var oObj = document.getElementById("MixNote");
		with(oObj) { ns4 ? visibility="show" : style.visibility="visible" }
	}
	else
	{
		SlabOutStr = "<table width='100%'><tr><td  align='center' class='defaultfont'><table width='100%'><tr><td class='defaultfont' align='center'><span id='lblmix'><b>The Mix & Match is empty</b></span></td></tr><tr><td class='defaultfont' align='left'><b>Use the Mix & Match tool to compare between materials and to match your desired slabs with cabinet colors, styles and wall colors.</b></td></tr></table></td></tr>";
		SlabOutStr += "<tr><td><TABLE cellSpacing='0' cellPadding='0' border='0'><TR><TD class='defaultfont'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;</td><td><img src='images/BlackBigBullet.gif' width='5' height='5'></TD><TD class='defaultfont'>&nbsp;To add items click on the&nbsp;</TD><td><a href='javascript:AddNewSlab(-1);'><img src='images/additemmixmatchs.gif' border='0'></a></td><td class='defaultfont'>&nbsp;button, found below on this page. </td></TR></TABLE></td></tr>";
		SlabOutStr += "<tr><td><TABLE cellSpacing='0' cellPadding='0' border='0'><TR><TD class='defaultfont'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;</td><td><img src='images/BlackBigBullet.gif' width='5' height='5'></TD><td align='center' class='defaultfont'>&nbsp;Check the check boxes&nbsp;</td> <td align='center' class='defaultfont'><img src='images/checkbox.gif'></td> <td align='center' class='defaultfont'>&nbsp;near each Stonemark material you are interested in and add them to the Mix and Match. &nbsp;</td>";
		SlabOutStr += "";
		SlabOutStr += "</table>";
		SlabOutStr += "</td></tr></table>";
		//var oObj = document.getElementById("slabOccur");
		//ns4 ? oObj.visibility="hide" : oObj.style.visibility="hidden";
		var oObj = document.getElementById("MixNote");
		with(oObj) { ns4 ? visibility="hide" : style.visibility="hidden" }
	}
	var tooTip;
	toolTip = document.getElementById("SlabDiv");
	if(ns4)
	{
		toolTip.document.write(SlabOutStr);
	}
	else
	{
		toolTip.innerHTML = SlabOutStr;
	}
	//SlabArray.reverse();
}

function PrintSlab(Id){
    window.location.replace("PrintMixMatch.aspx?Stonemark_MixMatch&SlabId=" + Id);
}

function EmailSlab(Id){
    window.location = "emailtofriend_mixmatch.aspx?Stonemark_MixMatch&SlabId=" + Id;
}

function SetPrintButton(CurrId){
    if (SlabArray.length > 0){
        var SlbId = SlabArray[CurrId]["slabid"];
        var Doorid = SlabArray[CurrId]["door"];
        var ColorId = SlabArray[CurrId]["color"];
		var ShowPrint = (SlbId!=0 && Doorid!=" " && ColorId!=" ");
		var PrintBut = document.getElementById("imgPrint" + CurrId);
		var EmailBut = document.getElementById("imgEmail" + CurrId);
		//alert(EmailBut);
		if(ShowPrint){
		    PrintBut.style.display = "block";
		    EmailBut.style.display = "block";
		}else{
		    PrintBut.style.display = "none";
		    EmailBut.style.display = "none";
		}
	}
}

function RemovePrintButton(CurrId){
	var PrintBut = document.getElementById("imgPrint" + CurrId);
	var EmailBut = document.getElementById("imgEmail" + CurrId);
	PrintBut.style.display = "none";
	EmailBut.style.display = "none";
}

function AssignMaterialExt()
{
	if (SlabArray.length > 0)
	{
		for (i=0; i<SlabArray.length; i++)
		{
			//alert(SlabArray[i]["materialid"]);
			SlabArray[i]["ext"] = "";
		}
		var occurIndex = -1;
		var currentId;
		var count = 0;
		for (i=0; i<SlabArray.length; i++)
		{
			if (SlabArray[i]["ext"] == "")
			{
				occurIndex = i;
				currentId = SlabArray[i]["materialid"];
				for (k=i+1; k<SlabArray.length; k++)
				{
					if (SlabArray[k]["materialid"] == currentId)
					{
						if (occurIndex >= 0)
						{
							count++;
							SlabArray[occurIndex]["ext"] = count;
							occurIndex = -1;
						}
						count++;
						SlabArray[k]["ext"] = count;
					}
				}
				occurIndex = -1;
				count = 0;
				currentId =0;
			}
			//alert(SlabArray[i]["ext"]);
		}
	}
}

function DeleteSlab(SlabIndex)
{
	SlabArray.splice(SlabIndex,1);
	DisplaySlab();
	AssignSlabColorDoor();
	AssignSlabToSession();
	DisplaySlabCount();
// Added by SMK
	if (SlabArray.length == 0)
	{
		AddNewSlab(-1);
	}
//	
}

function AssignSlabColorDoor()
{
	//SlabArray.reverse();
	if (SlabArray.length > 0)
	{
		for (k=0; k<SlabArray.length; k++)
		{
			if (SlabArray[k]["color"] != " ")
			{
				//alert(k);
				CurrentIndex = k;
				AssignImage("imgColorFill" + k,SlabArray[k]["color"],SlabArray[k]["colorname"]);
			}
			if (SlabArray[k]["door"] != " ")
			{
				CurrentIndex = k;
				AssignDoorImage("imgDoorFill" + k,SlabArray[k]["door"],SlabArray[k]["doorname"]);
			}
		}
	}
	//SlabArray.reverse();
}

function MoveSlabDown(SlabIndex)
{
	var Moveval = SlabArray[SlabIndex];
	var Shiftval = SlabArray[SlabIndex + 1];
	SlabArray[SlabIndex] = Shiftval;
	SlabArray[SlabIndex + 1] = Moveval;
	DisplaySlab();
	AssignSlabColorDoor();
	AssignSlabToSession()
}
function MoveSlabUp(SlabIndex)
{
	var Moveval = SlabArray[SlabIndex];
	var Shiftval = SlabArray[SlabIndex - 1];
	SlabArray[SlabIndex] = Shiftval;
	SlabArray[SlabIndex - 1] = Moveval;
	DisplaySlab();
	AssignSlabColorDoor();
	AssignSlabToSession();
}
function AddNewSlab(SlabIndex)
{
	
	if (SlabIndex == -1)
	{
		var newSlabstr = "0:0: :0:images/slab_default.jpg: : : :550:338: : ";
	}
	else
	{
		var newSlabstr = SlabArray[SlabIndex]["materialid"] + ":" + SlabArray[SlabIndex]["slabid"] + ":" + SlabArray[SlabIndex]["mtype"] + ":" + SlabArray[SlabIndex]["isincart"] + ":" + SlabArray[SlabIndex]["slabimage"] + ":" + SlabArray[SlabIndex]["price"] + ":" + SlabArray[SlabIndex]["sname"] + ":" + SlabArray[SlabIndex]["simage"] + ":" + SlabArray[SlabIndex]["width"] + ":" + SlabArray[SlabIndex]["height"] + ": : ";	
	}
	//alert(SlabArray.length);
	if (SlabArray.length > 0 && document.getElementById("hdnSlabs").value != "")
	{
		if (SlabIndex == -1)
		{
			var newSlab = new Slab(newSlabstr);
			//SlabArray[SlabArray.length] = newSlabstr;
			var Moveval = SlabArray[0];
			//SlabArray.splice(0,SlabArray.length,Moveval,newSlab);
			SlabArray[SlabArray.length] = newSlab;
		}
		else
		{
			var Moveval = SlabArray[SlabIndex];
			var newSlab = new Slab(newSlabstr);	
			SlabArray.splice(SlabIndex,1,Moveval,newSlab);	
		}
	}
	else
	{
		var newSlab = new Slab(newSlabstr);
		SlabArray[0] = new Slab(newSlabstr);
		document.getElementById("hdnSlabs").value = newSlabstr;
		//alert(SlabArray.length);
	}
	
	DisplaySlab();
	AssignSlabColorDoor();
	AssignSlabToSession();
	DisplaySlabCount();
	
}

function AssignSample(materialid,slabid,mtype,isincart,slabimage,price,sname,simage,width,height)
{
	SlabArray[CurrentIndex]["materialid"] = materialid;
	SlabArray[CurrentIndex]["slabid"] = slabid;
	SlabArray[CurrentIndex]["mtype"] = mtype;
	SlabArray[CurrentIndex]["isincart"] = isincart;
	SlabArray[CurrentIndex]["slabimage"] = slabimage;
	SlabArray[CurrentIndex]["price"] = price;
	SlabArray[CurrentIndex]["sname"] = sname;
	SlabArray[CurrentIndex]["simage"] = simage;
	SlabArray[CurrentIndex]["width"] = width;
	SlabArray[CurrentIndex]["height"] = height;
	DisplaySlab();
	AssignSlabColorDoor();
	AssignSlabToSession();
	DisplaySlabCount();
	HideSamplePicker();
}

function AddSampleToCart(sid,sname,sprice,maType,qty,iname,objname)
		{			
			//alert("ok");			
			e = current_event;
			var curleft = curtop = 0;
			obj = document.getElementById(objname)
			//alert(obj);
			if (obj.offsetParent) 
			{
				curleft = obj.offsetLeft
				curtop = obj.offsetTop
				while (obj = obj.offsetParent) 
				{
					curleft += obj.offsetLeft
					curtop += obj.offsetTop
				}
				//curleft += 20
				curtop +=15
			}

				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 iname = document.getElementById("imagename").value;
				//var sname = document.getElementById("samplename").value;
				var counting = document.getElementById("Header1_cnt").value;
				var stotal = document.getElementById("Header1_sum").value;
				//var sprice = document.getElementById("sampleprice").value;
				//var qty = document.getElementById("txtQuantity").value;
				//var sid = document.getElementById("sampleid").value;
				var sids = document.getElementById("Header1_sampleids").value;
				var sCount = document.getElementById("ShopCount");
				//var maType = document.getElementById("matType").value;
				//counting = parseInt(counting) + parseInt(qty);
				//stotal = parseFloat(stotal) + (parseFloat(qty) * parseFloat(sprice))
				var resids = ""
				if (sids.trim != "")
				{
					//alert(sids);
					var sidArr = sids.split("::")
					var existFlag = 0;
					var curqty = "";
					for (i=0; i< sidArr.length; i++)
					{
						var CurM = sidArr[i].split(":")
						if (CurM[0] == sid)
						{
							existFlag = 1;
							sidArr[i] = CurM[0] + ":" + qty;
							curqty = CurM[1];
						}
						if (resids.length >0)
						{
							resids += "::";
						}
						resids += sidArr[i];
					}
					//alert(resids);
					if (existFlag == 0)
					{
						counting = parseInt(counting) + parseInt(qty);
						if (resids.length > 0)
						{
							resids += "::";
						}
						resids += sid + ":" + qty;
						document.getElementById("Header1_sampleids").value = resids;
						//stotal = parseFloat(stotal) + (parseFloat(qty) * parseFloat(sprice))
						stotal =Math.round((parseFloat(stotal) + (parseFloat(qty) * parseFloat(sprice))) * 100) / 100
					}
					else
					{
						counting = parseInt(counting) + parseInt(qty) - parseInt(curqty);
						document.getElementById("Header1_sampleids").value = resids;
						//stotal = parseFloat(stotal) + (parseFloat(qty) * parseFloat(sprice)) - (parseFloat(curqty) * parseFloat(sprice))
						stotal = Math.round((parseFloat(stotal) + (parseFloat(qty) * parseFloat(sprice)) - (parseFloat(curqty) * parseFloat(sprice))) * 100 ) / 100
					}
					//stotal = parseFloat(stotal) + (parseFloat(qty) * parseFloat(sprice))
					AddToCart(maType,sid,qty)
					document.getElementById("Header1_cnt").value = counting
					document.getElementById("Header1_sum").value = stotal
					
					if (ns4)
					{
						sCount.document.write(counting + " Items")
					}
					else
					{
						//alert(sCount);
						//alert(sCount.innerHTML);
						sCount.innerHTML = counting + " Items"
					}
					
				}
				else
				{
					counting = parseInt(counting) + parseInt(qty);
					stotal = parseFloat(stotal) + (parseFloat(qty) * parseFloat(sprice))
					AddToCart(maType,sid,qty)
					document.getElementById("Header1_cnt").value = counting
					document.getElementById("Header1_sum").value = stotal
					document.getElementById("Header1_sampleids").value = sid;
					if (ns4)
					{
						sCount.document.write(counting + " Items")
					}
					else
					{
						sCount.innerHTML = counting + " Items"
					}
				}
				//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 cart</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><div align="center"><table border="0" cellpadding="2" bgcolor="#FFFFFF" width="200"><tr><td><table cellpadding="0" cellspacing="0"><tr><td rowspan="3"><img src="' + iname + '" width="50" height="50"></td><td class="smalltxt1">&nbsp;Color :&nbsp;</td><td class="smalltxt1">' + sname + '</td></tr><tr><td class="smalltxt1">&nbsp;Size :</td><td class="smalltxt1">3&quot; x 3&quot;</td></tr><tr><td class="smalltxt1">&nbsp;Qty:</td><td class="smalltxt1">' + qty + '</td></tr></table></td></tr></table></div></td></tr><tr><td><table cellspaceing="0" cellspadding="0" width="100%"><tr><td class="white_txt" align="left">' + counting + ' Items in cart</td><td class="white_txt" align="right">Subtotal : $' + stotal + '</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="shoppingcart.aspx" class="header"><img src="images/addtomycarts.gif" border ="0"></a></td><td></td></tr></table></td></tr><\/table>';
				var txt = '<table border="0" cellpadding="0" bgcolor="#B2AAA4"><tr><td ><table border="0" cellpadding="2" cellspacing="0" bgcolor="#B2AAA4" width="100%"><td class="defaultfont" align="left"><font color="#ffffff"><b>Added to cart</b></font></td><td><p align="right"><img border="0" src="images/popup_close.gif" width="17" height="17"></td></tr></table></td></tr><tr><td><div align="center"><table border="0" cellpadding="2" bgcolor="#FFFFFF" width="200"><tr><td><table cellpadding="0" cellspacing="0"><tr><td rowspan="3"><img src="' + iname + '" width="50" height="50"></td><td class="defaultfonts">&nbsp;Color :&nbsp;</td><td class="defaultfonts">' + sname + '</td></tr><tr><td class="defaultfonts">&nbsp;Size :</td><td class="defaultfonts">3&quot; x 3&quot;</td></tr><tr><td class="defaultfonts">&nbsp;Qty:</td><td class="defaultfonts">' + qty + '</td></tr></table></td></tr></table></div></td></tr><tr><td><table cellspaceing="0" cellspadding="0" width="100%"><tr><td class="white_txt" align="left">' + counting + ' Items in cart</td><td class="white_txt" align="right">Subtotal : $' + stotal + '</td></table></td></tr></table>'
				var tip = '<table  border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="{border-width:0px; border-color:#B2AAA4; 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="shoppingcart.aspx" class="header"><img src="images/addtomycarts.gif" border ="0"></a></td><td></td></tr></table></td></tr><\/table>';
				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; }
					tooltip.left = curleft;
					tooltip.top = curtop;
				}
				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; }

					tooltip.style.left = curleft+"px";
					tooltip.style.top  = curtop+"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();}
					}
				}
				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.hmpopupDiv : ie4 ? document.all.hmpopupDiv : document.getElementById('hmpopupDiv')
}
function hmhidePopup() {
	var tooltip = atooltip();
	ns4 ? tooltip.visibility="hide" : tooltip.style.visibility="hidden";
	//alert("From Hide");
			
}
		
function AddToCart(mtype,sid,qty){
    //document.getElementById("cloadimg").style.visibility = "none";
    //alert(document.getElementById("cloadimg").style.visibility);
    //document.getElementById("cloadimg").style.display = "block";
    XmlReq = CreateXmlReq();
    var requestUrl = "AddSample.aspx?dtype=company&RndId=" + Math.random();
    if(XmlReq)
	{
		XmlReq.onreadystatechange = HandleCart;
		XmlReq.open("POST", requestUrl);
		XmlReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		XmlReq.send("mtype=" + mtype + "&sid=" + sid + "&qty=" + qty );	
		//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 HandleCart()
{
}

function AssignSlabToSession()
{
	var slStr = "";
	for (i=0; i<SlabArray.length; i++)
	{
		if (slStr.length > 0)
		{
			slStr = slStr + ":";
		}
		slStr = slStr + SlabArray[i]["materialid"] + "|" + SlabArray[i]["slabid"] + "|" + SlabArray[i]["mtype"] + "|" + SlabArray[i]["isincart"] + "|" + SlabArray[i]["slabimage"] + "|" + SlabArray[i]["price"] + "|" + SlabArray[i]["sname"] + "|" + SlabArray[i]["simage"]+ "|" + SlabArray[i]["width"] + "|" + SlabArray[i]["height"] + "|" + SlabArray[i]["color"] + "|" + SlabArray[i]["door"]+ "|" + SlabArray[i]["colorname"] + "|" + SlabArray[i]["doorname"];
	}
//	alert(slStr);
	XmlReq = CreateXmlReq();
    var requestUrl = "AddSlabToSession.aspx?dtype=company&RndId=" + Math.random();
    if(XmlReq)
	{
		XmlReq.onreadystatechange = HandleToSession;
		XmlReq.open("POST", requestUrl);
		XmlReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		XmlReq.send("str=" + slStr );	
		//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 HandleToSession()
{
}

function DisplaySlabCount()
{
	var objSCount = document.getElementById("SlabsCount")
	if (ns4) 
	{
		//objSCount.document.write(" (" + SlabArray.length + " Items)");
	}
	else
	{
		//objSCount.innerHTML = " (" + SlabArray.length + " Items)";
	}
}