/* 	function ge
*/

function ge(id) {

	return document.getElementById(id);

}


var carrouselCurrScroll = 0;
var carrouselScrollDistance = 968;

/* 	function spinCarrouselForward
		carrousel vooruit
*/

function spinCarrouselForward() {


	if((carrouselCurrScroll + carrouselScrollDistance) < $('alsoseecaroussel').scrollWidth){
		if((carrouselCurrScroll + carrouselScrollDistance) < $('alsosees').scrollWidth) {
			carrouselCurrScroll += carrouselScrollDistance;
			scrollExample = new Fx.Scroll($('alsosees'), {
				wait: false,
				duration: 500,
				transition: Fx.Transitions.Expo.easeOut
			});
			scrollExample.scrollTo(carrouselCurrScroll, 0);
		}
	}

}

/* 	function spinCarrouselBack
		carrousel terug
*/

function spinCarrouselBack() {

	if((carrouselCurrScroll - carrouselScrollDistance)>=0) {
		carrouselCurrScroll -= carrouselScrollDistance;
		scrollExample = new Fx.Scroll($('alsosees'), {
			wait: false,
			duration: 500,
			transition: Fx.Transitions.Expo.easeOut
		});

		scrollExample.scrollTo(carrouselCurrScroll, 0);
	}

}

window.addEvent('domready', function() {
	
//	/* alsosee caroussel op homepagina */
//	var knopverder = document.getElementById('pijlverder');
//	if (knopverder) {
//		knopverder.onclick = function() {
//				spinCarrouselForward();
//		}
//	}
//
//	var knopterug = document.getElementById('pijlterug');
//	if (knopterug) {
//		knopterug.onclick = function() {
//				spinCarrouselBack();
//		}
//	}
	

	/* caseoverzicht */

	var szNormal = 120, szSmall  = 30, szFull   = 750;
	var openCase = false;

	if (ge('cases')) {

		var kwicks = $$("#cases .caseitem");
		for (var kw = 0; kw < kwicks.length; kw++) {
			if (kwicks[kw].className == 'caseitem caseitemopen') {
				openCase = true;
			}
		}

		var fx = new Fx.Elements(kwicks, {wait: false, duration: 350, transition: Fx.Transitions.Quad.easeIn});
		kwicks.each(function(kwick, i) {

			if (openCase == true) {
				if (kwick.className == 'caseitem caseitemopen') {
					kwick.style.width = szFull + 'px';
				} else {
					kwick.style.width = szSmall  + 'px';
				}
			}

			kwick.addEvent("mouseenter", function(event) {
				var o = {};
				o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
				kwicks.each(function(other, j) {
					if(i != j) {
						var w = other.getStyle("width").toInt();
						if(w != szSmall) o[j] = {width: [w, szSmall]};
					}
				});
				fx.start(o);
			});

		});


		$("cases").addEvent("mouseleave", function(event) {
			var o = {};
			kwicks.each(function(kwick, i) {
				o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
			});
			fx.start(o);
		});

	}

	/* mouseover voor bg */
	var sfEls = document.getElementById("hoofdmenu").getElementsByTagName("li");
	for (var i = 0; i < sfEls.length; i++) {

		/* mouseover */
		sfEls[i].onmouseover = function() {

			this.className+= ' sfhover';
			if (this.getElementsByTagName("LI").length > 0) {
				ge('b').className = 'mouseover';

				var submenu = this.getElementsByTagName("ul");
				if (submenu.length > 0) {
					if (submenu[0].className == 'menuright') {
						var submenuW = 0 - this.offsetWidth - 10;
						var submenuitems = this.getElementsByTagName("LI");

						for (var j = 0; j < submenuitems.length; j++) {
							submenuW += submenuitems[j].offsetWidth;
						}

						submenu[0].style.left = (this.offsetLeft - submenuW) + 'px';

					}
				}

			}
		}

		/* mouseout */
		sfEls[i].onmouseout = function() {

			ge('b').className = '';
			this.className = '';

			var submenu = this.getElementsByTagName("ul");
				if (submenu.length > 0) {
					if (submenu[0].className == 'menuright') {
						submenu[0].style.left = '-999em';
					}
				}

			}

		}

	/* mouseovers downloads */
	if (document.getElementById("downloadbox")) {
		var moDownloads = document.getElementById("downloadbox").getElementsByTagName("tr");

		for (var m = 0; m < moDownloads.length; m++) {

			moDownloads[m].onmouseover = function () {
				this.style.backgroundColor  = '#f5f5f5';
				var moLink = this.getElementsByTagName("a");

				for (var ma = 0; ma < moLink.length; ma++) {
					moLink[ma].style.color  = '#339933';
				}

			}

			moDownloads[m].onmouseout = function () {
				this.style.backgroundColor  = '#ffffff';
				var moLink = this.getElementsByTagName("a");

				for (var ma = 0; ma < moLink.length; ma++) {
					moLink[ma].style.color  = '#666666';
				}

			}

		}
	}



});

function wisselplaatje(id) {

	for(n=1; n<5; n++) {
		ge('bg' + n).style.display = 'none';
		ge('blok' + n).style.display = 'none';
	}

	ge('bg' + id).style.display = 'block';
	ge('blok' + id).style.display = 'block';

}

//if (window.attachEvent) window.attachEvent("onload", sfHover);