var iTocWidth = 300;
var iMinWidth = 600;

/**
* Standaard functies/acties	
**/
function fadeGridItems(){
	/*$('.grid_item .image').fadeTo('fast',0.6); 13-07-2011*/
}

function resizeGrid(reSizeHeight){
	var iContentWidth = $(window).width()-iTocWidth;
	var iContentWidth = iContentWidth < iMinWidth ? iMinWidth : iContentWidth;
	var pagina_y = window.innerHeight ? window.innerHeight : $(window).height();
	var pagina_x = iContentWidth-30;
	
	var iWidth = Math.floor((pagina_x/3));
	var iHeight = Math.floor((iWidth/4)*3);
	
	iWidth = iWidth < 175 ? 175 : iWidth;
	iHeight = iHeight < 130 ? 130 : iHeight;
	iGridWidth = iContentWidth < iMinWidth ? iMinWidth : pagina_x;
	
	$('#content').css('width',iContentWidth+'px');
	$('#grid').css('width',(iContentWidth)+'px');
	$('.grid_item').css('width',iWidth+'px');
	$('.grid_item').css('height',iHeight+'px');
	$('.grid_item .image').css('height',iHeight+'px');
}

function resizeColumnCanvas(){
	var iContentWidth = $(window).width()-iTocWidth;
	var iContentWidth = iContentWidth < iMinWidth ? iMinWidth : iContentWidth;
	var pagina_y = window.innerHeight ? window.innerHeight : $(window).height();
	var pagina_x = iContentWidth-30;
	var iRightColumn = 280;
	
	var iLeftColumn = (pagina_x-iRightColumn);
	var iImageWidth = (iLeftColumn-50)/2;
	var iImageHeight = Math.floor((iImageWidth/4)*3)
	
	$('#content').css('width',iContentWidth+'px');
	$('#columnCanvas').css('width',iContentWidth+'px');
	$('#titleDiv').css('width',(iContentWidth-20)+'px');
	$('.leftcolumn').css('width',(iLeftColumn)+'px');
	$('.rightcolumn').css('width',iRightColumn+'px');
	
	if($('#columnCanvas').attr('style')!==undefined){
	$('.grid_item').css('width',iImageWidth+'px');
	$('.grid_item').css('height',iImageHeight+'px');
	$('.grid_item .image').css('height',iImageHeight+'px');
	}
	//$('.leftcolumn_scalable, .leftcolumn_scalable img').css('width',iImageWidth+'px'); //Evnt. verwijderen
	//$('.leftcolumn_scalable, .leftcolumn_scalable img').css('height',iImageHeight+'px'); //Evnt.  Verwijderen

}

function resizeTocHeight(){
	var iVpHeight = $(window).height()-280;
	$('#scrollableToc').css('height',iVpHeight+'px');
}

function resizePublicatie(){
	var iContentWidth = $(window).width()-iTocWidth;
	var iContentWidth = iContentWidth < iMinWidth ? iMinWidth : iContentWidth;
	var pagina_y = window.innerHeight ? window.innerHeight : $(window).height();
	$('#content').css('width',iContentWidth);
	$('#publicatie').css('width',iContentWidth);
	$('#publicatie').css('height',(pagina_y-11));
}

function highlightNavEnable(sUrl){
	/**
	* NAV
	**/
	var sUrlTemp = sUrl.replace('.html','').replace("/","");
	aParts = sUrlTemp.split("/");
	var sOnderdeel = aParts[0].toLowerCase();
	$('#btn_'+sOnderdeel).mouseover();
}
function highlightNavDisable(sUrl){
	var sUrlTemp = sUrl.replace('.html','').replace("/","");
	aParts = sUrlTemp.split("/");
	var sOnderdeel = aParts[0].toLowerCase();
	$('#btn_'+sOnderdeel).mouseout();
}
function highlightTocEnable(sTitle){
	$('#toc a[title="'+sTitle+'"]').toggleClass('actief');
}
function highlightTocDisable(sTitle){
	$('#toc a[title="'+sTitle+'"]').toggleClass('actief');
}

$(document).ready(function(){
	resizeGrid();
	resizeColumnCanvas();
	fadeGridItems();
	resizeTocHeight();
	
	$(".grid_item").mouseover(function() {
		var oThis = $('.image',this);
		var oTitel = $(this).find('.titel');
		
		/*oThis.stop().fadeTo('fast',1); 13-07-2011
		oTitel.stop().animate({top:'-43'},100);*/
		oTitel.stop().fadeTo(700,1);
		
		var sType = $(this).hasClass('product');
		if(sType===true){
			$('#btn_producten').addClass('btn_producten_actief');
		}
		else{
			$('#btn_projecten').addClass('btn_projecten_actief');
		}		
		highlightTocEnable($('a',this).attr('title'));
	}).mouseout(function(){
		var oThis = $('.image',this);
		var oTitel = $(this).find('.titel');
		
		/*oThis.stop().fadeTo('fast',0.6); 13-07-2011*/
		/*oTitel.stop().animate({top:'0'},100);*/
		oTitel.stop().fadeTo(700,0);
		
		var sType = $(this).hasClass('product');
		if(sType===true){
			if($('#btn_producten').hasClass('actief')===false){
				$('#btn_producten').removeClass('btn_producten_actief');
			}
		}
		else{
			if($('#btn_projecten').hasClass('actief')===false){
				$('#btn_projecten').removeClass('btn_projecten_actief');
			}
		}
		highlightTocDisable($('a',this).attr('title'));
	});
		
	if($('#grid').val()!==undefined){
		$('.grid_item').click(function(){
			var sLink = $('a[class=redirect]',this).attr('href');
			if(sLink!==undefined){
				window.location = sLink;
			}
		});		
		$(window).resize(function() {
		  resizeGrid(true);
		});	
		
	}	
	
	if($('#columnCanvas').val()!==undefined){
		/*$('#titleDiv').fadeTo('fast',0.9);*/
		$(window).resize(function() {
		  	resizeColumnCanvas();
		});				
	}
	
	
	/**
	* lightbox
	**/
	$('.lightboxlink').lightBox();
	
	
	/**
	* Menu
	*/
	$(".btn").mouseover(function() {
		var sClass = $('a',this).attr('href').replace('/','').replace('.html','').toLowerCase();
		sClass = 'btn_'+sClass+'_actief';
		if($(this).hasClass('actief')==false){
			$(this).toggleClass(sClass);
		}		
	}).mouseout(function(){
		var sClass = $('a',this).attr('href').replace('/','').replace('.html','').toLowerCase();
		sClass = 'btn_'+sClass+'_actief';
		if($(this).hasClass('actief')==false){
			$(this).toggleClass(sClass);
		}
	});
	
	$('.btn').click(function(){
		sLink = $('a',this).attr('href');
		window.location = sLink;
	});	
	
	
	$(window).resize(function() {
	  resizeTocHeight();
	});	
	
	
});