// Open the lightbox
function productbox(elurl, changeid)
{
	ajaxfunction(elurl, changeid);
	var productbox = document.getElementById('productsholder'); 
	document.getElementById('filter').style.display='block';

	productbox.style.display='block';
	
	
	
	
	var scrOfX = 0, scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		scrOfY = window.pageYOffset; scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		scrOfY = document.body.scrollTop; scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		scrOfY = document.documentElement.scrollTop; scrOfX = document.documentElement.scrollLeft;
	}
	
	document.getElementById('productsholder').style.top=scrOfY+40;
}	


function closeproductbox()
{
   document.getElementById('productsholder').style.display='none';
   document.getElementById('filter').style.display='none';
   document.getElementById('productsholder').innerHTML='';
   
}


function login()
{
   document.getElementById('productsholder').style.display='none';
   document.getElementById('filter').style.display='none';
   openbox();
}



function getXMLHTTP() { //fuction to return the xml http object
		var xmlhttp=false;	
		try{
			xmlhttp=new XMLHttpRequest();
		}
		catch(e)	{		
			try{			
				xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(e){
				try{
				xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
				}
				catch(e1){
					xmlhttp=false;
				}
			}
		}
		 	
		return xmlhttp;
	}


function ajaxfunction(strURL, changeid)
{   
	var req = getXMLHTTP(); // fuction to get xmlhttp object
    if (req)
    {
    	req.onreadystatechange = function()
		{
			if (req.readyState == 4)
			{
		    	if (req.status == 200)
				{
		        	document.getElementById(changeid).innerHTML=req.responseText;
			    }
		    	else
			    { 
			        alert("There was a problem while using XMLHTTP:\n");
      			}
	      	}            
      	}        
		req.open("GET", strURL, true); //open url using get method
		req.send(null);
	}
}







function viewmore(divid1,divid2){
	document.getElementById(divid1).style.display = 'none';
	document.getElementById(divid2).style.display = 'block';
}