window.onload = function initialLoad() {
    updateOrientation();
}

$(document).ready( function() {
	
	
	
	var homeSliderAnimTime = 1200;
	var homeSliderPauseTime = 8000;
	
	var portfolioSliderAnimTime = 500;
	var portfolioSliderPauseTime = 5000;
	
	
		
		
	
	
	// .active
	/*$('<img src="~siteDesign/site/~img/activeLeft.png" id="activeLeft" />').insertBefore("#linksMid .active");
	$('<img src="~siteDesign/site/~img/activeRight.png" id="activeRight" />').insertAfter("#linksMid .active");*/
	
	// Read more
	//$('<img src="/~siteDesign/site/~img/readMoreArrow.png" alt="Lees meer" class="arrow" />').insertAfter("#content .column span, #content2 .row span, #content2 .column span, #content2 .oneColumn span");
	$('#content .column span, #content2 .row span, #content2 .column span, #content2 .oneColumn span').not('.InSiteObjectForm span').after('<img src="/~siteDesign/site/~img/readMoreArrow.png" alt="Lees meer" class="arrow" />');
	//aangepast door jos
	
	if($.browser.msie){

		if($.browser.version<8 && $.browser.version>6.9){
			$("#subMenu #sloganOverlay").css("marginTop", 10);
			$("#subMenu #sloganOverlay").css("left", 0);
		}else if($.browser.version<9 && $.browser.version>7.9){
			//$("#subMenu #sloganOverlay").css("marginTop", $("ul.subMenuList").children("li").size()*22 + 30);
			$("#subMenu #sloganOverlay").css("marginTop", 10);
			$("#subMenu #sloganOverlay").css("left", 0);
			if($("#content3").length){
				$("#footer").css("marginTop", 38);
			}
		}else{
			$("#subMenu #sloganOverlay").css("marginTop", 10);
			$("#subMenu #sloganOverlay").css("left", 0);
		}
		
	} else {
		//$("#subMenu #sloganOverlay").css("marginTop", $("ul.subMenuList").height() + 30);
		$("#subMenu #sloganOverlay").css("marginTop", 0);
	}
	if($.browser.webkit){
		$(".overlay img").css("marginTop", "-17px");
	}
	$("#subMenu h2:first").css("marginTop", 18 + 20);
	$(".overlay .third").css("width", 715 - $(".overlay .first").width() - $(".overlay .second").width());
	if($(".overlay #s1 .third p:not(.showOnClick)").text() == " "){
		$(".overlay #s1 .third p.showOnClick").css("paddingTop", "10px");
	}
	
	
	
	$(".back > a, .back, .columnWrapper > .column > span > a").hover(function (){	
		$(this).parents('span').next("img.arrow").attr("src", "/~siteDesign/site/~img/readMoreArrowRed.png");
	},function(){
		$(this).parents('span').next("img.arrow").attr("src", "/~siteDesign/site/~img/readMoreArrow.png");
	});
	
	
	
	
	/* LINKJES SUBMENU */
	var delayTime = 500; // hoelang moet het duren voordat de linkjes zichtbaar worden
	var object;
	var timeoutIn;
	var timeoutOut;
	var marginRight;
	var objectPos;
	var menuWidth;
	var subMenuWidth;
	var newObjectCheck;
	$("#linksMid ul li").mouseenter(function (){
		if($(object).attr('title') != $(this).attr('title')){
			newObjectCheck = true;
			clearTimeout(timeoutOut);
			$(object).removeClass('hover');
			$(object).parents('li').removeClass('hover');
		}else{
			newObjectCheck = false;
		}
		object = this;
		timeoutIn = setTimeout(function(){showHideSubMenu();}, delayTime);
		
	});
	$("#linksMid ul li").mouseleave(function (){
		//$(object).removeClass('hover');
		object = this;
		timeoutOut = setTimeout(function(){$(object).removeClass('hover');}, delayTime);
		clearTimeout(timeoutIn);
	});
	$("#linksMid > ul > li > ul").mouseleave(function(){
		//$(this).parents('li').removeClass('hover');
		object = this;
		timeoutOut = setTimeout(function(){$(object).parents('li').removeClass('hover');}, delayTime);
		clearTimeout(timeoutIn);
	});
	function showHideSubMenu(){
		$(object).addClass('hover');
		if(newObjectCheck){
			$('#linksMid li.hover ul').css('width','auto');
			objectPos = $(object).position().left;
			menuWidth = $('#linksMid ul').width();
			subMenuWidth = $('#linksMid li.hover ul').width();
			if(subMenuWidth < (menuWidth - objectPos)){
				marginRight = (menuWidth - subMenuWidth -60); // waar komt die 60 vandaan..
			}else{
				marginRight = 0;
			}
			$('#linksMid li.hover ul').css('margin-right',marginRight+'px');
			$('#linksMid li.hover ul').css('width',900);
		}
	}
	/* EINDE LINKJES SUBMENU */
	
	
	
	
	$('.row').hover(function(){ $(this).find('img.arrow').attr('src', '/~siteDesign/site/~img/readMoreArrowRed.png'); }, function(){ $(this).find('img.arrow').attr('src', '/~siteDesign/site/~img/readMoreArrow.png'); });

	$(".overlay span#less").css({'visibility' : 'visible'});
	
	// Add classes to fix iPad slider bug
	$('.lof-main-item-desc h2').addClass('no-cufon');
	
	// Cufon
	Cufon.replace("h1, h2:not(.no-cufon), h3, .teaserTekst", { fontFamily: "Plantin" });
	Cufon.replace("#content2 > #page > .column > .back, #subMenu > ul > li:not(.active) > a", { fontFamily: "Frutiger 55", hover: true });
	Cufon.replace("#subMenu > ul > li.active > a", { fontFamily: "Frutiger 65", hover: true });
	Cufon.replace("#content > .column > span, #content2 > #page > span, #content2 > #page > .oneColumn > span, #content > #slider > #rolloverWrapper > #rollover > #showProject > a, .overlay span", { fontFamily: "Frutiger 55", hover: true });
	
	Cufon.replace(".interactionblock", { fontFamily: "Plantin", hover: true });
	
	//Cufon.replace(".overlay strong", { fontFamily: "Frutiger Bold" });
	Cufon.replace("#linksMid > ul > li > a, #submit > span", { fontFamily: "Frutiger 67 Condensed", hover: true });
	
	//Cufon.replace("#linksTop > ul > li > a", { fontFamily: "Frutiger 47 Light Condensed", hover: true });
	//Cufon.replace("#content2 > #page > a > .row > span", { fontFamily: "Frutiger 55"});
	$(".overlay span#less").css({'visibility' : 'hidden'});
	
	/*$update = false;
	$('#content2 > #page > a > .row').hover(function(){
		Cufon.replace("#content2 > #page > a > .row > span", { fontFamily: "Frutiger 55", hover: true });
		$update=true;
	});
	
	$("body").mousemove(function(e){
		if($update==true){
			Cufon.replace("#content2 > #page > a > .row > span", { fontFamily: "Frutiger 55", hover: true });
		}
		$update = false;
	});*/
	
	// Slider ????? DOET DEZE NOG IETS??
	$('#slider').nivoSlider({
		effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
		animSpeed:250,
		pauseTime:3500,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:true, //Next & Prev
		directionNavHide:false, //Only show on hover
		controlNav:true, //1,2,3...
		controlNavThumbs:true, //Use thumbnails for Control Nav
      controlNavThumbsFromRel:false, //Use image rel for thumbs
		controlNavThumbsSearch: '.jpg', //Replace this with...
		controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
		keyboardNav:false, //Use left & right arrows
		pauseOnHover:true, //Stop animation while hovering
		manualAdvance:false, //Force manual transitions
		captionOpacity:0.8 //Universal caption opacity
	});
	
	// Slider hover
	$("#slider > a, #rolloverWrapper").hover( function () {
		$("#rolloverWrapper").css("display", "inline");
		$("#rollover").css("display", "inline");
	}, function () {
		$("#rolloverWrapper").css("display", "none");
		$("#rollover").css("display", "none");
	});
	
	// Scrollable
	/*$(".nivo-controlNav").scrollable({
		clonedClass: 'cloned',
		items: ".nivo-controlNavOverflow",
		next: ".nivo-nextNav",
		prev: ".nivo-prevNav",
		speed: 500
	}).autoscroll({
		autoplay: true,
		interval: 3000
	});*/
	
	if($(".overlay #s1 .second").length){
		$(".overlay #s1 .third p.showOnClick").css("marginLeft", -20 - $(".overlay #s1 .first").width() - $(".overlay #s1 .second").width());
	} else {
		$(".overlay #s1 .third p.showOnClick").css("marginLeft", -10 - $(".overlay #s1 .first").width() - $(".overlay #s1 .second").width());
	}
	
	
	
	
	
	// Portfolio slider
	$('#slides1').bxSlider({
		auto: true,
		pause: portfolioSliderPauseTime,
		alignment: 'horizontal',        // 'horizontal', 'vertical' - direction in which slides will move
		controls: true,                 // determines if default 'next'/'prev' controls are displayed
		speed: portfolioSliderAnimTime,                     // amount of time slide transition lasts (in milliseconds)
		pager: true,                    // determines if a numeric pager is displayed (1 2 3 4...)
		pager_short: false,             // determines if a 'short' numeric pager is displayed (1/4)
		pager_short_separator: ' / ',   // text to be used to separate the short pager
		margin: 0,                      // if 'horizontal', applies a right margin to each slide, if 'vertical' a
		                                // bottom margin is applied. example: margin: 50
		next_text: '',
		prev_text: '',
		auto_direction: 'next',         // order in which slides will transition (auto mode only)
		auto_hover: true,               // determines if slideshow will pause while mouse is hovering over slideshow
		auto_controls: false,           // determines if 'start'/'stop' controls are displayed (auto mode only)
		ticker: false,                  // determines if slideshow will behave as a constant ticker
		ticker_controls: false,         // determines if 'start'/'stop' ticker controls are displayed (ticker mode only)
		ticker_direction: 'next',       // order in which slides will transition (ticker mode only)
		ticker_hover: true,             // determines if slideshow will pause while mouse is hovering over slideshow
		stop_text: 'stop',              // text to be displayed for the 'stop' control
		start_text: 'start',            // text to be displayed for the 'start' control
		wrapper_class: 'portfolioSlider'  // class name to be used for the outer wrapper of the slideshow
	});
	
	// Portfolio slider less/more
	$(".overlay span#less").click( function() {
		$('.overlay').animate({
    		height: '-=' + ($("#s" + $('#portfolioBottom .portActive').attr('rel') + " p.showOnClick").height() + 15)
  		}, 500, function() {
  		});
		$(".overlay span#more").css({'visibility' : 'visible', 'zIndex' : '10'});
		$(".overlay span#less").css({'visibility' : 'hidden', 'zIndex' : '-1'});
	}, function() {});
	$(".overlay span#more").click( function() {
		$('.overlay').animate({
    		height: '+=' + ($("#s" + $('#portfolioBottom .portActive').attr('rel') + " p.showOnClick").height() + 15)
  		}, 500, function() {
  		});
		$(".overlay span#less").css({'visibility' : 'visible', 'zIndex' : '10'});
		$(".overlay span#more").css({'visibility' : 'hidden', 'zIndex' : '-1'});
	}, function() {});






	//hometeaser
	if ($("#lofslidecontent").length) {
		$('.lof-main-outer ul li').click(function(){
			//alert(this.nodeName);
			window.location = $(this).find("a").attr("href");
			return false;
		});
		
		var barAnimation;
		
		$('.lof-navigator li').click(function(){
			barAnimation.stop();
		    $('.lof-navigator-timebar').css('left', -974);
			setTimeout(function() {
			    shortTimer();
			}, homeSliderAnimTime);
		});
	
		function startTimer() {		
		
			barAnimation = $('.lof-navigator-timebar').animate({
			    left: '0'
			}, homeSliderPauseTime, function() {
			    // Animation complete.
				$('.lof-navigator-timebar').css('left', -974);
				setTimeout(function() {
				    shortTimer();
				}, homeSliderAnimTime);
			});
			
		};
		
		function shortTimer() {		
		
			barAnimation = $('.lof-navigator-timebar').animate({
			    left: '0'
			}, (homeSliderPauseTime-homeSliderAnimTime), function() {
			    // Animation complete.
				$('.lof-navigator-timebar').css('left', -974);
				setTimeout(function() {
				    shortTimer();
				}, homeSliderAnimTime);
			});
		
		};
		
		startTimer();
		$obj = $('#lofslidecontent').lofJSidernews({
			interval: homeSliderPauseTime,
			direction: '',
			easing: 'easeInOutExpo',
			duration: homeSliderAnimTime,
			auto: true,
			maxItemDisplay: 20,
			navPosition: 'horizontal', // horizontal
			navigatorHeight: 6,
			navigatorWidth: 17,
			mainWidth: 974
		});
		
		
	}
});

function updateOrientation(){
	if(window.orientation){
		if(window.orientation == -90 || window.orientation == 90){
			// Landscape
			$('head meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0');
		} else if(window.orientation == 0 || window.orientation == 180){
			// Portrait
			$('head meta[name=viewport]').attr('content', 'width=device-width, initial-scale=0.5');
		}
	}
	//resizeViewport();
}


function remove_cufon(selector) {
    $(selector).html( cufon_text(selector) );
    return true;
}

function cufon_text(selector) {
    var g = '';
    $(selector +' cufon cufontext').each(function() {
        g = g + $(this).html();
    }); 
    return $.trim(g);
}


/*
function resizeViewport(){
	// overflow-x
	var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
	if(windowWidth < 1250){
		if(windowWidth < 1250 && windowWidth > 974){
			var scrollx = 138-((windowWidth - 974)/2);
			scroll(scrollx, 0);
			if($.browser.msie){
				$('html, body').css({'overflow-x' : 'hidden', 'height' : 'auto', 'width' : '100%', 'zoom' : '1', 'paddingRight' : '128px'});
			} else {
				$('body').css('overflow-x', 'hidden');
			}
		} else if (windowWidth < 974){
			$('#container').css('overflow-x', 'visible');
		}
	}
}
*/