$(document).ready(function(){

	//main menu

	//$(".link_exif").mouseover(function() {MenuHoverOver(20)});
	//$(".link_exif").mouseout(function() {MenuHoverOut(20)});	

	//$(".link_aboutus").mouseover(function() {MenuHoverOver(20)});
	//$(".link_aboutus").mouseout(function() {MenuHoverOut(20)});	
			

	//sliders

	
	$(".link_aboutus").click(function () {
		
		$("#info_container").load("info.php", function(){
			panelSliding("#info_container");
		  });
	});
	
	
	$(".link_exif").click(function () {
		
		$("#exif_container").load("exif.php", function(){

			$("#photo_description").load("photoload.php #description", { pictureid: pictureid });
			$("#comments").load("photoload.php #comments", { pictureid: pictureid });
			$("#add_comment").html("<a href='#' onclick=\"tb_open_new('add_comment.php?pictureid="+pictureid+"&TB_iframe=true&height=290&width=400&modal=true')\">Why don't add a new one?</a>");	
	
			panelSliding("#exif_container");
		 });  
	});	
	
	//ajax photoload

   //get latest photo
   LoadPhoto(pictureid);
   
   
   //hide previous link if first image appears
    
   	if(pictureid < 2){
			$(".previous_photo").fadeOut();
	}	
   
    //hide next photo link if last image appears
    
   	if(pictureid == maxid){
			$(".next_photo").fadeOut();
	}	  
   
   //previous photo load
   
	$(".previous_photo").click(function(){
	
	pictureid = pictureid-1;
	
		if(pictureid == 1){
			$(".previous_photo").fadeOut();
			$(".next_photo").fadeIn();	
		}	
		else {
			$(".previous_photo").fadeIn();
			$(".next_photo").fadeIn();			
		}
	
		LoadPhoto(pictureid);
			
	});
	
	//next photo load
	
	$(".next_photo").click(function(){
		
		pictureid = pictureid+1;
		
		if(pictureid > 1){
			$(".previous_photo").fadeIn();
		}	
		
		if(pictureid == maxid){
			$(".next_photo").fadeOut();
		
		}
		
		
		LoadPhoto(pictureid)

	});	
	
	
});


function LoadPhoto(pictureid)
{
	$('#loader > img').fadeOut("fast");
	$('#photo_wrapper').hide();
	$('.loading').show();
       		
    $(function () {
        var img = new Image();
        $(img).load(function () {
            //$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already
            $(this).hide();
			$('.loading').hide();
            $('#loader').append(this);
			$('#photo_wrapper').fadeIn();
            $(this).fadeIn();
        }).error(function () {
            // notify the user that the image could not be loaded
        }).attr('src', 'pics/'+pictureid+'.jpg');
		
    });

       
	$("#photo_overview").load("photoload.php #overview", { pictureid: pictureid },function(data){
           var pagetitle;
           pagetitle = $(this).text().replace("<div id=\"overview\>","").replace("</div>","");
          document.title = "Leikkipuisto.net // "+pagetitle;
        });


		$("#photo_description").load("photoload.php #description", { pictureid: pictureid });
		$("#comments").load("photoload.php #comments", { pictureid: pictureid });
		$("#add_comment").html("<a href='#' onclick=\"tb_open_new('add_comment.php?pictureid="+pictureid+"&TB_iframe=true&height=290&width=400&modal=true')\">Why don't add a new one?</a>");

      

	
	
}	


function tb_open_new(jThickboxNewLink){
	tb_show("Add new comment",jThickboxNewLink,null);
}


// menu hovers
function MenuHoverOver(menuLink)
{
	$(".main_menu_hover")
		.css({"left":"20px"},
		function(){
			$(".main_menu_hover").fadeIn("fast");
		});

}

function MenuHoverOut(menuLink)
{
	$(".main_menu_hover").fadeOut("fast");
}


function panelSliding(panelId)
{

	if ($(panelId).is(":hidden")) {

		$("#panel_common > *:visible").slideUp("slow");
		$(".panel_bottom").slideDown("slow");
		$(panelId).slideToggle("slow");
	}
	
	else {
	
		$("#panel_common > *:visible").slideUp("slow");
		$(".panel_bottom").slideUp("slow");	
	}

	
	
}