////////////////////////////////////////////////////////////////////////////////////////////////////
////								GENERAL FUNCTIONS											////
////////////////////////////////////////////////////////////////////////////////////////////////////
// disable right click
$(document).ready(function(){
    $(document).bind("contextmenu",function(e){
        return false;
    });
});
// change picture when click on thumbnails
function thumbnails_change_picture(picture_id){
	wait_img_loaded("pictures/"+portfolio+"/"+portfolio+"-"+picture_id+".jpg");
}
// display picture only when loaded
function wait_img_loaded(img_path){
	$(function () {
		$("#picture")
			.load(function () {    
				$(this).hide();
				$(this).fadeIn();
			})
			.error(function () {
			})
			.attr('src', img_path);
			img_sizing(img_path);
	});
}

// define prev & next picture block size
function prev_next_blocks_sizing(){
	$('#next-picture').css({'width':(($(window).width())/2-100)+'px'});
	$('#next-picture').css({'height':(($(window).height())-160)+'px'});
	$('#prev-picture').css({'width':(($(window).width())/2-100)+'px'});
	$('#prev-picture').css({'height':(($(window).height())-160)+'px'});
}
////////////////////////////////////////////////////////////////////////////////////////////////////

$(function(){
	$(document).ready(function() {
		if(portfolio != ""){
			//display next/prev divs if a portfolio's been selected 
			$('#next-picture').show();
			$('#prev-picture').show();
			$('#portfolio-options').show();
			$('#thumbnails-display').show();
			$('#thumbnails-div').show();
		}
		else{
			//hide next/prev divs if a portfolio hasn't been selected
			$('#next-picture').hide();
			$('#prev-picture').hide();
			$('#portfolio-options').hide();
			$('#thumbnails-display').hide();
			$('#thumbnails-div').hide();
			$('#prev-thumbnails').hide();
			$('#next-thumbnails').hide();
			
		}
		//sizes properly div blocks when document loaded > next & prev picture for changing portfolio picture
		prev_next_blocks_sizing()
	});
	
	// same as block before but when window is resized
	$(window).resize(function(){
		prev_next_blocks_sizing()
	});
	
	// portfolio selection
	$('#portfolio-menu-places').click(function(){
		portfolio = "places";
		$('#next-picture').show();
		$('#prev-picture').show();
		$('#portfolio-options').fadeIn('slow').show();
		$('#portfolios-menu').fadeOut("slow").hide();
		if($('#contact').show())
			$('#contact').fadeOut("slow").hide();
		if($('#about').show())
			$('#about').fadeOut("slow").hide();
		menu_portfolio = 0;	
		picture = 1;
		
		var thumbnails_content = "";
		for(i = 1; i <= nbr_pictures_places; i++){
			thumbnails_content += "<img src='./pictures/thumbnails-small/"+portfolio+"/"+portfolio+"-"+i+".jpg' style=\"cursor:hand;\" onClick=\"thumbnails_change_picture("+i+");\"/>";
		}
		$('#thumbnails-display').html(thumbnails_content);
	});
	$('#portfolio-menu-lifestyle').click(function(){
		portfolio = "lifestyle";
		$('#next-picture').show();
		$('#prev-picture').show();
		$('#portfolio-options').fadeIn('slow').show();
		$('#portfolios-menu').fadeOut("slow").hide();
		if($('#contact').show())
			$('#contact').fadeOut("slow").hide();
		if($('#about').show())
			$('#about').fadeOut("slow").hide();
		menu_portfolio = 0;
		picture = 1;
		
		var thumbnails_content = "";
		for(i = 1; i <= nbr_pictures_lifestyle; i++){
			thumbnails_content += "<img src='./pictures/thumbnails-small/"+portfolio+"/"+portfolio+"-"+i+".jpg' style=\"cursor:hand;\" onClick=\"thumbnails_change_picture("+i+");\"/>"
		}
		$('#thumbnails-display').html(thumbnails_content);
	});
	$('#portfolio-menu-nature').click(function(){
		portfolio = "nature";
		$('#next-picture').show();
		$('#prev-picture').show();
		$('#portfolio-options').fadeIn('slow').show();
		$('#portfolios-menu').fadeOut("slow").hide();
		if($('#contact').show())
			$('#contact').fadeOut("slow").hide();
		if($('#about').show())
			$('#about').fadeOut("slow").hide();
		menu_portfolio = 0;
		picture = 1;
		
		var thumbnails_content = "";
		for(i = 1; i <= nbr_pictures_nature; i++){
			thumbnails_content += "<img src='./pictures/thumbnails-small/"+portfolio+"/"+portfolio+"-"+i+".jpg' style=\"cursor:hand;\" onClick=\"thumbnails_change_picture("+i+");\"/>"
		}
		$('#thumbnails-display').html(thumbnails_content);
	});
	$('#portfolio-menu-sport').click(function(){
		portfolio = "sport";
		$('#next-picture').show();
		$('#prev-picture').show();
		$('#portfolio-options').fadeIn('slow').show();
		$('#portfolios-menu').fadeOut("slow").hide();
		if($('#contact').show())
			$('#contact').fadeOut("slow").hide();
		if($('#about').show())
			$('#about').fadeOut("slow").hide();
		menu_portfolio = 0;
		picture = 1;
		
		var thumbnails_content = "";
		for(i = 1; i <= nbr_pictures_sport; i++){
			thumbnails_content += "<img src='./pictures/thumbnails-small/"+portfolio+"/"+portfolio+"-"+i+".jpg' style=\"cursor:hand;\" onClick=\"thumbnails_change_picture("+i+");\"/>"
		}
		$('#thumbnails-display').html(thumbnails_content);
	});
	// go to previous picture when portfolio selected and previous clicked
	$('#prev-picture').click(function(){
		if(portfolio != "" ){
			if(picture > 1){
				picture--;
			}
			else if(picture <= 1){
				switch(portfolio){
					case 'places':
						picture = nbr_pictures_places;
						break;
					case 'lifestyle':
						picture = nbr_pictures_lifestyle;
						break;
					case 'nature':
						picture = nbr_pictures_nature;
						break;
					case 'sport':
						picture = nbr_pictures_sport;
						break;
				}
			}
			wait_img_loaded("pictures/"+portfolio+"/"+portfolio+"-"+picture+".jpg");
		}
	});
	// go to previous picture when portfolio selected and left arrow is pressed
	$(document).keydown(function(e){
	    if (e.keyCode == 37) { //left arrow key nbr = 37
	       if(portfolio != "" ){
			if(picture > 1){
				picture--;
			}
			else if(picture <= 1){
				switch(portfolio){
					case 'places':
						picture = nbr_pictures_places;
						break;
					case 'lifestyle':
						picture = nbr_pictures_lifestyle;
						break;
					case 'nature':
						picture = nbr_pictures_nature;
						break;
					case 'sport':
						picture = nbr_pictures_sport;
						break;
				}
			}
			wait_img_loaded("pictures/"+portfolio+"/"+portfolio+"-"+picture+".jpg");
		}
	       return false;
	    }
	});
	
	
	// go to next picture when portfolio selected and next clicked
	$('#next-picture').click(function(){
		if(portfolio != "" ){
			if(	(portfolio == "places" && picture >= nbr_pictures_places) ||
				(portfolio == "lifestyle" && picture >= nbr_pictures_lifestyle) ||
				(portfolio == "nature" && picture >= nbr_pictures_nature) ||
				(portfolio == "sport" && picture >= nbr_pictures_sport)	){
				picture = 1;
			}
			else{
				picture++;
			}
			wait_img_loaded("pictures/"+portfolio+"/"+portfolio+"-"+picture+".jpg");
		}
	});
	// go to next picture when portfolio selected and right arrow is pressed
	$(document).keydown(function(e){
	    if (e.keyCode == 39) { //right arrow key nbr = 39
	       if(portfolio != "" ){
				if(	(portfolio == "places" && picture >= nbr_pictures_places) ||
					(portfolio == "lifestyle" && picture >= nbr_pictures_lifestyle) ||
					(portfolio == "nature" && picture >= nbr_pictures_nature) ||
					(portfolio == "sport" && picture >= nbr_pictures_sport)	){
					picture = 1;
				}
				else{
					picture++;
				}
				wait_img_loaded("pictures/"+portfolio+"/"+portfolio+"-"+picture+".jpg");
			}
	       return false;
	    }
	});
	$('#portfolio-options-thumbnails').click(function(){
		if($('#portfolio-options').is(':visible') && $('#portfolio-options').height() == 100){
			$('#prev-thumbnails').hide();
			$('#next-thumbnails').hide();
			$('#portfolio-options').hide().fadeIn('slow').css({'height':(14)+'px'});
			$('#thumbnails-display').hide();
			$('#thumbnails-div').hide();
		}
		else{
			$('#portfolio-options').hide().fadeIn('slow').css({'height':(100)+'px'});
			$('#prev-thumbnails').show();
			$('#next-thumbnails').show();
			$('#thumbnails-display').fadeIn('slow').show();
			$('#thumbnails-div').fadeIn('slow').show();
		}
	});
	$('#next-thumbnails').click(function(){
		$('#thumbnails-display').hide().fadeIn("slow").css({'left':(($("#thumbnails-display").position().left)-100)+'px'});
	});
	$('#prev-thumbnails').click(function(){
		$('#thumbnails-display').hide().fadeIn("slow").css({'left':(($("#thumbnails-display").position().left)+100)+'px'});
	});
	// Thumbnails click > display
	var nbre_pictures_this = 0;
	switch(portfolio){
		case 'places':
			nbre_pictures_this = nbre_pictures_places;
			break;
		case 'lifestyle':
			nbre_pictures_this = nbre_pictures_lifestyle;
			break;
		case 'nature':
			nbre_pictures_this = nbre_pictures_nature;
			break;
		case 'sport':
			nbre_pictures_this = nbre_pictures_sport;
			break;
	} 
});