function showSubmenu(idSubmenu){
	if (document.getElementById('submenu' + idSubmenu))	{
		var pos = jQuery("#menu" + idSubmenu).position();
		jQuery("#submenu" + idSubmenu).css({ left: (pos.left-1) + "px", display: "block", position: "absolute"});
		if (document.getElementById('menu' + idSubmenu).className != "current")
		{
			document.getElementById('menu' + idSubmenu).className = "hover";
		}
		
	} else {
		alert("Submenu bestaat niet");
	}
}

function hideSubmenu(idSubmenu){
	if (document.getElementById('submenu' + idSubmenu))	{
		if (document.getElementById('menu' + idSubmenu).className != "current")
		{
			document.getElementById('menu' + idSubmenu).className = "";
		}
		jQuery("#submenu" + idSubmenu).css({ display: "none"});
	} else {
		alert("Submenu bestaat niet");
	}
}
var cats = '';
var branche = '';
function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}

function toggleDisplay(){
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		display = elements[i].style.display
		document.getElementById(elements[i].id).style.display = 'block';
	}
	return returnElements;
}



function check(className, id, name){
	var obj = getElementsByClassName(className);
	for (i = 0; i < obj.length; i++){
		document.getElementById(obj[i].id).src = 'images/unchecked.jpg';
	}
	document.getElementById(id).src = 'images/checked.jpg';
	if (className == "cats")
	{
		cats = name;
	} else {
		branche = name;
	}
	if (cats != "" && branche != "")
	{
		document.getElementById('goHref').href = 'index.php/productinformatie/' + branche + '/' + cats;
		document.getElementById('goButton').src = 'images/button_gadoor.gif';
	}
}

function checkNext(){
	if (cats != "" && branche != "")
	{
		return true;
	} else {
		return false;
	}
}

function checkMouseOver(element){
	if (element.src.match('images/button_gadoor.gif')){
		element.src = 'images/button_gadoor_over.gif';
	}
}
function checkMouseOut(element){
	if (element.src.match('images/button_gadoor_over.gif')){
		element.src = 'images/button_gadoor.gif';
	}
}

function toggle(idBranche, element, faq){
	if (faq == "faq"){
		if (element.src.match('button_antwoord.gif')){
			element.src = 'images/button_X.gif';	
			document.getElementById('contentBoxBottom' + idBranche).src = 'images/centerBoxBottomMore.jpg';
			document.getElementById('contentBox' + idBranche + 'more').style.display = 'block';
			return true;
		} else {
			element.src = 'images/button_antwoord.gif';
			document.getElementById('contentBoxBottom' + idBranche).src = 'images/centerBoxBottom.jpg';
			document.getElementById('contentBox' + idBranche + 'more').style.display = 'none';
			return true;
		}
	} else {
		if (element.src.match('button_dropdown_meer.gif')){
			element.src = 'images/button_dropdown_minder.gif';	
			document.getElementById('contentBoxBottom' + idBranche).src = 'images/centerBoxBottomMore.jpg';
			document.getElementById('contentBox' + idBranche + 'more').style.display = 'block';
			return true;
		}
		if (element.src.match('button_dropdown_minder.gif')){

			element.src = 'images/button_dropdown_meer.gif';
			document.getElementById('contentBoxBottom' + idBranche).src = 'images/centerBoxBottom.jpg';
			document.getElementById('contentBox' + idBranche + 'more').style.display = 'none';
			return true;
		}

		if (element.src.match('button_soorten.gif')){
			element.src = 'images/button_X.gif';	
			document.getElementById('contentBoxBottom' + idBranche).src = 'images/centerBoxBottomMore.jpg';
			document.getElementById('contentBox' + idBranche + 'more').style.display = 'block';
			return true;
		} 
		if (element.src.match('button_X.gif')){
			element.src = 'images/button_soorten.gif';
			document.getElementById('contentBoxBottom' + idBranche).src = 'images/centerBoxBottom.jpg';
			document.getElementById('contentBox' + idBranche + 'more').style.display = 'none';
			return true;
		}


	}
}


function setOption(name, vinkje){
	document.getElementById('checkbox' + name).checked = (document.getElementById('checkbox' + name).checked == true) ? false : true;
	if (vinkje == true)	{
		document.getElementById('checkimage' + name).src = (document.getElementById('checkbox' + name).checked == true) ? 'images/vinkje_checked.gif' : 'images/vinkje_unchecked.gif';

	} else {
		document.getElementById('checkimage' + name).src = (document.getElementById('checkbox' + name).checked == true) ? 'images/checked.jpg' : 'images/unchecked.jpg';
	}
}

function showSearchmenu(){
	document.getElementById('searchMenuContainer').style.display = 'block';
}
function hideSearchmenu(){
	document.getElementById('searchMenuContainer').style.display = 'none';
}
var cats = new Array(8);
function checkStep(idStep){
	var throwAlert = true;
	switch (idStep){
	case 1:
		cats = new Array(8);
		var checked = 0;
		var obj = getElementsByClassName("itemsStep1");

		for (i = 0; i < obj.length; i++){
			if (document.getElementById(obj[i].id).getAttribute('tag') != "" && document.getElementById(obj[i].id).getAttribute('tag') != undefined)
			{
				document.getElementById('contentBoxVerbruik'+document.getElementById(obj[i].id).getAttribute('tag')).style.display = 'none';
			}
		}

		for (i = 0; i < obj.length; i++){
			if (document.getElementById(obj[i].id).checked){
				cats[document.getElementById(obj[i].id).getAttribute('tag')] = "yes";
				checked+=1;
				document.getElementById('contentBoxVerbruik'+document.getElementById(obj[i].id).getAttribute('tag')).style.display = 'block';
			}
			
		}
		if (checked == 0)
		{
			alert("U hebt geen producten geselecteerd. Probeer het nog eens.");
			return false;
		} else if (checked > 6)	{
			alert("U hebt meer dan 6 producten geselecteerd. Neem contact met ons op.");
			return false;
		} else {
			document.getElementById('step1').style.display = 'none';
			document.getElementById('step2').style.display = 'block';
			// scroll naar boven
			return true;
		}
	break;
	case 2:
		var obj = getElementsByClassName("anderMerk");
		for (i = 0; i < obj.length ; i++ )
		{
			if (document.getElementById(obj[i].id).value == "" && cats[document.getElementById(obj[i].id).getAttribute('tag')] == "yes")
			{
				if (throwAlert == true){
					alert("Niet alle velden zijn ingevuld.");
				}
				
				document.getElementById(obj[i].id).focus();
				document.getElementById(obj[i].id).style.border = "2px solid #FF3300";
				throwAlert = false;
			} else {
				document.getElementById(obj[i].id).style.border = "";
			}
		}

		var obj = getElementsByClassName("totaalVerbruik");
		for (i = 0; i < obj.length ; i++ )
		{
			if (document.getElementById(obj[i].id).value == "" && cats[document.getElementById(obj[i].id).getAttribute('tag')] == "yes")
			{
				if (throwAlert == true){
					alert("Niet alle velden zijn ingevuld.");
				}
				
				document.getElementById(obj[i].id).focus();
				document.getElementById(obj[i].id).style.border = "2px solid #FF3300";
				throwAlert = false;
			} else {
				document.getElementById(obj[i].id).style.border = "";
			}
		}

		var obj = getElementsByClassName("fanoVerbruik");
		for (i = 0; i < obj.length ; i++ )
		{
			if (document.getElementById(obj[i].id).value == "" && cats[document.getElementById(obj[i].id).getAttribute('tag')] == "yes")
			{
				if (throwAlert == true){
					alert("Niet alle velden zijn ingevuld.");
				}
				
				document.getElementById(obj[i].id).focus();
				document.getElementById(obj[i].id).style.border = "2px solid #FF3300";
				throwAlert = false;
			} else {
				document.getElementById(obj[i].id).style.border = "";
			}
		}
		if (throwAlert == false)
		{
			return false;
		}
		document.getElementById('step2').style.display = 'none';
		document.getElementById('step3').style.display = 'block';
		return true;
	break;
	case 3:
		document.getElementById('step3').style.display = 'none';
		document.getElementById('step4').style.display = 'block';
		return true;
	break;
	case 4:
		if (document.getElementById('AV').checked == 1)
		{
			return true;
		} else {
			alert("U moet akkoord gaan met de algemene voorwaarden voordat u het formulier kan verzenden.");
			return false;
		}
	break;
	
	default:
		alert("Er gaat iets mis...");
		return false;
	break;
	}
	return true;
}

function prevStep(idStep){
	document.getElementById("step" + idStep).style.display = 'none';
	document.getElementById("step" + (idStep-1)).style.display = 'block';
	return true;
}

function toggleGrossier(character){
	var obj = getElementsByClassName("grossierList", "","");
	for (i = 0; i < obj.length; i++)
	{
		document.getElementById(obj[i].id).style.display = "none";
	}
	document.getElementById("grossier" + character).style.display = "block";
}

function checkContactForm(){
	if (document.getElementById('AV').checked == 1)
	{
		return true;
	} else {
		alert("U moet akkoord gaan met het Privacy Statement voordat u het formulier kan verzenden.");
		return false;
	}
}

function checkBestelForm(){

}

function isValidEmail(str) {
   return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
}