// JAVASCRIPT DROPDOWN
var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 

// JAVASCRIPT DROPDOWN EINDE












var xmlhttp;

function show_pakketten(pakket)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="ajax_webontwerp.php";
url=url+"?pakket="+pakket;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}


function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}

function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}


		function add_price(price, product_id) {
		
		product_id = parseInt(product_id);
		
		price = parseFloat(price);
		price = price.toFixed(2);
		price = price.replace(".", ",");
		
		//document.getElementById('price').innerHTML = price;
		document.getElementById('price_content').innerHTML = price;
		document.getElementById('product_price').value = price;
		document.getElementById('product_id').value = product_id;
		document.getElementById('wo_price').style.display = 'block';
		
		}




		function update_price(action, module, price_input) {
		
		
		if (action == 'add') {
		
		//var price_old = document.getElementById('price').innerHTML;
		var price_old = document.getElementById('price_content').innerHTML;
		var price_old_usable = parseFloat(price_old.replace(",", "."));

			var price_to_use = parseFloat(price_input);
			
			new_price = price_old_usable + price_to_use;
			new_price = new_price.toFixed(2);
			new_price = new_price.replace(".", ",");
			
			//document.getElementById('price').innerHTML = new_price;
			document.getElementById('price_content').innerHTML = new_price;
			document.getElementById('product_price').value = new_price;
			
			document.getElementById(module).innerHTML = '<a title="Verwijder" onmouseover="Tip(\'Verwijder module\')" onmouseout=\"UnTip()\" onclick="update_price(\'delete\', '+module+', '+price_input+');" style="cursor: pointer;"><img src="images/transparent.png" style="background: url(\'images/indicator_sprite.png\') 0 -18px no-repeat; height: 18px;\" alt="Verwijder" /></a>';
			document.getElementById('input_'+module).value = '1';
			
		}
		
		if (action == 'delete') {

		//var price_old = document.getElementById('price').innerHTML;
		var price_old = document.getElementById('price_content').innerHTML;
		var price_old_usable = parseFloat(price_old.replace(",", "."));

			var price_to_use = parseFloat(price_input);
			
			new_price = price_old_usable - price_to_use;
			new_price = new_price.toFixed(2);
			new_price = new_price.replace(".", ",");
			
			//document.getElementById('price').innerHTML = new_price;
			document.getElementById('price_content').innerHTML = new_price;
			document.getElementById('product_price').value = new_price;
						
			document.getElementById(module).innerHTML = '<a title="Voeg toe" onclick="update_price(\'add\', '+module+', '+price_input+');" style="cursor: pointer;"><img src="images/transparent.png" style="background: url(\'images/indicator_sprite.png\') no-repeat; height: 18px;\" alt="Voeg toe" /></a>';
			document.getElementById('input_'+module).value = '';

		}
		
		
		}
		
		function display_description(element_id) {
		
		var mylist = document.getElementById('wo_description_container');
		var listitems = mylist.getElementsByTagName('div');
		for (i=0; i < listitems.length; i++) {
			//document.writeln(i+' - '+listitems);
			listitems[i].style.display = 'none';
		}
		
		var element = document.getElementById(element_id);
		element.style.display = (element.style.display == 'none' ? 'block' : 'none');
		
		}




function banner() {

var small = document.getElementById("small_banners").style.display;

	if (small == "none") {
		$('small_banners').setStyle('display', 'block');
		$('longbanner').setStyle('display', 'none');
	}

	if (small == "block") {
		$('small_banners').setStyle('display', 'none');
		$('longbanner').setStyle('display', 'block');
	}

	//setTimeout ( "banner()", 10000 );
	setTimeout ( "banner()", 3000 );

}



	function validate(form){
		
		var error = "";
		//for each form element
		for(var i=0; i<form.length; i++){
			var element = form[i];
			//if required
			if(element.getAttribute("required") == "yes"){
				//if form element if empty
				if(!valid(element.value,element.getAttribute("validate"),element))
					error += element.getAttribute("message") + "\r\n";	
			}
		}
		if(error != ""){
			alert(error);
			document.formSubmit = false;
		}
		else
			document.formSubmit = true;
	}	
	
	function valid(value,type,element){
		if(value == "")
			return false;
			
		switch(type){
			case "int":
				if(isNaN(parseInt(value)))
					return false;
				break;
			case "float":
				if(isNaN(parseFloat(value)))
					return false;
				break;
			case "email":
				var p = value.indexOf('@');
				if(p<1 || p==(value.length-1))
					return false;
				break;
			case "checked":
				if(!element.checked)
					return false;
				break;
			default://string
				break;
		}
		return true;
	}