var isie = (document.all) ? true : false;

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
	var arVersion = navigator.appVersion.split("MSIE")
	var version = parseFloat(arVersion[1])
	
	if ((version >= 5.5) && (document.body.filters)) 
	{
		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")
			{
				img.style.display = 'block';
				
				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 = "<div " + imgID + imgClass + imgTitle
				+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
				+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
				+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></div>" 
				img.outerHTML = strNewHTML
				
				i = i-1
			}
		}
	}
	
	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")
		{
			img.style.display = 'block';
		}
	}
}

function setClassName (object, name)
{
	var names 	= object.className.split(" ");
	var classes = "";
	
	if (names.length > 0 && name == "")
	{
		classes = names[0];
	}
	
	if (name != "")
	{
		classes = names[0] + " " + names[0] + "_active";
	}
	
	object.className = classes;
}

function replaceField(field)
{ 
    var password 	= document.createElement("input"); 
    
    password.type 	= "password"; 
    password.name 	= field.name; 
    password.id		= field.name; 
    
    field.parentNode.replaceChild(password, field); 
}


function changeQuantity(objectinstanceid, count, udcsizeitemid, udccoloritemid)
{
    new Ajax.Request('/_ctrl/shop/cart/add/'+objectinstanceid+'/'+count+'/', {
            onSuccess: function(transport) {
                //document.getElementById('price_'+objectinstanceid).innerHTML = transport.responseText;
                document.location.href='/_ctrl/shop/cart/list';
            }
        });
    
}



/**
* @description: functie who's purpose is to perform an AJAX request to update the shoppingcart
*/
function calculateNewPriceQuantity(event)
{
    var input = event.element();
    
    var updateknop = $('updatecartbtn');
    
    updateknop.value    = 'Updaten';
    updateknop.disabled = true;
      
    var url = '/_ctrl/shop/cart/update/req/ajax';
   
    var AllOptions = 
    {
        method: 'get',
        parameters: { quantity: input.value, encodedid: input.id }, 
        onSuccess: function(oXHR, oJson)
        {
        	
            updateknop.value = "Update winkelwagen";
            updateknop.disabled = false;
            
            updateCart(oXHR, oJson, input);
        },
        onFailure: function(oXHR, oJson)
        {
            alert('mislukt om een ajax request uit te voeren.');
        }
    }   
    var myAjax = new Ajax.Request(url, AllOptions);
    
}

// when ajax request is succesfull, the retrieved data from the Json object needs to be placed inside the DOM structure
// this is where the updateCart function fits in.
function updateCart(oXHR, oJson, input)
{
    var cartobject = oXHR.responseText.evalJSON();
     
	var formatedid = input.id.split('_');
	var subtotalprice = $('subtot_'+formatedid[1]);
	var totalprice    = $('totalprice');
     	     
    subtotalprice.innerHTML    = '&euro; '+cartobject.subtotalprice;
    totalprice.innerHTML       = '&euro; '+cartobject.totalprice;
    input.value                = cartobject.quantity;  
     
     if(cartobject.errorkey != null)
     {
        alert(cartobject.errormessage);
     }
     
}



window.onload = function ()
{
	// png's voor IE6 aanpassen
	correctPNG();
	
	// swf object schrijven
	var so = new SWFObject("/images/banner.swf", "video", "191", "49", "8");
	so.addParam("quality", "high");
	so.addParam("wmode", "transparent");
	so.addParam("salign", "t");
	so.write("logo_vastgoedcert");
	
	//setTimeout ("initMouseOver()", 500);
	initMouseOver();
}

function showMouseOverHome(e, id) 	
{  
	document.getElementById('back_home').style.display = 'block';
}

function showMouseOutHome(e, id) 	
{  
	if (document.getElementById('item_215').className == 'li_0_0 li_0_0_active active')
	{
		document.getElementById('back_home').style.display = 'block';
	}
	else
	{
		document.getElementById('back_home').style.display = 'none';
	}
}

function showMouseOverDiensten(e, id) 	
{  
	document.getElementById('back_diensten').style.display = 'block';
}

function showMouseOutDiensten(e, id) 	
{  
	if (document.getElementById('item_216').className == 'li_0_1 li_0_1_active active')
	{
		document.getElementById('back_diensten').style.display = 'block';
	}
	else
	{
		document.getElementById('back_diensten').style.display = 'none';
	}
	
}

//function showMouseOverWerkgebied(e, id) 	
//{  
//	document.getElementById('back_werkgebied').style.display = 'block';
//}
//
//function showMouseOutWerkgebied(e, id) 	
//{  
//	if (document.getElementById('item_217').className == 'li_0_2 li_0_2_active active')
//	{
//		document.getElementById('back_werkgebied').style.display = 'block';
//	}
//	else
//	{
//		document.getElementById('back_werkgebied').style.display = 'none';
//	}
//	
//}
//
//function showMouseOverWerkwijze(e, id) 	
//{  
//	document.getElementById('back_werkwijze').style.display = 'block';
//}
//
//function showMouseOutWerkwijze(e, id) 	
//{
//	if (document.getElementById('item_218').className == 'li_0_3 li_0_3_active active')
//	{
//		document.getElementById('back_werkwijze').style.display = 'block';
//	}
//	else
//	{
//		document.getElementById('back_werkwijze').style.display = 'none';
//	}
//	
//}

function showMouseOverReferenties(e, id) 	
{  
	document.getElementById('back_referenties').style.display = 'block';
}

function showMouseOutReferenties(e, id) 	
{  
	if (document.getElementById('item_228').className == 'li_0_2 li_0_2_active active')
	{
		document.getElementById('back_referenties').style.display = 'block';
	}
	else
	{
		document.getElementById('back_referenties').style.display = 'none';
	}
	
}

function showMouseOverContact(e, id) 	
{  
	document.getElementById('back_contact').style.display = 'block';
}

function showMouseOutContact(e, id) 	
{  
	if (document.getElementById('item_220').className == 'li_0_3 li_0_3_active active')
	{
		document.getElementById('back_contact').style.display = 'block';
	}
	else
	{
		document.getElementById('back_contact').style.display = 'none';
	}
	
}

function showMouseOverLinks(e, id) 	
{  
	document.getElementById('back_links').style.display = 'block';
}

function showMouseOutLinks(e, id) 	
{
	if (document.getElementById('item_221').className == 'li_0_4 li_0_4_active active')
	{
		document.getElementById('back_links').style.display = 'block';
	}
	else
	{
		document.getElementById('back_links').style.display = 'none';
	}
}


function initMouseOver()
{
	var home = document.getElementById('item_215');
	if		( home.addEventListener ) { home.addEventListener('mouseover',showMouseOverHome,false);	} 
	else if	( home.attachEvent 		) { home.attachEvent('onmouseover',showMouseOverHome);			}
	if		( home.addEventListener ) { home.addEventListener('mouseout',showMouseOutHome,false);	} 
	else if	( home.attachEvent 		) { home.attachEvent('onmouseout',showMouseOutHome);			}
	
	var diensten = document.getElementById('item_216');
	if		(  diensten.addEventListener ) 	{ diensten.addEventListener('mouseover',showMouseOverDiensten,false);	} 
	else if	(  diensten.attachEvent 	 ) 	{ diensten.attachEvent('onmouseover',showMouseOverDiensten);			}
	if		(  diensten.addEventListener ) 	{ diensten.addEventListener('mouseout',showMouseOutDiensten,false);		} 
	else if	(  diensten.attachEvent 	 ) 	{ diensten.attachEvent('onmouseout',showMouseOutDiensten);				}	
	
//	var werkgebied = document.getElementById('item_217');
//	if		(  werkgebied.addEventListener  )	{ werkgebied.addEventListener('mouseover',showMouseOverWerkgebied,false);	} 
//	else if	(  werkgebied.attachEvent 	 	) 	{ werkgebied.attachEvent('onmouseover',showMouseOverWerkgebied);			}
//	if		(  werkgebied.addEventListener  )	{ werkgebied.addEventListener('mouseout',showMouseOutWerkgebied,false);		} 
//	else if	(  werkgebied.attachEvent 	 	) 	{ werkgebied.attachEvent('onmouseout',showMouseOutWerkgebied);				}	
//
//	var werkwijze = document.getElementById('item_218');
//	if		(  werkwijze.addEventListener   )	{ werkwijze.addEventListener('mouseover',showMouseOverWerkwijze,false);		} 
//	else if	(  werkwijze.attachEvent 	 	) 	{ werkwijze.attachEvent('onmouseover',showMouseOverWerkwijze);				}
//	if		(  werkwijze.addEventListener   )	{ werkwijze.addEventListener('mouseout',showMouseOutWerkwijze,false);		} 
//	else if	(  werkwijze.attachEvent 	 	) 	{ werkwijze.attachEvent('onmouseout',showMouseOutWerkwijze);				}	
	
	var referenties = document.getElementById('item_228');
	if		(  referenties.addEventListener   )	{ referenties.addEventListener('mouseover',showMouseOverReferenties,false);	} 
	else if	(  referenties.attachEvent 	 	  )	{ referenties.attachEvent('onmouseover',showMouseOverReferenties);			}
	if		(  referenties.addEventListener   )	{ referenties.addEventListener('mouseout',showMouseOutReferenties,false);	} 
	else if	(  referenties.attachEvent 	 	  )	{ referenties.attachEvent('onmouseout',showMouseOutReferenties);			}	

	var contact = document.getElementById('item_220');
	if		(  contact.addEventListener   )	{ contact.addEventListener('mouseover',showMouseOverContact,false);	} 
	else if	(  contact.attachEvent 	 	  )	{ contact.attachEvent('onmouseover',showMouseOverContact);			}
	if		(  contact.addEventListener   )	{ contact.addEventListener('mouseout',showMouseOutContact,false);	} 
	else if	(  contact.attachEvent 	 	  )	{ contact.attachEvent('onmouseout',showMouseOutContact);			}	

	var links = document.getElementById('item_221');
	if		(  links.addEventListener     )	{ links.addEventListener('mouseover',showMouseOverLinks,false);	} 
	else if	(  links.attachEvent 	 	  )	{ links.attachEvent('onmouseover',showMouseOverLinks);			}
	if		(  links.addEventListener     )	{ links.addEventListener('mouseout',showMouseOutLinks,false);	} 
	else if	(  links.attachEvent 	 	  )	{ links.attachEvent('onmouseout',showMouseOutLinks);			}	
	
	
}



function formHandler ()
{
	
}

	formHandler.prototype.Send = function (formname, method, action)
	{
		document.forms[formname].method = method;
		document.forms[formname].action = action;
		document.forms[formname].submit();
	}
	
	var formHandler = new formHandler();
	

