/* Preloader */
function loadStop(){
document.getElementById('containerframe').style.display = 'block';
document.getElementById('loader').style.display = 'none';
}

/* End Preload */

fineshedfade = true;
function init(){
	loaderObj = document.createElement('div');
	loaderObj.innerHTML = "<p><img src=\"template/img/ajax-loader.gif\" alt=\"\" /></p><p>Loading, please wait.</p>";
	loaderObj.setAttribute('id','loader');
	document.body.appendChild(loaderObj);
	window.onload = function(){loadStop(); fixMenu('nav')};
	document.getElementById('link_1').onmouseover = function(){fadeIm('image1')};
	document.getElementById('link_2').onmouseover = function(){fadeIm('image2');};
	document.getElementById('link_3').onmouseover = function(){fadeIm('image3');};
	document.getElementById('link_4').onmouseover = function(){fadeIm('image4');};
	document.getElementById('link_5').onmouseover = function(){fadeIm('image5');};
	document.getElementById('link_6').onmouseover = function(){fadeIm('image6');};
	fixCrop();
	if(window.addEventListener){window.addEventListener('resize',fixCrop,false);}
	else{window.attachEvent('onresize',fixCrop);}
}

function fixMenu(id){
	ul = document.getElementById(id)
	allUL = ul.getElementsByTagName('UL');
	for(i=0; i<allUL.length;i++){
		allUL[i].style.display = 'block';
		if(allUL[i].offsetWidth < allUL[i].parentNode.offsetWidth-32){
			allUL[i].style.width = allUL[i].parentNode.offsetWidth-32+"px";
		}
		allUL[i].style.display = '';
	}
}

function innerSize(){
	//IE
	if(!window.innerWidth)
	{
		//strict mode
		if(!(document.documentElement.clientWidth == 0))
		{
			w = document.documentElement.clientWidth;
			h = document.documentElement.clientHeight;
		}
		//quirks mode
		else
		{
			w = document.body.clientWidth;
			h = document.body.clientHeight;
		}
	}
	//w3c
	else
	{
		w = window.innerWidth;
		h = window.innerHeight;
	}
	return [w,h];
}

function fixCrop(){
	if(innerSize()[0] <= 910){
	document.getElementById('containerframe').style.marginLeft = '-35px';
	document.getElementById('containerframe').style.left = '0px';
	document.body.style.overflowX = 'auto';
	}
	else{
	document.getElementById('containerframe').style.marginLeft = '-490px';
	document.getElementById('containerframe').style.left = '50%';
	document.body.style.overflowX = 'hidden';	
	}
	
	if(innerSize()[1] <= 610){
	document.getElementById('containerframe').style.marginTop = '-35px';
	document.getElementById('containerframe').style.top = '0px';
	}
	else{
	document.getElementById('containerframe').style.marginTop = '-340px';
	document.getElementById('containerframe').style.top = '50%';
	}
	if(innerSize()[1] <= 650){document.body.style.overflowY = 'auto';}else{document.body.style.overflowX = 'hidden';	}
}

function fadeIm(img){
  if(fineshedfade){
	 higestO = 0;
	 imgcontainer = document.getElementById('images');								
	 for(i=0; i<imgcontainer.childNodes.length; i++){
		if(parseInt(imgcontainer.childNodes[i].style.opacity) > higestO){
		  higestIm = imgcontainer.childNodes[i];
		  higestO = parseInt(imgcontainer.childNodes[i].style.opacity);
		}
		imgcontainer.childNodes[i].style.zIndex = 0;
	 }
	img2 = document.getElementById(img);
	 tim = 0;
	 x= 0;
	 i2 = higestO*100;
	 if(img2 != higestIm){
		img2.style.display='block'; img2.style.zIndex = 2; 	
		for(i=0; i<=100; i=i+10){
		  fineshedfade = false;
		  setTimeout("img2.style.opacity="+i*0.01+"; img2.style.filter = 'alpha(opacity="+i+")'", tim);
		  if(i == 100){
			 setTimeout("fineshedfade = true; higestIm.style.opacity = 0; higestIm.style.filter = 'alpha(opacity=0)'; higestIm.style.display = 'none';", tim);	
		  }
		  tim = tim+35;
		  i2=i2-10;
		}
	 }
  }
}

function showSub(id, id2){
	document.getElementById(id).style.backgroundColor = 'white';
	document.getElementById(id).style.color = 'black';
	document.getElementById(id2).style.display = 'block';
	document.getElementById(id2).style.left = document.getElementById(id).offsetLeft+"px";
	
	if(document.getElementById(id2).all){
	allas = document.getElementById(id2).all;
	biggestWidth = 0;
	for(i=0; i<allas.length;i++)
	if(allas[i].offsetWidth > biggestWidth){
	biggestWidth = allas[i].offsetWidth;
	}
	document.getElementById(id2).style.width = biggestWidth+'px';
	}
	
	if(document.getElementById(id2).offsetWidth < document.getElementById(id).offsetWidth){
		document.getElementById(id2).style.width = (parseInt(document.getElementById(id).offsetWidth)-2)+"px";
	}
}

function hideSub(id, id2){
	document.getElementById(id).style.backgroundColor = '';
	document.getElementById(id).style.color = '';
	document.getElementById(id2).style.display = 'none';
}

function rollIntopbar(color,rollouttime,value){
document.getElementById('error').innerHTML = value;
if(!color){
color = '#FF0000';
}
document.getElementById('error').style.backgroundColor = color;
if(rollouttime){
hoesnel3 = 10 //in milliseconden
div3 = document.getElementById('shadow');
div4 = document.getElementById('error');
timer3 = rollouttime*1000;
i5 = 0;
for (i4=25;i4>=-10;i4--) 
{
setTimeout("div4.style.top = '"+i5+"px'",timer3);
setTimeout("div3.style.top = '"+i4+"px'",timer3);
timer3 = timer3+hoesnel3;
i5--;
}	
}
hoesnel2 = 10 //in milliseconden
div3 = document.getElementById('shadow');
div4 = document.getElementById('error');
timer2 = 0;
i3 = -25;
for (i2=0;i2<=25;i2++) 
{
setTimeout("div4.style.top = '"+i3+"px'",timer2);
setTimeout("div3.style.top = '"+i2+"px'",timer2);
timer2 = timer2+hoesnel2;
i3++;
}
}