// JavaScript Document

// Homepage slideshow
var nextImage = 1;
var imageWidth = 871;
var imageHeight = 230;
var imageTimeout = 3000;


function setOpacity(el, opacity) {

	//  Which opacity method does this browser support?

	opacity /= 100;

	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";

}

function fadeImage(el, currentOpacity) {

	currentOpacity += 5;

	if (currentOpacity > 100) {
		setOpacity(el, 100);
		var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
		prevEl.style.visibility = 'hidden';
		el.style.zIndex = 1;
		window.setTimeout(startFading, imageTimeout);
	}
	else {
		setOpacity(el, currentOpacity);
		window.setTimeout(function() { fadeImage(el, currentOpacity); }, 50);
	}

}


function startFading() {

	var el = document.getElementById('image-container').childNodes[nextImage];

	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	setOpacity(el, 0);
	fadeImage(el,0);

	nextImage = (nextImage < images_home.length-1) ? nextImage + 1 : 0;

}


function pageLoad() {

	var el = document.getElementById('image-container');

	while (el.firstChild) { el.removeChild(el.firstChild); }

	el.style.width = imageWidth + 'px';
	el.style.height = imageHeight + 'px';

	for(var i=0; i<images_home.length; i++) {

		var t = document.createElement('IMG');
		t.setAttribute('src',images_home[i]);
		t.setAttribute('width',imageWidth);
		t.setAttribute('height',imageHeight);
		t.style.position = 'absolute';
		t.style.visibility = 'hidden';
		el.appendChild(t);

	}

	el.firstChild.style.visibility = 'visible';

	window.setTimeout(startFading, imageTimeout);

}

/* submenu nav */
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}

/* Resize page */
//get window size
var _height = document.viewport.getHeight();
var _setHeight = _height-422;
function resizePage() {
	$('contentHome').setStyle({ "min-height": _setHeight+'px' });
}
function changeImage(src) {
	//document.getElementById('imageProd').src=src;
	
	var el2 = document.getElementById('image-big');
	var t2 = document.createElement('IMG');
	t2.setAttribute('src',src);
	t2.setAttribute('width',imageWidth2);
	t2.setAttribute('height',imageHeight2);
	t2.style.position = 'absolute';
	t2.style.visibility = 'visible';
	t2.style.zIndex = 5;
	el2.appendChild(t2);
	
	clearTimeout(start);
	clearTimeout(start2);
}




var start;
var start2;
function setOpacity2(el2, opacity2) {

	//  Which opacity method does this browser support?

	opacity2 /= 100;

	el2.style.opacity = opacity2;
	el2.style.MozOpacity = opacity2;
	el2.style.filter = "alpha(opacity=" + (opacity2*100) + ")";

}

function fadeImage2(el2, currentOpacity2) {

	currentOpacity2 += 5;

	if (currentOpacity2 > 100) {
		setOpacity2(el2, 100);
		var prevEl2 = el2.previousSibling ? el2.previousSibling : el2.parentNode.lastChild;
		prevEl2.style.visibility = 'hidden';
		el2.style.zIndex = 1;
		start2 = window.setTimeout(startFading2, imageTimeout2);
	}
	else {
		setOpacity2(el2, currentOpacity2);
		start2 = window.setTimeout(function() { fadeImage2(el2, currentOpacity2); }, 50);
	}

}


function startFading2() {

	var el2 = document.getElementById('image-big').childNodes[nextImage2];

	el2.style.visibility = 'visible';
	el2.style.zIndex = 2;
	setOpacity2(el2, 0);
	fadeImage2(el2,0);

	nextImage2 = (nextImage2 < images.length-1) ? nextImage2 + 1 : 0;

}


function loadImage2() {

	var el2 = document.getElementById('image-big');

	while (el2.firstChild) { el2.removeChild(el2.firstChild); }

	el2.style.width = imageWidth2 + 'px';
	el2.style.height = imageHeight2 + 'px';

	for(var i=0; i<images.length; i++) {

		var t2 = document.createElement('IMG');
		t2.setAttribute('src',images[i]);
		t2.setAttribute('width',imageWidth2);
		t2.setAttribute('height',imageHeight2);
		t2.style.position = 'absolute';
		t2.style.visibility = 'hidden';
		el2.appendChild(t2);

	}

	el2.firstChild.style.visibility = 'visible';

	start = window.setTimeout(startFading2, imageTimeout2);

}
function displayElement(e) {
		document.getElementById(e).style.display='block';
	}
	function hideElement(e) {
		document.getElementById(e).style.display='none';
	}