/***********************************************
* Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""

function ajaxpage(url, containerid){
	
	var page_request = false
	if (window.XMLHttpRequest) // if Mozilla, Safari etc
		page_request = new XMLHttpRequest()
	else if (window.ActiveXObject){ // if IE
		try {
			
			page_request = new ActiveXObject("Msxml2.XMLHTTP")
		} 
	catch (e){
		try{
			
			page_request = new ActiveXObject("Microsoft.XMLHTTP")
		}
	catch (e){}
	}
	
	}
	else		
		return false
		
		page_request.onreadystatechange=function(){
		loadpage(page_request, containerid)
		
	}
	if (bustcachevar) //if bust caching of external page
		bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
		page_request.open('GET', url+bustcacheparameter, true)
		page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText

}

function loadobjs(){

	if (!document.getElementById) return
	for (i=0; i<arguments.length; i++)
	{
		
		var file=arguments[i]
		var fileref=""
		if (loadedobjects.indexOf(file)==-1)
		{ //Check to see if this object has not already been added to page before proceeding
			if (file.indexOf(".js")!=-1)
			{ //If object is a js file
				fileref=document.createElement('script')
				fileref.setAttribute("type","text/javascript");
				fileref.setAttribute("src", file);
				
			}
			else if (file.indexOf(".css")!=-1){ //If object is a css file
				fileref=document.createElement("link")
				fileref.setAttribute("rel", "stylesheet");
				fileref.setAttribute("type", "text/css");
				fileref.setAttribute("href", file);
			}
		}
		
		if (fileref!="")
		{			
			document.getElementsByTagName("head").item(0).appendChild(fileref)
			loadedobjects+=file+" " //Remember this object as being already added to page	
		}
	}
}

/***********************************************
* fix for menu onmouseout
***********************************************/

function is_child_of(parent, child) {
	if( child != null ) {			
		while( child.parentNode ) {
			if( (child = child.parentNode) == parent ) {
				return true;
			}
		}
	}
	return false;
}

function fixOnMouseOut(element, event, JavaScript_code) {
	var current_mouse_target = null;
	if( event.toElement ) {				
		current_mouse_target 			 = event.toElement;
	} else if( event.relatedTarget ) {				
		current_mouse_target 			 = event.relatedTarget;
	}
	if( !is_child_of(element, current_mouse_target) && element != current_mouse_target ) {
		eval(JavaScript_code);
	}
}


/// CANVAS START /////////////


var canvas;
var plaatje;
var x = 0;
var y = 0;
var owidth = 0;
var oheight = 0;
var cwidth = 0;
var cheight = 0
var loopcount = 70;
var scalefac = 110;
var mytext
var mytext2
var mytop
var mycolor;
var mybackcolor;

function drawCanvas(vimagesrc, vtext, vtext2, vtop, vcolor) 
{
	canvas = document.getElementById("drCanvas");
	mytext = vtext;
	mytext2 = vtext2;
	mycolor = 'black';
	mybackcolor = 'white';

	if (vcolor == 'black')
	{
		mycolor = 'white';
		mybackcolor = 'black';
	}
	if (vcolor == 'white')
	{
		mycolor = 'black';
		mybackcolor = 'white';
	}
	if (vcolor == 'green')
	{
		mycolor = 'black';
		mybackcolor = '#D9D801';
	}

	if (vtop > 0) 
	{
		mytop = vtop;
	}
	else
	{
		mytop = 100;
	}
	cwidth = canvas.width;
	cheight = canvas.height;

	if (canvas.getContext) 
	{
		plaatje = new Image();
		plaatje.onload = loadingComplete;
		plaatje.src = vimagesrc;
	}
	else
	{
		//load the image
		var productElement = document.getElementById("divcanvas");
		if (productElement != null) 
		{
			productElement.innerHTML = "<img src='" + vimagesrc + "'>"; 
		}
		var productElement = document.getElementById("divcanvasstatie7");
		if (productElement != null) 
		{
			productElement.innerHTML = "<img src='" + vimagesrc + "'>"; 
		}
	}
}

function resizestatic()
{
	var productElement = document.getElementById("divcanvasstat");
	if (productElement != null) 
	{
		var h = productElement.clientHeight;
		var productElement2 = document.getElementById("staticdiv");
		if (productElement2 != null) 
		{
			productElement.style.height=  h - 230 + 'px';
		}
		else
		{
			productElement.style.height=  h - 80 + 'px';
		}
	}
	else
	{
		var productElement = document.getElementById("divcanvasstatblack");
		if (productElement != null) 
		{
			var h = productElement.clientHeight;
			productElement.style.height=  h - 80 + 'px';
		}
		var productElement = document.getElementById("divcanvasstatgreen");
		if (productElement != null) 
		{
			var h = productElement.clientHeight;
			var productElement2 = document.getElementById("staticdiv");
			if (productElement2 != null) 
			{
				productElement.style.height=  h - 230 + 'px';
			}
			else
			{
				productElement.style.height=  h - 80 + 'px';
			}
		}
	}

	
}
 
function resizeprod()
{
	var newh = 478;
	var newhlow = 263;
	var productElement = document.getElementById("product_div_ajax");
	if (productElement != null) 
	{
		var h = productElement.clientHeight;
		var productElement2 = document.getElementById("divcanvasstat");
		if (productElement2 != null) 
		{
			productElement2.style.height=  h + newh + 'px';
		}
		else
		{
			var productElement2 = document.getElementById("divcanvasstatblack");
			if (productElement2 != null) 
			{
				productElement2.style.height=  h + newh + 'px';
			}
			else
			{
				var productElement2 = document.getElementById("divcanvasstatgreen");
				if (productElement2 != null) 
				{
					productElement2.style.height=  h + newh + 'px';
				}
			}
		}
	}

	var productElement = document.getElementById("results");
	if (productElement != null) 
	{
		var h = productElement.clientHeight;
		var productElement2 = document.getElementById("divcanvasstat");
		if (productElement2 != null) 
		{
			productElement2.style.height=  h + newhlow + 'px';
		}
	}

	setTimeout(resizeprod, 1000);
}

function resizeprodlow()
{
	var newh = 578;
	var newhlow = 327;

	var productElement = document.getElementById("results");
	if (productElement != null) 
	{
		var h = productElement.clientHeight;
		var productElement2 = document.getElementById("divcanvasstat");
		if (productElement2 != null) 
		{
			productElement2.style.height=  h + newhlow + 'px';
		}
	}

	setTimeout(resizeprodlow, 1000);
}

function loadingComplete(e) 
{
	setInterval(loop, 25);
}

function loop() 
{
	var surfaceContext = canvas.getContext('2d');

	if (loopcount < scalefac) 
	{
		owidth = plaatje.width;
		oheight = plaatje.height;
		loopcount = loopcount + 1;

		surfaceContext.globalAlpha = 1
		surfaceContext.fillStyle = mybackcolor;
		surfaceContext.fillRect(0, 0, cwidth, cheight);

		surfaceContext.drawImage(plaatje, x - Math.round(scalefac - loopcount), y - Math.round(scalefac - loopcount), Math.round(owidth * (((100+scalefac) - loopcount) / 100)),  1 + Math.round(oheight * (((100 + scalefac) - loopcount) / 100)));
		if (mytext != '')
		{
			surfaceContext.globalAlpha = ((loopcount-70) / (scalefac - 70));

			surfaceContext.font = "30px Arial"; 
			surfaceContext.fillStyle = mycolor;
			surfaceContext.fillText(mytext, 20, mytop);

			surfaceContext.font = "14px Arial"; 
			surfaceContext.fillText(mytext2, 20, mytop+30);
		}
	}
}

/// CANVAS END /////////////

function changeTitle(title) 
{ 
	document.title = title; 
}


function hidemenu()
{
	var productElement = document.getElementById('divmenu1');
	if (productElement != null) 
	{
		productElement.style.visibility = 'hidden';
	}
	var productElement = document.getElementById('divmenu2');
	if (productElement != null) 
	{
		productElement.style.visibility = 'hidden';
	}
	var productElement = document.getElementById('divmenu3');
	if (productElement != null) 
	{
		productElement.style.visibility = 'hidden';
	}
}

function showmenu(vmenu)
{
	hidemenu();
	var productElement = document.getElementById('divmenu' + vmenu);
	if (productElement != null) 
	{
		productElement.style.visibility = 'visible';
	}
}

function swapwinkelwagen()
{
  var productElement = document.getElementById("menumandjediv");
  if (productElement != null) {
    if (document.getElementById("menumandjediv").style.visibility == "hidden") {
      document.getElementById("menumandjediv").style.visibility = "visible";
    } else {
      document.getElementById("menumandjediv").style.visibility = "hidden";
    }
  }

}

function hidewinkelwagen()
{
  var productElement = document.getElementById("menumandjediv");
  if (productElement != null) {
    document.getElementById("menumandjediv").style.visibility = "hidden";
  }

}

function showwinkelwagen()
{
  var productElement = document.getElementById("menumandjediv");
  if (productElement != null) {
    document.getElementById("menumandjediv").style.visibility = "visible";
  }

}

/// AFREKEN PROCEDURES /////////////


function setProvincie(vProvID, vProvNaam)
{
	ajaxpage('../inc_dealer.asp?provid=' + vProvID + '&provnaam=' + vProvNaam ,'dealerWrapper');
}

function setPostcode(vLandID, vPostcode)
{
	ajaxpage('../inc_dealer.asp?landid=' + vLandID + '&postcode=' + vPostcode ,'dealerWrapper');
}

function setDealerLijst(vLandID, vProvID, vProvNaam, vPostCode, vPage)
{
	ajaxpage('../inc_dealer.asp?landid=' + vLandID + '&provid=' + vProvID + '&provnaam=' + vProvNaam + '&postcode=' + vPostCode + '&page=' + vPage ,'dealerWrapper');
}

function fnBasket(vThis, vImage1, vImage2, returnURl)
{
	var str = vThis.src;
	
	if (str.indexOf(vImage2) == -1)
	{
		
		vThis.src= vImage2;
		ajaxpage('../inc_cura_mtr_bestel.asp?inklap=0&returnURl=' + returnURl ,'cartWrapper');
	}else
	{
		vThis.src= vImage1;
		ajaxpage('../inc_cura_mtr_bestel.asp?inklap=1&returnURl=' + returnURl,'cartWrapper');
	}
	
}

function validateagree(vText)
{
	if (document.getElementById("checkagree").checked == false)
	{
		alert(vText);
		var r=confirm(vText);
		if (r==true)
		{	
			document.getElementById("checkagree").checked=false;
		}
		else
		{
			
			return false;
		}

	}
}

function submitenter(myfield,e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
else return true;

if (keycode == 13)
   {
   myfield.form.submit();
   return false;
   }
else
   return true;
}

function changebasketaantal(vaantal)
{
	var productElement = document.getElementById("cartaantal");
	if (productElement != null) 
	{
	alert('aaa');
		productElement.innerHTML = ' artikelen';
	}
}

var shipFirst = "";
var shipLast = "";
var shipCompany = "";
var shipAddress = "";
var shipNumber = "";
var shipCity = "";
var shipState = "";
var shipZip = "";
var shipCountry = "";


function InitSaveVariables(form) 
{
	shipFirst = form.strfirstname.value;
	shipLast = form.strlastname.value;
	//shipCompany = form.strcompany.value;
	shipAddress = form.straddress.value;
	shipNumber = form.strhuisnummer.value;
	shipCity = form.strcity.value;
	shipZip = form.strpostcode.value;

	shipCountry = form.strcountry.value;

	}


function ShipToBillPerson(form, vNew) 
{
//	alert('ship');
	
	if (form.copy.checked) 
	{
		
		InitSaveVariables(form);

		form.shipname.value = form.strfirstname.value + " " + form.strlastname.value;

		form.shipaddress.value = form.straddress.value;
		form.shipnumber.value = form.strhuisnummer.value
		form.shiptown.value = form.strcity.value;
		//form.shipstate.value = form.strstate.value;

		form.shipzip.value = form.strpostcode.value;
		
		form.shipcountry.value = form.strcountry.value;

		
	}
	else 
	{
		form.shipname.value = "";
		//form.shipcompany.value = "";
		form.shipaddress.value = "";
		form.shipnumber.value = "";
		form.shiptown.value = "";
		form.shipzip.value = "";
		
		//form.shipstate.value = "";
	
		
		form.shipcountry.value = "";
		
	}
}

 function validatecontact2(TheForm)
	{
		
		var onderwerp
		var aanhef
		var naam
		var adres
		var postcode
		var plaats
		var country
		var emailadres
		var telefoon
		var aankoopdatum
		var model
		var opmerking

		onderwerp = document.getElementById("onderwerp").value;
		aanhef= document.getElementById("aanhef").value;
		naam= document.getElementById("naam").value;
		adres= document.getElementById("adres").value;
		postcode= document.getElementById("postcode").value;
		plaats= document.getElementById("plaats").value;
		country= document.getElementById("country").value;
		emailadres= document.getElementById("emailadres").value;
		telefoon= document.getElementById("telefoonnummer").value;
		aankoopdatum= document.getElementById("aankoopdatum").value;
		model= document.getElementById("model").value;
		opmerking= document.getElementById("opmerking").value;
		//The client side form validation.

		if (document.getElementById("onderwerp").value == "")
		{
			alert("'Onderwerp' is een verplicht veld!");
			return false;
		}
		
		if (document.getElementById("aanhef").value == "")
		{
			alert("'Aanhef' is een verplicht veld!");
			return false;
		}



		if (document.getElementById("naam").value == "")
		{
			alert("'Naam' is een verplicht veld!");
			return false;
		}
		
	
		if (document.getElementById("adres").value == "")
		{
			alert("'Adres' is een verplicht veld!");
			return false;
		}	


		if (document.getElementById("postcode").value == "")
		{
			alert("'Postcode' is een verplicht veld!");
			return false;
		}	
		if (document.getElementById("plaats").value == "")
		{
			alert("'Plaats' is een verplicht veld!");
			return false;
		}	


		if (document.getElementById("country").value == "")
		{
			alert("'Land' is een verplicht veld!");
			return false;
		}	


		if (check_email(document.getElementById("emailadres"),"Geen geldig Email adres!")==false)
		{
			document.getElementById("emailadres").focus();
			return false;
		}

		if (document.getElementById("telefoonnummer").value == "")
		{
			alert("'Telefoon' is een verplicht veld!");
			return false;
		}	


		if (document.getElementById("aankoopdatum").value == "")
		{
			alert("'Aankoopdatum' is een verplicht veld!");
			return false;
		}	


		if (document.getElementById("model").value == "")
		{
			alert("'Model' is een verplicht veld!");
			return false;
		}	


		//window.open('inc_form_contact_ajax.asp?onderwerp=' + onderwerp + '&aanhef=' + aanhef + '&naam=' + naam + '&email=' + emailadres + '&adres=' + adres + '&postcode=' + postcode + '&plaats=' + plaats + '&country=' + country + '&telefoon=' + telefoon + '&aankoopdatum=' + aankoopdatum + '&model=' + model + '&opm=' + opmerking);
		ajaxpage('inc_form_contact_ajax.asp?onderwerp=' + onderwerp + '&aanhef=' + aanhef + '&naam=' + naam + '&email=' + emailadres + '&adres=' + adres + '&postcode=' + postcode + '&plaats=' + plaats + '&country=' + country + '&telefoon=' + telefoon + '&aankoopdatum=' + aankoopdatum + '&model=' + model + '&opm=' + opmerking ,'results');
	}


function check_email(field,alerttxt)
	{
		
		with (field)
		{
		apos=value.indexOf("@")
		dotpos=value.lastIndexOf(".")
		if (apos<1||dotpos-apos<2) 
			{alert(alerttxt);return false}
		else {return true}
		}
	}
	
	
function validatecontact3(TheForm)
	{
		
//		var onderwerp
//		var aanhef
		var naam
		var adres
		var postcode
		var plaats
		var country
		var emailadres
//		var telefoon
//		var aankoopdatum
//		var model
//		var opmerking

//		onderwerp = document.getElementById("onderwerp").value;
//		aanhef= document.getElementById("aanhef").value;
		naam= document.getElementById("naam").value;
		adres= document.getElementById("adres").value;
		postcode= document.getElementById("postcode").value;
		plaats= document.getElementById("plaats").value;
		country= document.getElementById("country").value;
		emailadres= document.getElementById("emailadres").value;
//		telefoon= document.getElementById("telefoonnummer").value;
//		aankoopdatum= document.getElementById("aankoopdatum").value;
//		model= document.getElementById("model").value;
//		opmerking= document.getElementById("opmerking").value;
		//The client side form validation.

//		if (document.getElementById("onderwerp").value == "")
//		{
//			alert("'Onderwerp' is een verplicht veld!");
//			return false;
//		}
		
//		if (document.getElementById("aanhef").value == "")
//		{
//			alert("'Aanhef' is een verplicht veld!");
//			return false;
//		}



		if (document.getElementById("naam").value == "")
		{
			alert("'Naam' is een verplicht veld!");
			return false;
		}
		
	
		if (document.getElementById("adres").value == "")
		{
			alert("'Adres' is een verplicht veld!");
			return false;
		}	


		if (document.getElementById("postcode").value == "")
		{
			alert("'Postcode' is een verplicht veld!");
			return false;
		}	
		if (document.getElementById("plaats").value == "")
		{
			alert("'Plaats' is een verplicht veld!");
			return false;
		}	


		if (document.getElementById("country").value == "")
		{
			alert("'Land' is een verplicht veld!");
			return false;
		}	


		if (check_email(document.getElementById("emailadres"),"Geen geldig Email adres!")==false)
		{
			document.getElementById("emailadres").focus();
			return false;
		}

//		if (document.getElementById("telefoonnummer").value == "")
//		{
//			alert("'Telefoon' is een verplicht veld!");
//			return false;
//		}	


//		if (document.getElementById("aankoopdatum").value == "")
//		{
//			alert("'Aankoopdatum' is een verplicht veld!");
//			return false;
//		}	


//		if (document.getElementById("model").value == "")
//		{
//			alert("'Model' is een verplicht veld!");
//			return false;
//		}	


		//window.open('inc_form_contact_ajax.asp?naam=' + naam + '&email=' + emailadres + '&adres=' + adres + '&postcode=' + postcode + '&plaats=' + plaats + '&country=' + country + 'um=' + aankoopdatum + '&model=' + model + '&opm=' + opmerking);
		ajaxpage('inc_form_brochure_ajax.asp?naam=' + naam + '&email=' + emailadres + '&adres=' + adres + '&postcode=' + postcode + '&plaats=' + plaats + '&country=' + country ,'results');
	}

  

function setVisibility(id, visibility, file, naam) 
{
//	alert(file);
	document.getElementById("bigimage_titel_td").innerHTML = naam;
	document.getElementById("bigimage_image_td").innerHTML = '<img src="/images/full/uitvoering/groot/'+file+'">';
	document.getElementById(id).style.display = visibility;
}


function hide(x) {
 document.getElementById(x).style.display='none';
 }
 function show(x) {
 document.getElementById(x).style.display='';
 }