// ************************** VARIABLES ******************************
if (!pageName) var pageName = 'home';
var parameters = '';
var busy = false;
var work = 1;
var background = 1;
var background_delay = 10000;
var work_delay = 1000;
var pause = false;


    


// ************************** EVENT HANDLERS ******************************


// Add black bar toggler
$(document).ready(function(){
		
	$("#barButton").toggle(		
			function() { hideBar(); } 		
			,function() { showBar();}
	);
	
	// Add mousewheel functionality to content div
	$('#content').mousewheel(
		function(event, delta, deltaX, deltaY) {
	
			if (delta<0) sliderDown();
			if (delta>0) sliderUp();
			
		}
	);


	
	$("#btnNextSlide").mouseover( function() { $("#btnNextSlide").attr('src','../../resources/images/icon_previous2.png'); } );
	$("#btnNextSlide").mouseout( function() { $("#btnNextSlide").attr('src','../../resources/images/icon_previous.png'); } );
	$("#btnNextSlide").click( function() { slideSwitch(0); });
	
	$("#btnPrevSlide").mouseover( function() { $("#btnPrevSlide").attr('src','../../resources/images/icon_next2.png'); } );
	$("#btnPrevSlide").mouseout( function() { $("#btnPrevSlide").attr('src','../../resources/images/icon_next.png'); } );
	$("#btnPrevSlide").click( function() { slideSwitch(1); });
	
	
});	




function hideBar(callbackfunction) {
		
		busy = true;
		
		// Be sure that bar is in original state
		$('#LOGOS').animate({width:'100%',display:'block',opacity:1,height:'auto'},0);

		// Set fixed height black bar
		h = document.getElementById('black_bar_content').offsetHeight;
		document.getElementById('black_bar').style.height = h + 'px';

		// Fadeout content
		$('#black_bar_content').fadeOut('300', 
			
			
			
			
			function() {
				
				$('#black_bar').animate({width:0},500,"swing",
					
					function () {
						
						// Reset state of black bar no that it's hidden
						document.getElementById('black_bar').style.height = 'auto';
						document.getElementById('black_bar').style.width = '100%';
						
						$('#black_bar').animate({opacity:0},0, function() { busy=false; if (callbackfunction!=undefined) callbackfunction();});
					
					}
				);
			}
		);
		

	
}



function showBar(callbackfunction) {

	busy = true;
	
	$('#black_bar_content').fadeIn(0, 
		
		
		
		function() { 
			
			$('#black_bar_header').css('display','none');
			
			// Remove active classes from menu
			$('#menu a').each(function(i) {	$(this).removeClass('active'); });
				
			// Add active class to new menu item
			$('#menuitem_'+pageName).addClass('active');
			
			$('#content').load(root+'content_'+pageName+'/', {page:pageName,params:parameters}, 
			
				function () {

						
					// Set fixed height black bar
					h = document.getElementById('black_bar_content').offsetHeight;
					document.getElementById('black_bar').style.height = h + 'px';				
					document.getElementById('black_bar').style.width = '1px';
	
					$('#black_bar_content').fadeOut(0); 
	
	
					$('#black_bar').animate({opacity:1},0,"swing", 
												
						function() {
							
							$('#black_bar_header').css('display','block');
	
							$('#black_bar').css('filter',"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo ROOT;?>images/background_black.png', sizingMethod='crop')");
							
							$('#black_bar').animate({width:'100%'},500,"swing", 
								
								function () {	
			
									$('#black_bar_content').fadeIn(1000, 
				
										function() { 
					
											document.getElementById('black_bar').style.height = 'auto';
											busy = false;
											if (callbackfunction!=undefined) callbackfunction();
					
										}
									); 
								}
							);
						}
					);
				}
			);
		
		}
	);
	
	
	
}



function changeContent(newPageName, params,title) {
	
	pageName = newPageName;
	parameters = params;

	hideBar( 
		
		
		
		function() {
			
			$("#work_loader").fadeIn(300);
			
			showBar( function () {
				
				$("#work_loader").fadeOut(300);
				
				if (params) {
					if (pageName=='series') openWork(params,'serie',title);
					else openWork(params,'work',title);
				}
			} );
			
			 
		}
	);
	
}


function slideSwitch(next_photo) {


	function changeBackground() {

		
		if ( $("#background1").css('display') == 'none') {

	
			$("#background1").attr('src',backgrounds[background]);
			$("#background2").fadeOut(4000);
			$("#background1").fadeIn(4000);
			
		} else {
	
			$("#background2").attr('src',backgrounds[background]);
			$("#background1").fadeOut(4000);
			$("#background2").fadeIn(4000);
			
		}
		
	}
	
	
	if (!busy){
		
		busy = true;
		
		clearTimeout(timer);
		timer = setInterval( "slideSwitch(1)", background_delay);
		
		
		if (!next_photo) {
			
			if (background==0) background = backgrounds.length-1;
			else background--;
			
		} else {
			
			if (background==(backgrounds.length-1)) background = 0;
			else background++;		
			
		}
		
		
		bckimg= new Image();
		bckimg.src= backgrounds[background];
	
		// For IE:
		if ($.browser.msie) {
			
			function testImg(){
		        if(bckimg.complete != null && bckimg.complete == true){ 
		                changeBackground();
		                return;
		        }
			
		        setTimeout(testImg, 300);
			}
			setTimeout(testImg, 300);
		
		}
		else bckimg.onload = changeBackground;
		
		// Preload next image!
		bckimgnew= new Image();
		bckimgnew.src= backgrounds[background+1];
		
		busy=false;
		
	}
	else { clearTimeout(timer); timer = setTimeout( "slideSwitch(1)", 1500);}
}






$(function() {
    timer = setInterval( "slideSwitch(1)", background_delay);
	
});



function intro() {


	document.getElementById('image_loading').style.visibility = 'hidden';
	

	//$('#content').load(root+'content_'+pageName+'/', {page:pageName}, function() {
		
		// Animate
	
		h = document.getElementById('black_bar_content').offsetHeight;
		document.getElementById('black_bar').style.height = h + 'px';
	
		// Fadeout content
		document.getElementById('black_bar_content').style.display = 'none';
		document.getElementById('black_bar').style.width='1px';
	
		$('#black_bar').animate({opacity:1},0);
		
		// IE black bar transparency problem
		$('#black_bar').css('filter',"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo ROOT;?>images/background_black.png', sizingMethod='crop')");
		
		document.getElementById('loading_content').style.display='none';
		
				//$('#loading').fadeOut(200, function () {
		$('#loading').animate({height: 1},500, function () {
		
			$('#bg_grid').animate({height: '100%'}, 500, function () {
				
				$('#black_bar').animate({width:'100%'},500,"swing", 
			
					function () {	
								
						$('#black_bar_content').fadeIn(1000);
						document.getElementById('black_bar').style.height = 'auto';
				
					}
				);
			});
		
		
		
		});

	//});

}


function openWork(parameters,type,title) {
	
	work = -1;
	busy = true;
	$('#work').css('display','inline');
	$('#backgrounds_buttons').css('display','none');
	
	$('#work').animate({height: '100%'},500, 'swing',function () {
	
		$('#bg_grid').css('display','none');
		$('#backgrounds').css('display','none');
		$('#black_bar').css('display','none');

		$("#work_loader").css('display','inline');
		
	
		$('#work').load(root+'content_'+'work_details/id='+parameters+'/'+title+'/', {page:'work_details',params:parameters,type:type}, function() {
				
			busy = false;
			setTimeout("nextWork();",1);
			
		});

		
		// Add mousewheel functionality to content div
		$('#work').mousewheel(
			function(event, delta, deltaX, deltaY) {
				if (delta<0) nextWork();
				if (delta>0) previousWork();

			}
		);
		
		
	});
		
}

function closeWork() {
	
	$('#work_container').fadeOut(500, function() {
		
		pause = false;
		clearTimeout(timer2);
		$('#backgrounds').css('display','inline');
		$('#black_bar').css('display','inline');
		$('#backgrounds_buttons').css('display','inline');
		$('#bg_grid').css('display','inline');

		$('#work').animate({height: '1px'},500, function () {

					
				$('#black_bar').fadeIn(500);
				$('#work').css('display','none');
				$("#work_loader").css('display','none');
				busy = false;
	
		});
	
	});
	

}
function previousWork(force) {

	if (!busy){
		
		if (typeof(timer2)!="undefined") { clearTimeout(timer2);}
		timer2 = setInterval( "nextWork()", work_delay);
		
		busy = true;
		
		$("#work_loader").css('display','inline');
		
		if (work==0) work = works.length-1;
		else work--;
	
		pic= new Image();
		pic.src = works[work];
	
		// For IE:
		if ($.browser.msie) {
			
			function testImg(){
		        if(pic.complete != null && pic.complete == true){ 
		                changeWork();
		                return;
		        }
			
		        setTimeout(testImg, 300);
			}
			setTimeout(testImg, 300);
		
		}
		else pic.onload = changeWork;
		
		
	}


}

function nextWork(force) {
	
	
	if ((!busy)&&( (!pause) ||(force))){
		
		if (typeof(timer2)!="undefined") { clearTimeout(timer2);}
		
		timer2 = setInterval( "nextWork()", work_delay);
		
		busy = true;
		
		$("#work_loader").css('display','inline');
		
		if (work==(works.length-1)) work = 0;
		else work++;
	
		pic= new Image();
		pic.src=works[work];
	

		
		// For IE:
		if ($.browser.msie) {
			
			function testImg(){
		        if(pic.complete != null && pic.complete == true){ 
		                changeWork();
		                return;
		        }
			
		        setTimeout(testImg, 300);
			}
			setTimeout(testImg, 300);
		
		}
		else pic.onload = changeWork;
	
		
	}

}


function jumptoWork(workId) {
	
	
	if (!busy){
		
		if (typeof(timer2)!="undefined") { clearTimeout(timer2);}
		
		timer2 = setInterval( "nextWork()", work_delay);
		
		busy = true;
		
		$("#work_loader").css('display','inline');
		
		work = workId;
	
		pic= new Image();
		pic.src=works[work];
	

		
		// For IE:
		if ($.browser.msie) {
			
			function testImg(){
		        if(pic.complete != null && pic.complete == true){ 
		                changeWork();
		                return;
		        }
			
		        setTimeout(testImg, 300);
			}
			setTimeout(testImg, 300);
		
		}
		else pic.onload = changeWork;
	
		
	}

}

function pauseWork() {

	
	if (pause) {
		pause = false;
		$("#work_pause").css('background','url(resources/images/icon_pause.png) no-repeat center right');
	}
	else {
		pause = true;
		$("#work_pause").css('background','url(resources/images/icon_play.png) no-repeat center right');
	}
}


function changeWork() {
	
	$("#work_loader").css('display','none');
	
	$("#work_footer").animate({bottom:'-220px'},200, function() {
	
		$("#work_image").fadeOut(500, function() {
		
		
			$("#work_image").attr('src',works[work]);
		
			$("#work_footer").html(works_content[work]);
		
			
		
		
			var image_ratio = $("#work_image").width() / $("#work_image").height();
			var screen_ratio = $(window).width() / $(window).height();

		
			if (image_ratio > screen_ratio) { 
			
				$("#work_image").width($(window).width()-30);
				$("#work_image").height('auto');
		
			}
			else {
			
				$("#work_image").height($(window).height()-20);
				$("#work_image").width('auto');
			
			}
		
		
			$("#work_image").fadeIn(500, function() { 
				
				$("#work_footer").animate({bottom:'-0px'},200);
				
			});
			
		
		
			// Preload next image!
			picnew= new Image();
			picnew.src= works[work+1];
		
			busy=false;
			
			
			// Jump to right thumbnail
			
			thumbCount = Math.round( ( ((document.getElementById('work_thumbs').offsetWidth-320) / 62.4) - 1) / 2)-1;
				
			jumpTo = work - thumbCount;
			
			if (work<thumbCount) jumpTo = 0;
		
			eval("workPos = $('#thumb" + jumpTo+"').position().left -4;");
			$('#work_thumbs').animate({scrollLeft: workPos},500);
		
		
			
		
			
		});
	});
	
	

}

function showThumbs() {

	$('#work_thumbs_content').css('visibility','visible');
}

function hideThumbs() {

	$('#work_thumbs_content').css('visibility','hidden');

}

function sliderUp() {
	
	if ($('#work_slider').length>0) {
		
		total = document.getElementById('work_slider').scrollHeight;
		pos = document.getElementById('work_slider').scrollTop;

		if ((pos > 0) &&(!busy)){
			busy = true;
			$('#work_slider').animate({scrollTop: '-=270px'}, 500,'swing', function() { busy=false;});
		}
	}
		
}

function sliderDown() {
	
	if ($('#work_slider').length>0) {
		
		total = document.getElementById('work_slider').scrollHeight;
		pos = document.getElementById('work_slider').scrollTop;

	
		if (((pos+270) < (total-270)) && (!busy)) {
		
			busy = true;
			$('#work_slider').animate({scrollTop: '+=270px'}, 500,'swing', function() { busy=false;});
		}
	}
}



function sendForm() {
	
	
	f = document.getElementById("contact_form");
	errors = "";
					
	
	if (f.bericht.value=="") { $('#form_bericht').addClass('error');$('#form_bericht').focus();errors = errors + "The message is empty\n"}
	if (checkEmail(f.email.value)==false) { $('#form_email').addClass('error');$('#form_email').focus();errors = errors + "Your e-mail address is not valid\n"}
	if (f.naam.value=="") { $('#form_naam').addClass('error'); $('#form_naam').focus(); errors = errors + "You forgot to fill in your name\n"}
	
	if (errors!="") {
		alert("Oops, you forgot to fill some fields...\n\n" + errors);
		return false; 
	}
	
	$("#work_loader").fadeIn(300);

	h = document.getElementById("td_contact").offsetHeight;
	document.getElementById("td_contact").style.height = h + "px";

	w = document.getElementById("td_contact").offsetWidth;
	document.getElementById("td_contact").style.width = w + "px";

	// Send form data to PHP
	$("#div_contact_form").animate({opacity:0},300, function() {
	$.ajax({
	   type: "POST",
	   url: root+"send_mail/",
	   data: "naam=" + f.naam.value + "&telefoon=" + f.telefoon.value + "&email=" + f.email.value + "&bericht=" + f.bericht.value,
	   success: function(msg){
	     			
				$("#work_loader").fadeOut(300);

				
					
					if (msg=='1')
						$("#div_contact_form").html($("#div_contact_bedankt").html());
					else $("#div_contact_form").html($("#div_contact_form").html() + "<br /><p>The message is not sent: <br />"+msg+"<br />Try again</p>");

					$("#div_contact_form").animate({opacity:1},300);
				

			
	   }
	 });
	});
	
	


	
	
	
		

}