function create_request()
{
    try
    {
        // Firefox, Opera 8.0+, Safari
        return new XMLHttpRequest();
    }
    catch (e)
    {
        // Internet Explorer
        try
        {
            return new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            try
            {
                return new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e)
            {
                alert("Your browser does not support AJAX!");
                return false;
            }
        }
    }
}

function ajaxLoader()
{
    return '<img src="ajax-loader.gif" />';
}


function ready(requestToCheck)
{
	if (arguments[0] == undefined)
		requestToCheck = request;
	else
		requestToCheck = arguments[0];
	if (requestToCheck.readyState == 4)
	{
		if (requestToCheck.status == 200)
			return true;
	}
	return false;
}







var shoppinglist = new function ()
{
    this.colors = function(floorID)    
    {
    
     request = create_request()
     var targetDiv = document.getElementById('colors')
     var pars = new Array('rnd=' + Math.random() , 'floorID=' + floorID, 'page=colors' )
     request.open("GET", "asp-bin/default.aspx?" +  pars.join("&"), true); request.send(null);
     request.onreadystatechange = function() { if (ready()) {
     targetDiv.innerHTML = request.responseText;    
     shoppinglist.items(document.getElementById('amount').value, floorID);} }
     
    
    }
    

    this.colorpicker = function(id, strColorName)
    {
    document.getElementById('color').value = id;
    document.getElementById('selectedcolor').innerHTML = 'de geselecteerde kleur is: ' + strColorName;
    }



    this.print = function()
    {
    intFloorID = 0
    decAmount = 0
    intSelectedColor = 0
    
    
    if(document.getElementById('brand') != null){intFloorID = document.getElementById('brand').value}
    if(document.getElementById('amount')!= null){decAmount = document.getElementById('amount').value}
    if(document.getElementById('color') != null){intSelectedColor = document.getElementById('color').value}
   
    window.open('print.aspx?page=shoppinglist&id=' + intFloorID + '&numbers=' + decAmount + '&color=' + intSelectedColor,  'Boodschappenlijst');
    }

    this.items = function(intNumbers, intFloorID)
    {
     if(intFloorID == undefined){intFloorID = document.getElementById('brand').value}
     
     //var NumberExpression = new RegExp()
     
     
     request = create_request()
     var targetDiv = document.getElementById('items')
     var pars = new Array('rnd=' + Math.random() , '&floorID=' + intFloorID, 'numbers=' + intNumbers, 'page=items' )
     request.open("GET", "asp-bin/default.aspx?" +  pars.join("&"), true); request.send(null);
     request.onreadystatechange = function() { if (ready()) { document.getElementById('requirements').innerHTML = request.responseText; } }
    }
    
    
    
    
}





var formfunctions = new function()
{
    this.onfocus = function(Element)
    {
        if (Element.value.length == 0 || Element.value == Element.title || Element.title == "")
        {
        Element.title = Element.value;
        Element.alt = Element.value;
        Element.value = "";
        }
    }
    
    
    this.onblur = function(Element)
    {
        if (Element.value.length == 0 || Element.value == Element.title)
        {
            Element.value = Element.title
            Element.alt = ""
            Element.title = ""
        }
    }
    
    
    
    this.formsubmit = function(selectedform)
     {
      if(Validate(selectedform)){eval('document.' + selectedform + '.submit();' )} 
     }
    
    
    
    

}





function changeStyle (what , how) {
  	what.className = how;
}

function changeStyle2 (what , how) {
  	document.getElementById(what).className = how;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
	for(var i=0; i<document.images.length; i++)
   	{
		var img = document.images[i]
	  	var imgName = img.src.toUpperCase()
	  	if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
	    {
			var imgID = (img.id) ? "id='" + img.id + "' " : ""
		 	var imgClass = (img.className) ? "class='" + img.className + "' " : ""
		 	var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
		 	var imgStyle = "display:inline-block;" + img.style.cssText 
		 	if (img.align == "left") imgStyle = "float:left;" + imgStyle
		 	if (img.align == "right") imgStyle = "float:right;" + imgStyle
		 	if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle		
			var strNewHTML = "<img src='images/spacer.gif' border='0' " + imgID + imgClass + imgTitle
			strNewHTML += " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
			strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
			strNewHTML += "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
			img.outerHTML = strNewHTML
		 	i = i-1
		}
	}
}
//window.attachEvent("onload", correctPNG);

function HideAllLayers() {
	MM_showHideLayers('menu_wat_kunnen_wij','','hide'); 
	MM_showHideLayers('menu_contact','','hide'); 
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}