$(document).ready(function() {
	if($.browser.msie == true && $.browser.version < 6 && check55 == true){
		// alert("ie 5.5");
		$("#page").html("<p>Deze pagina wordt niet ondersteund door jouw browser.</p><p>Download een van onderstaande browsers als je deze pagina wil bekijken.</p><ul><li><a href='http://www.microsoft.com/belux/nl/windows/downloads/ie/getitnow.mspx' target='_blank'>Internet Explorer 7</a></li><li><a href='http://www.getfirefox.com' target='_blank'>Firefox</a></li></ul>");
	}else{
			/* thumb carousel
			------------------------------------------------------------ */
			$('#mycarousel').jcarousel({
				buttonNextHTML : "<a><!-- &nbsp; --></a>",
				buttonPrevHTML : "<a><!-- &nbsp; --></a>",
				scroll: 5,
				itemFirstInCallback: {onAfterAnimation: mycarousel_itemFirstInCallback},
				animation: "slow"
			});
	
	}
	
	$('#img_doc ul li').mouseover( function(){
		$(this).addClass("hoever");
	});
	
	$('#img_doc ul li').mouseout( function(){
		$(this).removeClass("hoever");
	});
	
	if($.browser.msie == true && $.browser.version < 6){
		// alert("ie 5.5");
		$("#detail_doc").css("display","none");
		$("#img_doc").css("display","none");
		$("#tabs").css("display", "none");
	}else{
		/* big carousel
		------------------------------------------------------------ */
		$('#mycarousel2').jcarousel({
			buttonNextHTML : null,
			buttonPrevHTML : null,
			scroll: 1,
			initCallback: mycarousel_initCallback,
			animation: "slow"
		});
	}
	

	function mycarousel_initCallback(carousel) {
		carousel2 =  carousel;
		bindKeys(carousel);
	
		jQuery('.mycarousel2-next').bind('click', function() {
			if(nuIn != aantal){
				carousel.next();
			}
			//alert(carousel.prevFirst+1);
			//switchToActive("onup");
			itemVisibleInCallback: {
			  //onBeforeAnimation: switchToActive("onup")
			  onBeforeAnimation: switchToActive(carousel.prevFirst+1)
			}
			
			return false;
		});
	
		jQuery('.mycarousel2-prev').bind('click', function() {
			carousel.prev();
			//alert(carousel.pos);
			//switchToActive("ondown");
			itemVisibleInCallback: {
			  //onBeforeAnimation: switchToActive("ondown")
			  onBeforeAnimation: switchToActive(carousel.prevFirst-1)
			}
			return false;
		});
		
		$('#controlers ul li').each(function(){
			aantal = aantal + 1;
		});
	};
	
	
	
	
	
});

var nuIn = 1;
var aantal = -2;


	function switchToActive(dit){
		//alert(nuIn);
		if(dit == "onup"){
			nuIn = nuIn + 1;
			$('.inactive1').addClass("active1");
			$('.inactive1').removeClass("inactive1");
			if(nuIn > aantal){
				nuIn = aantal;
			}
		}else if(dit == "ondown"){
			nuIn = nuIn - 1;
			$('.inactive2').addClass("active2");
			$('.inactive2').removeClass("inactive2");
			if(nuIn < 1){
				nuIn = 1;
			}
		}else{
			nuIn = dit;
			if(nuIn < 1){
				nuIn = 1;
			}
			if(nuIn > aantal){
				nuIn = aantal;
			}
			
			$('.inactive1').addClass("active1");
			$('.inactive1').removeClass("inactive1");
			$('.inactive2').addClass("active2");
			$('.inactive2').removeClass("inactive2");
		}
		//alert(nuIn);
		
		// set to active
		if(nuIn <= 1){
			$('.active1').addClass("inactive1");
			$('.active1').removeClass("active1");
		}else if(nuIn >= aantal){
			$('.active2').addClass("inactive2");
			$('.active2').removeClass("active2");
		}
		
		setToActive(nuIn);
	}
	
	function setToActive(dit){
		$('.jcarousel2-control a').removeClass("on");
		$('.jcarousel2-control a.item' + dit).addClass("on");
	}


function styleMyMap(){
		alert("Style my map");
		/*if($("#map div").text() == "Map"){
			alert(this);
		}*/
}

function bindKeys(carousel){
	jQuery('.jcarousel2-control a').bind('click', function() {
			carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
			//switchToActive(jQuery.jcarousel.intval(jQuery(this).text()));
			itemLastInCallback: {
			  onAfterAnimation: {switchToActive(jQuery.jcarousel.intval(jQuery(this).text()))}
			}
			return false;
	});
}