/*

COPYRIGHT 2009-2010 LA SERRA 
SOURCE CODE BY KLAAS BELLEMANS, YAKI.BE
ALL RIGHTS RESERVED 

*/
var to;
var to2;

// BEGIN INIT

function init(){
	/* tijdelijk nieuws */
	/*
		addNews();
		var show_news=getCookie('nieuws');
		if (show_news!=null && show_news!=""){
			//news is already shown
		}else{ // news cookie is not set or expired
			showNews();
			setCookie("nieuws","shown",1);
		}
	*/
	/* einde nieuws */
	frameoutbreak();
	if(document.getElementById('services')){
	var serv=document.getElementById('services')
	var theh1=serv.getElementsByTagName('h1')[0];
	serv.onmouseover=function(){
		window.clearTimeout(to);
		window.clearTimeout(to2);
		theh1.getElementsByTagName('span')[0].style.display="none";
	};  
	serv.onmouseout=function(){
		to=setTimeout('document.getElementById("logo").className="";document.getElementById("services").getElementsByTagName("h1")[0].getElementsByTagName("span")[0].style.display="none";setClassName("services","");',700);};
	};
	document.getElementById("logo").title="klik = home";
	var header=document.getElementById('header');
	header.onmouseover=function(){window.clearTimeout(to2);document.getElementById('services').className='high';document.getElementById('logo').className='high';};
	header.onmouseout=function(){to2=setTimeout("document.getElementById('services').className='';document.getElementById('logo').className='';",700);};
	
	if(document.getElementById('thumbs')){imglist_bhv();}

	if(document.getElementById('slideshowviewer')){initSlideshowviewer("slideshowviewer");}
	if(document.getElementById('slideshowviewer2')){initSlideshowviewer2();}
	if(document.getElementById('showroom-teaser')){
		var theteaser=document.getElementById('showroom-teaser');
		var theteaserdiv=theteaser.getElementsByTagName('div')[0];
		theteaserdiv.style.display="none";
		theteaserdiv.innerHTML='<ul><li><a href="fotos/winkel/showroom-spandoek.jpg">spandoek winkel</a></li><li><a href="fotos/winkel/showroom-vitrine.jpg">vitrine toonzaal</a></li><li><a href="fotos/winkel/offerte-teaser.jpg">bespreking project in detail</a></li><li><a href="fotos/winkel/bespreking-project3.jpg">bespreking project</a></li><li><a href="fotos/winkel/dressing-voorbeeld.jpg">voorbeelden kasten op maat in toonzaal</a></li><li><a href="fotos/winkel/kiezen-in-showroom4.jpg">afwerking kast op maat</a></li><li><a href="fotos/winkel/kiezen-in-showroom2.jpg">vele stalen in onze showroom</a></li><li><a href="fotos/winkel/kiezen-in-showroom.jpg">kiezen afwerking</a></li><li><a href="fotos/winkel/kiezen-in-showroom5.jpg">kiezen omlijstingen</a></li><li><a href="fotos/winkel/showroom-banner2.jpg">zicht in winkel</a><li><a href="fotos/winkel/locaties-la-serra.jpg">locaties La Serra</a></li></ul>';
		initSlideshowviewer('showroom-teaser');
		if(document.getElementsByTagName('body')[0].id!="contact"){
			theteaser.onmouseover=function(){
				this.className='kader dark';	
				//stop=false;
				//initSlideshowviewer('showroom-teaser');
			};
			theteaser.onmouseout=function(){
				this.className='kader';
				//stop=true;
				//window.clearTimout(slideshowto);
				//this.backgroundImage="url(fotos/winkel/showroom-spandoek.jpg)";
			};
			theteaser.onclick=function(){
				window.location='contact.htm';
			};
		}
	}
	
	if(document.getElementById('thumbsToViewer')){initThumbs();}
	
	if(document.getElementById('offerte')){initForm();}

	if(getElementsByClassName(document.getElementById('container'), 'ul', 'thumbslist')[0]){initViewer();}
	if(getElementsByClassName(document.getElementById('container'), 'ul', 'projectlisting')[0]){initToolTip();}
}

// END INIT

/* 
	nieuwsbericht 
*/

function addNews(){
	if(document.getElementById('container')){
		var container=document.getElementById('container')
		var news=document.createElement('div');
		news.id="nieuws";
		news.innerHTML="<a href='#' id='newslink' title='klik voor meer info...'>Opgelet: jaarlijks verlof van 5 tot 22 augustus...</a><div id='nieuwsbericht'><h2>Nieuws</h2><p>Wij zijn van <strong>vrijdag 5 tot maandag 22 augustus 2011</strong> met verlof.<br />De showroom te Aalst is wel steeds bereikbaar op <strong>053/78.08.86</strong>.</p><a class='close' href='#' onclick='hideNews();return false;'><span>close</span></a></div>";
		setTimeout('initNewsLink();',200);
		container.appendChild(news);
	}
}
function initNewsLink(){
	if(document.getElementById('newslink')){
		document.getElementById('newslink').onclick=function(){
			if(document.getElementById('nieuws').className=='high'){hideNews();}else{showNews();}
			return false;
		}
	}
}
function showNews(){document.getElementById('nieuws').className="high";}
function hideNews(){document.getElementById('nieuws').className="";}

/*
	tooltip projects
*/

function initToolTip(){
	var linkcont=getElementsByClassName(document.getElementById('container'), 'ul', 'projectlisting')[0];
	var thelinks=linkcont.getElementsByTagName('a');
	for(var i=0,il=thelinks.length;i<il;i++){
		if(thelinks[i].getElementsByTagName('span')[0]){
			var thespan=thelinks[i].getElementsByTagName('span')[0]
			thelinks[i].title=thespan.innerHTML;
		}
	}
}

/* 	
	big viewer: 
	copyright 2008-2010
	klaas bellemans, yaki.be 
*/

var timeout;
var selectedid="photo_-1";


function initViewer(){
	var body=document.getElementsByTagName('body')[0];
	/*half transparant canvas*/
	var canvas=document.createElement('div');
	canvas.id="canvas";
	body.appendChild(canvas);
	var scene=document.createElement('div');
	scene.id="scene";
	body.appendChild(scene);
	/*add imageviewer met controls*/
	var imageviewer=document.createElement('div');
	imageviewer.id="imageviewer";
	imageviewer.title="klik om de viewer te sluiten";
	imageviewer.innerHTML='<table class="center"><tr><td class="center"><div id="phototitle"></div><div id="imgview"><div class="controls"><p><a id="vorige" href="#" title="vorige foto"><i>vorige foto</i></a><span> | </span><a id="volgende" href="#" title="volgende foto"><i>volgende foto</i></a></p></div></div></td></tr></table>';
	body.appendChild(imageviewer);
	imageviewer.onclick=function(){
		this.style.display="none";
		document.getElementById('canvas').style.display="none";
		document.getElementById('scene').style.display="none";
		this.style.backgroundImage="url('')";//clear image
		document.getElementById('phototitle').innerHTML="";
	}
	initImageLinks();

	document.getElementById('vorige').onclick=function(e){
		if (!e) var e = window.event;
		e.cancelBubble = true;
		if (e.stopPropagation) e.stopPropagation();
		document.getElementById('volgende').style.display="block";
		var fotolist=getElementsByClassName(document.getElementById('container'), 'ul', 'thumbslist')[0];
		var photolinks=fotolist.getElementsByTagName('img');
		var numberPhotos=photolinks.length-1;
		var cleanid = selectedid.replace('photo_','');
		cleanid=parseFloat(cleanid)-1;	
		if(cleanid==0){this.style.display="none";}
		if(cleanid>=0){
			document.getElementById('imageviewer').style.backgroundImage="url("+document.getElementById("photo_"+cleanid).src.replace("_t.jpg", "_z.jpg")+")";
			document.getElementById('phototitle').innerHTML=document.getElementById("photo_"+cleanid).title;
			}
		else{
			var imgviewer=document.getElementById('imageviewer');
			imgviewer.style.display="none";
			document.getElementById('canvas').style.display="none";
			document.getElementById('scene').style.display="none";
			imgviewer.style.backgroundImage="url('')";//clear image
		//document.getElementById('imageviewer').style.backgroundImage="url("+document.getElementById("photo_"+numberPhotos).href+")";
		//cleanid=numberPhotos;
		}
		selectedid="photo_"+cleanid;
		//alert(selectedid);
		return false;
	};
	document.getElementById('vorige').onmouseover=function(){this.className="high";}
	document.getElementById('vorige').onmouseout=function(){this.className="";}
	document.getElementById('volgende').onmouseover=function(){this.className="high";}
	document.getElementById('volgende').onmouseout=function(){this.className="";}
	document.getElementById('volgende').onclick=function(e){
		if (!e) var e = window.event;
		e.cancelBubble = true;
		if (e.stopPropagation) e.stopPropagation();
		document.getElementById('vorige').style.display="block";
		var fotolist=getElementsByClassName(document.getElementById('container'), 'ul', 'thumbslist')[0];
		var photolinks=fotolist.getElementsByTagName('img');
		var numberPhotos=photolinks.length-1;
		var cleanid = selectedid.replace('photo_','');
		cleanid=parseFloat(cleanid)+1;
		if(cleanid==numberPhotos){this.style.display="none";}
		if(cleanid<=numberPhotos){
			document.getElementById('imageviewer').style.backgroundImage="url("+document.getElementById("photo_"+cleanid).src.replace("_t.jpg", "_z.jpg")+")";
			document.getElementById('phototitle').innerHTML=document.getElementById("photo_"+cleanid).title;
			}
		else{
			var imgviewer=document.getElementById('imageviewer');
			imgviewer.style.display="none";
			document.getElementById('canvas').style.display="none";
			document.getElementById('scene').style.display="none";
			imgviewer.style.backgroundImage="url('')";//clear image
			//document.getElementById('imageviewer').style.backgroundImage="url("+document.getElementById("photo_0").href+")";
			cleanid=0;
			}
		selectedid="photo_"+cleanid;
		//alert(selectedid);
		return false;
	};
}



function initImageLinks(){
	var thelist=getElementsByClassName(document.getElementById('container'), 'ul', 'thumbslist')[0];
	var theitems=thelist.getElementsByTagName('img');
	for(var i=0;i<theitems.length;i++){
		theitems[i].id="photo_"+i;
		/*theitems[i].onmouseover=function(){
			this.title="*click*";
		};
		theitems[i].onmouseout=function(){
		};*/
		theitems[i].onclick=function(){
			document.getElementById('volgende').style.display="block";
			document.getElementById('vorige').style.display="block";
			document.getElementById('canvas').style.display="block";
			document.getElementById('scene').style.display="block";
			document.getElementById('imageviewer').style.display="block";
			document.getElementById('imageviewer').style.backgroundImage="url("+this.src.replace("_t.jpg", "_z.jpg")+")";
			document.getElementById('phototitle').innerHTML=this.title;
			selectedid=this.id;
			var fotolist=getElementsByClassName(document.getElementById('container'), 'ul', 'thumbslist')[0];
			var photolinks=fotolist.getElementsByTagName('img');
			var numberPhotos=photolinks.length-1;
			var cleanid = selectedid.replace('photo_','');
			cleanid=parseFloat(cleanid)+1;
			if(cleanid==numberPhotos+1){document.getElementById('volgende').style.display="none";}
			if(cleanid==1){document.getElementById('vorige').style.display="none";}
			return false;
		};
	}
}



/* offerte mail */

function initForm(){
	if(document.getElementById('iframe')){
		document.getElementById('iframe').innerHTML='<iframe id="theiframe" name="theiframe" src="iframe.htm"></iframe>';
		document.getElementsByTagName('form')[0].target="theiframe";
	}
	document.getElementById('form_ok').value="jawel";
	document.getElementById('offerte').action="offerte-"+"ma"+"iler"+".php";
	var submit=document.getElementById('zend_offerte');
	submit.onclick=function(){
		checkForm();
		return false;
	};
}

function checkForm(){
	if(document.getElementById('naam').value!=""){
		if (document.getElementById('email').value!="" || document.getElementById('tel').value!="" || document.getElementById('gsm').value!=""){
			document.forms['offerte'].submit();
		}else{
			alert('Vul minimaal een emailadres, telefoon- of gsmnummer in aub.');
			return false;
		}
	}else{
		alert('Vul minimaal een naam en emailadres, telefoon- of gsmnummer in.'); 
		return false;
	}
}

function mailReply(status,msg){
	if(status=="OK, verzonden"){
		var iframe=document.getElementById('theiframe');
		iframe.src="iframe.htm";
		/*var theform=document.forms['offerte'];
		theform.innerHTML="<p>"+msg+"</p>";*/
		alert("OK verzonden: u kan snel een antwoord verwachten!");
		window.location="offerte.htm";//added to clear form
	}else{
		alert("Door een of andere fout, is het helaas niet gelukt... Gebruik uw mailsoftware anders: offerte@laserra.be");
	}
}


/* init quick thumb viewer */

var biggerimage= new Array();

function initThumbs(){
	var thumbs = document.getElementById('thumbsToViewer').getElementsByTagName('img');
	for(var i=0;i<thumbs.length;i++){
		var thealt=thumbs[i].alt;
		var thesrc=thumbs[i].src;
		thumbs[i].counter=i;
		var temp = new Array();
		temp = thesrc.split('/thumbs/');
		biggerimage[i]=new Image();
		biggerimage[i].src=temp[0]+'/'+temp[1];
		biggerimage[i].alt=thealt;
		if(thumbs[i].parentNode.getElementsByTagName('span')[0]){
			biggerimage[i].beschr=thumbs[i].parentNode.getElementsByTagName('span')[0].innerHTML;
		}else{
			biggerimage[i].beschr="";
		}
		//biggerimage[i].src=thumbs[i].src;
		thumbs[i].parentNode.onmouseover=function(){
			//document.getElementById('viewer').style.backgroundImage="url('images/small/"+temp[1]+"')";
			var viewer=document.getElementById('viewer');
			//viewer.innerHTML="";
			thisimg=biggerimage[this.getElementsByTagName('img')[0].counter];
			viewer.getElementsByTagName('img')[0].src=thisimg.src;
			viewer.getElementsByTagName('img')[0].alt=thisimg.alt;
			if(thisimg.beschr!=""){viewer.getElementsByTagName('span')[0].innerHTML=thisimg.beschr;}
			else{viewer.getElementsByTagName('img')[0].title=thisimg.alt;}
		};
		thumbs[i].parentNode.onclick=function(){return false;}
	}
}


function setClassName(id,classn){document.getElementById(id).className=classn;}
    
function frameoutbreak(){
	if(top.location!= self.location){top.location = self.location.href}
}
function imglist_bhv(){
	var theitems = document.getElementById('thumbs').getElementsByTagName('li');
	for (var i=0;i<theitems.length;i++){
		//v1: background-image = url
		//var imglink = theitems[i].getElementsByTagName('a')[0];
		//var theurl = imglink.href;
		//v2: background-image=thumb + url = click
		var imglink = theitems[i].getElementsByTagName('img')[0];
		var theurl = imglink.src;
		
		theitems[i].style.backgroundImage="url('"+theurl+"')";
		theitems[i].onmouseover= function(){
			this.style.padding= "0px";
			this.style.border= "3px solid rgb(200,200,200)";
			var thelink = this.getElementsByTagName('a')[0];
			var theimage = this.getElementsByTagName('img')[0];
			thelink.className="zoomin";
			var imgurl = theimage.src;
			thelink.style.backgroundImage= "url('"+imgurl+"')";
			this.style.zIndex="20";
		};
		theitems[i].onmouseout= function(){
			this.style.padding= "2px";
			this.style.border= "1px solid rgb(200,200,200)";
			var thelink = this.getElementsByTagName('a')[0];
			thelink.style.backgroundImage= "url('')";
			thelink.className="";
			this.style.zIndex="1";
		};
			theitems[i].getElementsByTagName('a')[0].onclick=function(){return false;}
	}
}

var slides = new Array();
var waitsomemore = false;
var stop = false;
var slideshowto;

function slideshow(i,viewerid){
	var theviewer = document.getElementById(viewerid);
	var theimages =slides;
	var interval = 3000;
	if(document.getElementById('boekenkast_slideshow')){
		interval = 1500;
	}
	if (stop != true){
   	if (waitsomemore == true){
   		interval = interval + 2000;
   		waitsomemore = false;
	   	}
	  	theviewer.style.backgroundImage = "url('" + theimages[i].src + "')";
	  	theviewer.getElementsByTagName('ul')[0].getElementsByTagName('a')[i].style.backgroundColor="#767561";
	   	j = i + 1;
	   	if (j > (theimages.length-1)){
	   		j=0;
	   	//	stop=true;
	   	}
	   	if (stop != true){
	   		slideshowto=setTimeout(function(){slideshow(j,viewerid)}, interval);
	   	}
	}
}

function initSlideshowviewer(viewerid){
	/*preload images*/
	var theviewer = document.getElementById(viewerid);
	var theimages = theviewer.getElementsByTagName('ul')[0].getElementsByTagName('a');
	for(var i=0; i < theimages.length; i++ ){
	slides[i]= new Image();
	slides[i].src = theimages[i].href;
	}
	/*start slideshow*/
	slideshow(0,viewerid);
   	/*set default image: lijst in omgekeerde volgorde !*/
	theviewer.style.backgroundImage = "url('" + theimages[0].href + "')";
	for( var i=0; i < theimages.length; i++ ){
		/*mouseover bij list-links */
		theimages[i].onmouseover = function(){
			waitsomemore = true;
			stop = true; /* beter ???? */
          	theviewer.style.backgroundImage = "url('" + this.href + "')";
		  	this.style.backgroundColor = "#767561;"
		};    
		/* idem bij geval onclick + disable link + stop slideshow */
   		theimages[i].onclick = function(){
   			waitsomemore = true;
   			stop = true;
  			theviewer.style.backgroundImage = "url('" + this.href + "')";
  			this.style.backgroundColor = "#767561;"
  			return false;
		};  
  	}//end for
}




function slideshow2(i){
	var theviewer = document.getElementById('slideshowviewer2');
	var theimages =slides;
	var interval = 3000; //milliseconds
	if (stop != true){
   	if (waitsomemore == true){
   		interval = interval + 2000;
   		waitsomemore = false;
	   	}
	  	theviewer.getElementsByTagName('img')[0].src= theimages[i].src;
	  	theviewer.getElementsByTagName('ul')[0].getElementsByTagName('a')[i].style.backgroundColor="#767561";
	   	j = i + 1;
	   	if (j > (theimages.length-1)){
	   		j=0;
	   	//	stop=true;
	   	}
	   	if (stop != true){
	   		setTimeout('slideshow2(j)', interval);
	   	}
	}
}

function initSlideshowviewer2(){
	/*preload images*/
	var theviewer = document.getElementById('slideshowviewer2');
	var theimages = theviewer.getElementsByTagName('ul')[0].getElementsByTagName('a');
	for(var i=0; i < theimages.length; i++ ){
	slides[i]= new Image();
	slides[i].src = theimages[i].href;
	}
	/*start slideshow*/
	slideshow2(0);
   	/*set default image: lijst in omgekeerde volgorde !*/
	theviewer.getElementsByTagName('img')[0].src=  theimages[0].href;
	for( var i=0; i < theimages.length; i++ ){
		/*mouseover bij list-links */
		theimages[i].onmouseover = function(){
			waitsomemore = true;
			stop = true; /* beter ???? */
          	theviewer.getElementsByTagName('img')[0].src = this.href;
		  	this.style.cssText = "background-color:#767561;"
		};    
		/* idem bij geval onclick + disable link + stop slideshow */
   		theimages[i].onclick = function(){
   			waitsomemore = true;
   			stop = true;
  			theviewer.getElementsByTagName('img')[0].src = this.href;
  			this.style.cssText = "background-color:#767561;"
  			return false;
		};  
  	}//end for
}


/*
    Written by Jonathan Snook, http://www.snook.ca/jonathan
    Add-ons by Robert Nyman, http://www.robertnyman.com
*/


function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && document.all)? document.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}

/* ****************************************
	cookies
	http://w3schools.com/js/js_cookies.asp
 ****************************************** */

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}

function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=")
  if (c_start!=-1)
    { 
    c_start=c_start + c_name.length+1 
    c_end=document.cookie.indexOf(";",c_start)
    if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end))
    } 
  }
return ""
}