var curr_icon="none";
$(document).ready(function(){
	$(".hover").hover(
		function () {
			this_id=$(this).attr('id');
			if(curr_icon!=this_id){
				setIcon(this_id);
			}
		}, 
		function () {
			if(curr_icon!=this_id){
				$(this).attr({src : name+suffix});
			}
		}
	);

	$(".knopje").click(function () {
		this_id=$(this).attr('id');
		if(curr_icon!=this_id){
			resetIcon(this_id);
		}
		curr_icon=this_id;
	});
});

function showWork(i,j){
	setIcons(i);
	load(i,j);
}
function showDetail(j){
	load(curr_i,j);
}

function setIcons(i){
	resetIcon(curr_icon);
	//if(curr_icon!="btn_1"){
		setIcon("btn_1");
		curr_icon="btn_1";
	//}
	$.post("get_noof_icons.php", { i: i },
	function(data){
		var noof_icons=data;
		$(".knopje").hide();
		if(noof_icons>2){
			for(j=1;j<noof_icons;j++){
				$("#btn_"+j).fadeIn();
			}
		}
	});
}

function setIcon(this_id){
		dot=$("#"+this_id).attr('src').lastIndexOf('.');
		name=$("#"+this_id).attr('src').substring(0,dot);
		suffix=$("#"+this_id).attr('src').substring(dot);
		$("#"+this_id).attr({src : name+"_act"+suffix});
}
	
function resetIcon(this_id){
	if(curr_icon!="none"){
		dot=$("#"+curr_icon).attr('src').lastIndexOf('.');
		name=$("#"+curr_icon).attr('src').substring(0,dot-4);
		suffix=$("#"+curr_icon).attr('src').substring(dot);
		$("#"+curr_icon).attr({src : name+suffix});
	}
}

function load(i,j){
	// PREPARE IMAGES
	$("#img"+back_i).hide();
	$("#img"+back_i).css("z-index","0");
	$("#img"+front_i).css("z-index","1");

	// PREPARE TEXDIVS
	$("#txt"+back_i).hide();
	$("#txt"+back_i).css("z-index","0");
	$("#txt"+front_i).css("z-index","1");

	// SET ACTIVE LINK
	$("#link"+i).addClass("act");
	if(curr_i!=-1 && curr_i!=i){
		$("#link"+curr_i).removeClass();
	}

	// FADE IMAGES
	$("#img"+back_i).html("<img src='images/"+i+"_"+j+".jpg' />");
	$("#img"+front_i).fadeOut(function(){
		$("#img"+back_i).fadeIn();
		
		// FADE TEXT		
		$("#txt"+back_i).html(chapters[i]);
		$("#txt"+back_i).fadeIn();
		$("#txt"+front_i).fadeOut();

		// RESET VALUES
		//i=i+1;
		if(front_i==1){
			front_i=2;
			back_i=1;
		}
		else {
			front_i=1;
			back_i=2;
		}
		curr_i=i;
	});
}