// JavaScript Document
$(document).ready(init);


function init(){	
	$('.rollOverImage').css('cursor', 'pointer').hover(zetImageOn, zetImageOff).bind('click',openMainContent);		
	$('.project').css('cursor', 'pointer').hover(breedKader);		
	$('#grafisch .project').bind('click',openGrafischContent);
	$('#fotografie .project').bind('click',openFotografieContent);
	getContent('home.html');
}

function breedKader(evt){
	$(evt.target).toggleClass('breedKader');
}

function openMainContent(evt){			//verwijst naar html file met dezelfde naam als id +html (bijv: id = home> home.html. 
	getContent(evt.target.id + ".html");	 
}

function openFotografieContent(evt){			//verwijst naar html file met dezelfde naam als id +html (bijv: id = home> home.html. 
	getContent("fotografie_pages/" + getFileName(evt.target.src) + ".html");
	zetHighlightOn(evt);	 
}

function openGrafischContent(evt){			//verwijst naar html file met dezelfde naam als id +html (bijv: id = home> home.html. 
	getContent("grafisch_pages/" + getFileName(evt.target.src) + ".html");	 
	zetHighlightOn(evt);	 
}


//Rollovers Mainmenu
function zetImageOn(evt){
	evt.target.src = evt.target.src.replace("-off.png", "-ro.png");
}

function zetImageOff(evt){
	evt.target.src = evt.target.src.replace("-ro.png", "-off.png");
}


function getContent(pagina){
	var verwijzing  = pagina + "  #content";
	$('#middenKolom').load(verwijzing, zetInterneLinks);
	 $('html, body').animate({scrollTop:0}, 'slow');

}

function zetInterneLinks(){
	$('#middenKolom a').bind('click',openInterneLink);
}

function openInterneLink(evt){
	if (evt.target.target == "intern"){
		evt.preventDefault();
		getContent(evt.target.href);		
	}
}

//Programeerbare hightlights
function zetHighlightOn(evt){	
	$(evt.target).fadeTo(500, 0.2);
}

function getFileName(path) {
	var m = path.match(/(.*)[\/\\]([^\/\\]+)\.\w+$/);
    return m[2];	
	 //return path.match(/[-_\w]+[.][\w]+$/i)[0];			Geeft bestandsnaam MET extensie
}