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 CurrentMode = "Out"
		var CurrentType = -1
		var Filter = null;
		if(document.getElementById("MatContent")!=null){
		    Filter = new FilterEffects("MatContent","Filter");
		}
		var CurrMaster, CurrObj
		var CQuickDetail, Cobj, CobjMaster
		var offsxy = 6;
		var MAX = 1;
		var NonIE = (ua.indexOf("MSIE")>=0 ) ? false : true;
		//alert(NonIE);
		function MGCreateXmlReq()
        {
            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 GetMaterials(MatType)
        {
            if (CurrentType != MatType)
            {
                if (CurrentMode == "In")
                {
                    EOut("HideGallery();GetMaterials1(" + MatType + ");")
                }
                else
                    GetMaterials1(MatType)
            }
            else
            {
                if (CurrentMode == "In")
			    {
			        EOut("HideGallery()");
			    }
			    else
			    {
			        //ShowGallery();
	                EIn();
	            }
            }
        }
        
        function InitMaterials()
        {
                if(document.getElementById("MatContent")!=null){
                XmlReq = MGCreateXmlReq();
                loadingcomp.Show();
                var requestUrl = "GetMaterialGallery.aspx?RndId=" + Math.random();
                if(XmlReq)
	            {
	                
	                //alert(requestUrl);
		            XmlReq.onreadystatechange = HandleInitMaterial;
		            XmlReq.open("POST", requestUrl);
		            XmlReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		            XmlReq.send("Init=true");
	            }
	            }
        }
        function HandleInitMaterial()
        {            
            if(XmlReq.readyState == 4)
            {
                loadingcomp.Hide();
                if(XmlReq.status == 200)
                {	                    
		            if (XmlReq.responseText!="")
		            {		                
			            document.getElementById("MatContent").innerHTML = XmlReq.responseText;			            
			            fixPng();
			            CurrentMode = "In";
			            //EIn();
			        }
		        }
            }
        }
        
        function GetOutdoorMaterials(){
                CurrentType = 5;
                XmlReq = MGCreateXmlReq();                
                var requestUrl = "GetMaterialGallery.aspx?sid=" + CurrentType + "&RndId=" + Math.random();
                if(XmlReq)
	            {
		            XmlReq.onreadystatechange = HandleOutdoorMaterial;
		            XmlReq.open("POST", requestUrl);
		            XmlReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		            XmlReq.send("Mtype=" + CurrentType);	
	            }
        }
        function HandleOutdoorMaterial(){
            if(XmlReq.readyState == 4)
            {                
                if(XmlReq.status == 200)
                {	                    
		            if (XmlReq.responseText!="")
		            {		                
			            document.getElementById("MatContent").innerHTML = XmlReq.responseText;
			            fixPng();			            
			        }
		        }
            }
        }
        
        function GetMaterials1(MatType)
        {
                CurrentType = MatType;
                XmlReq = MGCreateXmlReq();
                loadingcomp.Show();
                var requestUrl = "GetMaterialGallery.aspx?sid=" + MatType + "&RndId=" + Math.random();
                if(XmlReq)
	            {
	                
	                //alert(requestUrl);
		            XmlReq.onreadystatechange = HandleMaterial;
		            XmlReq.open("POST", requestUrl);
		            XmlReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		            XmlReq.send("Mtype=" + MatType);	
	            }
        }
        
        function HandleMaterial()
        {
            //alert(XmlReq.readyState)
            if(XmlReq.readyState == 4)
            {
                loadingcomp.Hide();
                //alert(XmlReq.statusText)
                if(XmlReq.status == 200)
                {                    
		            if (XmlReq.responseText!="")
		            {		                
			            document.getElementById("MatContent").innerHTML = XmlReq.responseText;
			            fixPng();
			            EIn();
			        }
		        }
            }
        }
        function EOut(arg)
        {
            CurrentMode = "Out"
            
            //if (arg == 0)
                Filter.ExpandOut(10,5,arg);
            //else
                //Filter.ExpandOut(10,5,"EIn();");
            //alert("yes")
            
        }
        function EIn()
        {
            ShowGallery();
            CurrentMode = "In"
            Filter.ExpandIn(10,5);
        }
        function HideGallery() {
			var tooltip = document.getElementById("MatContent");
			//tooltip.innerHTML = "";
			ns4 ? tooltip.visibility="hide" : tooltip.style.visibility="hidden";
			ns4 ? tooltip.display="none" : tooltip.style.display="none";
	    }
	    function ShowGallery() {
			var tooltip = document.getElementById("MatContent");
			ns4 ? tooltip.visibility="show" : tooltip.style.visibility="visible";
			ns4 ? tooltip.display="block" : tooltip.style.display="";
	    }
	    function SetQuickOption(obj, objQuick)
	    {
	        //alert("YES");
	        var objDiv = document.getElementById("MatContent");
	        var curleft = curtop = 0;
	        if(NonIE)
	        {
	            curleft = getLeftNonIE(obj) + 10;
			    curtop = getTopNonIE(obj) + 106
			}
			else
			{
			    curleft = getLeft(obj) - getLeft(objDiv) + 10;
			    curtop = getTop(obj) - getTop(objDiv) + 106
			}
			var QuickObj = document.getElementById(objQuick);
			if (ns4) {
			    QuickObj.left = curleft;
				QuickObj.top = curtop;
			}
			else
			{
			    QuickObj.style.left = curleft+"px";
				QuickObj.style.top  = curtop+"px";
			}
			//ns4 ? QuickObj.visibility="show" : QuickObj.style.visibility="visible"
	    }
	    function SetQuickOption1(obj1, objQuick)
	    {
	        
	      
	        var obj = document.getElementById(obj1);
	        var objDiv = document.getElementById("MatContent");
	        var curleft = curtop = 0;
	        
			/*if (obj.offsetParent) 
			{
				curleft = obj.offsetLeft
				curtop = obj.offsetTop
				//alert(curleft + "--" + curtop);
				while (obj = obj.offsetParent) 
				{
					curleft += obj.offsetLeft
					curtop += obj.offsetTop
				}
			}*/
			curleft = getLeft(obj) - getLeft(objDiv) + 10;
			curtop = getTop(obj) - getTop(objDiv) + 106
			alert(curleft + "--" + curtop);
			var QuickObj = document.getElementById(objQuick);
			//QuickObj.style.left= "330px";
			//QuickObj.style.top  = "150px";
			//return;
			if (ns4) {
			    QuickObj.left = curleft;
				QuickObj.top = curtop;
				alert("her")
			}
			else
			{
			    alert("her1")
			    QuickObj.style.left = curleft+"px";
				QuickObj.style.top  = curtop+"px";
				
			}
			QuickObj = document.getElementById(objQuick);
			//alert(QuickObj.style.left)
			//ns4 ? QuickObj.visibility="show" : QuickObj.style.visibility="visible"
	    }
	    
	    function DisplayDeatil(QuickDetail, obj, objMaster, objQuickOpt)
	    {
	        HideCurrent();
	        CQuickDetail = QuickDetail
	        Cobj = obj
	        CobjMaster = objMaster
	        var objDiv = document.getElementById("MatContent");
	        var curleft = curtop = 0;
	        if(NonIE)
	        {
	            curleft = getLeftNonIE(obj) - 10;
			    curtop = getTopNonIE(obj) - 90
			}
			else
			{
			    curleft = getLeft(obj) - getLeft(objDiv) - 10;
			    curtop = getTop(obj) - getTop(objDiv) - 90
			}
			var QuickObj = document.getElementById(QuickDetail);
			var QuickMaster = document.getElementById(objMaster);
			if (ns4) {
			    QuickObj.left = curleft;
				QuickObj.top = curtop;
				QuickMaster.left = curleft;
				QuickMaster.top = curtop + 30;
			}
			else
			{
			    QuickObj.style.left = curleft+"px";
				QuickObj.style.top  = curtop+"px";
				QuickMaster.style.left = curleft+"px";
				QuickMaster.style.top  = (curtop + 20) + "px";
			}
			CurrObj = obj;
			CurrMaster = QuickDetail
	        ns4 ? QuickObj.visibility="show" : QuickObj.style.visibility="visible"
	        ns4 ? QuickMaster.visibility="show" : QuickMaster.style.visibility="visible"
	        ns4 ? obj.visibility="hide" : obj.style.visibility="hidden";
	        //var ObjFilter = new FilterEffects(objQuickOpt,"Filter");
	        //ObjFilter.ExpandIn(100,1)
	    }
	    function DisplayDeatil1(QuickDetail, obj, objMaster, objQuickOpt)
	    {
	        var QuickObj = document.getElementById(QuickDetail);
			var QuickMaster = document.getElementById(objMaster);
			var ImgObj = document.getElementById(obj);
			ns4 ? QuickObj.visibility="show" : QuickObj.style.visibility="visible"
	        ns4 ? QuickMaster.visibility="show" : QuickMaster.style.visibility="visible"
	        ns4 ? ImgObj.visibility="hide" : ImgObj.style.visibility="hidden";
	    }
	    
	    function HideDetail(QuickDetail, obj, objMaster)
	    {
	        var QuickObj = document.getElementById(QuickDetail);
	        ns4 ? QuickObj.visibility="hide" : QuickObj.style.visibility="hidden"
	        var QuickMaster = document.getElementById(objMaster);
	        ns4 ? QuickMaster.visibility="hide" : QuickMaster.style.visibility="hidden"
	        var objMaster = document.getElementById(obj);
	        ns4 ? objMaster.visibility="show" : objMaster.style.visibility="visible";
	    }
	    function HideCurrent()
	    {
	        if (CQuickDetail)
	        {
	            var QuickObj = document.getElementById(CQuickDetail);
	            ns4 ? QuickObj.visibility="hide" : QuickObj.style.visibility="hidden"
	        }
	        if (CobjMaster)
	        {
	            var QuickMaster = document.getElementById(CobjMaster);
	            ns4 ? QuickMaster.visibility="hide" : QuickMaster.style.visibility="hidden"
	        }
	        if (Cobj)
	        {
	            ns4 ? Cobj.visibility="show" : Cobj.style.visibility="visible";
	        }
	        HideMixMatch()
	    }
	    
	    function AddToMyEverlife(sid, 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 +=5
				curleft -= 105
			}

				var tooltip = document.getElementById('hmpopupDiv1')
				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("MyEverlifeSamples").value;
				var resids = ""
				var counting = 0;
				//var sidArrS = sid.split(":::");
				
				resids = sids;
				if (sids.length > 0)
				{
					var sidArr = sids.split("::")
					//counting = sidArr.length;
					var SCnt = 0;
					counting = 0;
					for (SCnt=0; SCnt<sidArr.length; SCnt++){
						if(sidArr[SCnt]!="0"){
							counting++;
						}
					}
					var existFlag = 0;
					for (j=0; j<sidArr.length; j++)
					{
						var curqty = "";
						if (sidArr[j] == sid)
						{
							existFlag = 1;
						}
					}
					if (existFlag == 0)
					{
						counting = counting + 1;
						if (resids.length > 0)
						{
							resids += "::";
						}
						resids += sid ;
						AddSampleToMyEverlife(sid);
					}
					document.getElementById("MyEverlifeSamples").value = resids;
					
				}
				else
				{
				    counting = 1;
                    if (resids.length > 0)
					{
						resids += "::";
					}
					resids += sid ;
					AddSampleToMyEverlife(sid);
					document.getElementById("MyEverlifeSamples").value = resids;
				}
				var txt = '<table border="0" cellspacing="0" cellpadding="0" bgcolor="#606060"><tr><td ><table border="0" cellpadding="0" cellspacing="0" bgcolor="#A0A0A0" width="100%"><td class="defaultfont" align="left" nowrap height="20"><font color=#ffffff size=2><b><b>&nbsp;Added to My Favorites.&nbsp;</b></font></td><td><p align="right"><a href="javascript:HideMixMatch();"><img border="0" src="images/popup_close.gif" width="17" height="17"></a></td></tr></table></td></tr><tr><td bgcolor="#E9E9EA"><table cellspaceing="0" cellspadding="0" width="100%"><tr><td class="defaultfonts" align="left">' + counting + ' Samples in My Favorites</td></table></td></tr></table>'
				var tip = '<table  border="1" cellpadding="0" cellspacing="0" bgcolor="#606060" style="{border-width:1px; 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="Saved-PortFolio.aspx" class="header"><img src="images/btnViewMyEverlife.jpg" 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();}
					}
				}
				/*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" }
				//var tooltip1 = atooltip2();
				//with(tooltip1) { ns4 ? visibility="hide" : style.visibility="hidden" }
				
			visibleWindow = 1
			hmhidePopup1()
			//obj = document.getElementById("Header1_imgCart")
			//alert(obj);
			//obj.focus();
			//document.forms[0].item(0).focus();
			//alert("From Show");
		}
		
		function AddSampleToMyEverlife(sid)
		{
		    XmlReq = MGCreateXmlReq();
            var requestUrl = "AddtoMyEverlife.aspx?dtype=company";
            if(XmlReq)
	        {
		        XmlReq.onreadystatechange = HandleMyEverlife;
		        XmlReq.open("POST", requestUrl);
		        XmlReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		        XmlReq.send("sid=" + sid);	
        	}
		}
		function HandleMyEverlife()
		{
		}
		
		var tries = 0;
		var maxtries = 24;
		function InitMaterialDropDown(){
		var comp = document.getElementById("spnSearchBy");
		//comp.innerHTML = "Loading please wait...";
		var ReqParams = new RequestAttr();
	    ReqParams.Url = "MaterialDetailsHandler.aspx";
	    ReqParams.CallBackFunction = function(info){
	        if(info.readyState==4){	            
	            if(info.status == 200){	                
	                var MaterialDetails = info.Request.responseXML.documentElement.getElementsByTagName('Detail');
	                var mtable = new DataTable(MaterialDetails);
	                var newselcomp = document.createElement("select");
	                newselcomp.id = "cmbEverlifeColors";
	                newselcomp.className = "defaultfontb"
	                newselcomp.onchange = function(){
	                    if(this.value!=""){
	                        window.location.replace(this.value);
	                    }
	                }
	                var newopt = document.createElement("option");
                    newopt.value = "";
                    newopt.innerHTML = "Everlife Color Name";
                    newselcomp.appendChild(newopt);
	                for(mi=0;mi<mtable.rowcount;mi++){
	                    var newopt = document.createElement("option");
	                    newopt.value = mtable.rows[mi]["SampleFileName"];
	                    newopt.innerHTML = mtable.rows[mi]["SampleName"];
	                    newselcomp.appendChild(newopt);
	                }
	                comp.innerHTML = "";
	                comp.appendChild(newselcomp);
	            }else{
	                comp.innerHTML = "Loading Failed...";
	                if(tries<=maxtries){
	                    setTimeout("document.getElementById('spnSearchBy').innerHTML='Retrying please wait...';InitMaterialDropDown()",5000);
	                }
	                tries++;
	            }
	        }
	    }
	    ReqParams.Method = "POST";
	    ReqParams.Parameters = "DetailesFor=materials";
	    setRequest(ReqParams);
	    }
	    InitMaterialDropDown();