/********
*
*   Presentational Javascript
*
********/

// purpose: create _num_ extra divs around dom element _node_

function create_layers(node, num){
  if(!node.className || num < 1) return;
	var classname = node.className;

  for(var i=0; i<num; i++){
    var newnode = document.createElement('DIV');
    node.parentNode.insertBefore(newnode, node);
    newnode.appendChild(node);
		newnode.className = classname+'_l'+(i+1);
    node = newnode;
  }
}


/********
*
*   main
*
********/

function main(){
	/** make round 'faq' corners **/
	var divs = document.getElementsByTagName('div');
	var faqs = [];

	for(var i=0; i<divs.length; i++)
		if(divs[i].className == 'faq')
			faqs.push(divs[i]);

	for(var i=0; i<faqs.length; i++)
		create_layers(faqs[i], 2);

	if(document.all)
		menuhovers();
		
	if(typeof(Fader) != 'undefined')
	{
		Fader.init('specialimage');
		
	}
}


menuhovers = function(){
	var main = document.getElementById('menu');
	var as = main.getElementsByTagName('a');

	for(var i = 0; i< as.length; i++)
		if(as[i].parentNode.className != 'selected'){
			as[i].onmouseout = function(){window.event.srcElement.parentNode.className = '';}
			as[i].onmouseover = function(){window.event.srcElement.parentNode.className = 'selected';}
		}
}

function vergroot(foto)
{
	Fader.init('specialimage');
	document.getElementById("grotefoto").src = 'http://www.partnerslaapsystemen.nl/wm/webshop/fotos/groot/'+foto;
	/*document.getElementById("oefening").style.opacity = (30 / 100);
	document.getElementById("oefening").style.MozOpacity = (30 / 100);
	document.getElementById("oefening").style.KhtmlOpacity =(30 / 100);
	document.getElementById("oefening").style.filter = "alpha(opacity=30)";
	document.getElementById("oefening").style.zIndex = 1;*/
	document.getElementById("oefening").style.display = "none"
	document.getElementById("specialimage").style.display = '';
	var vNews = document.getElementsByTagName("select");
	for ( var i=0; i<vNews.length; i++ )
	{
		vNews[i].style.visibility = "hidden";
	}
	
}


function vergroot2()
{
	Fader.init('specialimage2');
	//document.getElementById("grotefoto").src = 'http://www.partnerslaapsystemen.nl/wm/webshop/fotos/kleuren/'+foto;
	/*document.getElementById("oefening").style.opacity = (30 / 100);
	document.getElementById("oefening").style.MozOpacity = (30 / 100);
	document.getElementById("oefening").style.KhtmlOpacity =(30 / 100);
	document.getElementById("oefening").style.filter = "alpha(opacity=30)";
	document.getElementById("oefening").style.zIndex = 1;*/
	document.getElementById("oefening").style.display = "none"
	document.getElementById("specialimage2").style.display = '';
	var vNews = document.getElementsByTagName("select");
	for ( var i=0; i<vNews.length; i++ )
	{
		vNews[i].style.visibility = "hidden";
	}
	
}

function vergroot3()
{
	Fader.init('specialimage3');
	//document.getElementById("grotefoto").src = 'http://www.partnerslaapsystemen.nl/wm/webshop/fotos/kleuren/'+foto;
	/*document.getElementById("oefening").style.opacity = (30 / 100);
	document.getElementById("oefening").style.MozOpacity = (30 / 100);
	document.getElementById("oefening").style.KhtmlOpacity =(30 / 100);
	document.getElementById("oefening").style.filter = "alpha(opacity=30)";
	document.getElementById("oefening").style.zIndex = 1;*/
	document.getElementById("oefening").style.display = "none"
	document.getElementById("specialimage3").style.display = '';
	var vNews = document.getElementsByTagName("select");
	for ( var i=0; i<vNews.length; i++ )
	{
		vNews[i].style.visibility = "hidden";
	}
	
}

function vergroot4()
{
	Fader.init('specialimage4');
	//document.getElementById("grotefoto").src = 'http://www.partnerslaapsystemen.nl/wm/webshop/fotos/kleuren/'+foto;
	/*document.getElementById("oefening").style.opacity = (30 / 100);
	document.getElementById("oefening").style.MozOpacity = (30 / 100);
	document.getElementById("oefening").style.KhtmlOpacity =(30 / 100);
	document.getElementById("oefening").style.filter = "alpha(opacity=30)";
	document.getElementById("oefening").style.zIndex = 1;*/
	document.getElementById("oefening").style.display = "none"
	document.getElementById("specialimage4").style.display = '';
	var vNews = document.getElementsByTagName("select");
	for ( var i=0; i<vNews.length; i++ )
	{
		vNews[i].style.visibility = "hidden";
	}
	
}

function verklein()
{

	/*document.getElementById("oefening").style.opacity = (100 / 100);
	document.getElementById("oefening").style.MozOpacity = (100 / 100);
	document.getElementById("oefening").style.KhtmlOpacity =(100 / 100);
	document.getElementById("oefening").style.filter = "alpha(opacity=100)";
	document.getElementById("oefening").style.zIndex = 1;*/

	document.getElementById("oefening").style.display = "";
	document.getElementById("specialimage").style.display = 'none';
	document.getElementById("specialimage2").style.display = 'none';
	document.getElementById("specialimage3").style.display = 'none';
	document.getElementById("specialimage4").style.display = 'none';
	var vNews = document.getElementsByTagName("select");
	for ( var i=0; i<vNews.length; i++ )
	{
		vNews[i].style.visibility = "visible";
	}
}

//========================================================================================

var currentfotoid = 0;

// Preview foto vergroten
function vergroot_preview(foto)
{
	// Browser naam ophalen
	var browser = navigator.appName;

	// Netscape browsers
	if ( browser == "Netscape" )
	{
		Fader.init('specialimage');
		Fader.fadeTo(currentfotoid);
	}
	// Internet explorer
	else if ( browser == "Microsoft Internet Explorer" )
		Fader.initPos('specialimage', currentfotoid);
	// Andere browsers
	else
		Fader.init('specialimage');

	document.getElementById("oefening").style.display = "none"
	document.getElementById("specialimage").style.display = '';
	var vNews = document.getElementsByTagName("select");
	for ( var i=0; i<vNews.length; i++ )
	{
		vNews[i].style.visibility = "hidden";
	}
}

// Preview foto verkleinen
function verklein_preview()
{
	document.getElementById('fotogroot').src = Fader.images[Fader.position].src;
	currentfotoid = Fader.position;
	verklein();
}

// Dropdown selectie krijgen
function vergrootid( element, info )
{
	Fader.initPos(info, document.getElementById(element).selectedIndex);

	//Eerste plaatje overslaan als deze geen alt waarde heeft
	if ( Fader.images[Fader.position].alt == "" )
		Fader.showNext();

	document.getElementById("oefening").style.display = "none"
	document.getElementById(info).style.display = '';
	var vNews = document.getElementsByTagName("select");
	for ( var i=0; i<vNews.length; i++ )
	{
		vNews[i].style.visibility = "hidden";
	}
}

// Terug gaan en dropdown menu aanpassen
function verklein2(element)
{
	// Selected optie in de dropdown menu veranderen
	var option = getoptionid(element, Fader.images[Fader.position].title );
	if ( option != -1 )
	{
		document.getElementById(element).options[option].selected = true;

		switch( element )
		{
			// Kleuren dropdown menu
			case "dekleur":
				verander3(document.getElementById(element).options[option]);
				break;
			// Pootjes dropdown menu
			case "depootjes":
				verander4(document.getElementById(element).options[option]);
				break;
			// Voeten dropdown menu
			case "devoeten":
				verander5(document.getElementById(element).options[option]);
				break;
			default:
				break;
		}
	}	

	verklein();
}
// Dropdown menu text vergelijking en id terugsturen
function getoptionid( element, value )
{
	for (var i = 0; i < document.getElementById(element).options.length; i++)
		if ( document.getElementById(element).options[i].value == value )
			return i;
	return -1;
}
//========================================================================================

function getObj(elementID)
		{
			return document.getElementById(elementID);
		}
		
		function verander2(deze)
		{
			naam = deze.value;
			document.form.matras.value = naam;
		}
		
		function verander3(deze)
		{
			naam = deze.value;
			//document.write(naam);
			document.form.kleurId.value = naam;
		}
		
		function verander4(deze)
		{
			naam = deze.value;
			document.form.pootId.value = naam;
		}
		
		function verander5(deze)
		{
			naam = deze.value;
			document.form.voetId.value = naam;
		}

		function verander_gewicht(deze)
		{
			naam = deze.value;
			document.form.gewicht.value = naam;
		}

        function verander(deze)
		{
			naam = deze.value;
			zoek = ";";
			if(naam.indexOf(zoek)!="-1")
			{
				plek = naam.indexOf(zoek);
				lengte = naam.length;
				optie = naam.substring(0,plek);
				naam = naam.substring(plek+1,lengte);

			}
			if(naam.indexOf(zoek)!="-1")
			{
				plek = naam.indexOf(zoek);
				lengte = naam.length;
				prijs = naam.substring(0,plek);
				naam = naam.substring(plek+1,lengte);
			}
			
			if(naam.indexOf(zoek)!="-1")
			{
				plek = naam.indexOf(zoek);
				lengte = naam.length;
				prijs2 = naam.substring(0,plek);
				naam = naam.substring(plek+1,lengte);
			}
			
			if(naam.indexOf(zoek)!="-1")
			{
				plek = naam.indexOf(zoek);
				lengte = naam.length;
				prijs3 = naam.substring(0,plek);
				naam = naam.substring(plek+1,lengte);
			}
						
			lengte = prijs.length;
			plek = prijs.indexOf(".");
			
            if(plek=="-1")
			{
				prijs = prijs + ',00';
			}
			else
			{
				verschil = lengte-plek;
				if(verschil<=2)
				{
					prijs = prijs + '0';
				}
			}
			
			plek = prijs2.indexOf(".");
            if(plek=="-1")
			{
				prijs2 = prijs2 + ',00';
			}
			else
			{
				verschil = lengte-plek;

			}
			
			plek = prijs3.indexOf(".");
            if(plek=="-1")
			{
				prijs3 = prijs3 + ',00';
			}
			else
			{
				verschil = lengte-plek;

			}

			prijs = prijs.replace(".",",");
			prijs2 = prijs2.replace(".",",");
			prijs3 = prijs3.replace(".",",");
			object = getObj("price");
			object.innerHTML =  "&euro; "+ prijs;
			object = getObj("price2");
			object.innerHTML =  "&euro; "+ prijs2;
			object = getObj("onze");
			object.innerHTML =  "<strong>&euro; "+ prijs3 + "</strong>";
			document.form.optieId.value = optie;
		}