// JavaScript Document
$(document).ready(function(){	
	$('#menuCategories').accordion({ 
		active: false, 
		autoheight: false, 
		header: 'a.categoryLink'
	});
	
	$(".categoryLink").click(function(){
		$(".categoryLink").not(this).css("background-position", "0px 20px");
		if(!$(this).hasClass('sub')){
			$("#categoryHeader").html("<img src=\"themes/mireya/images/"+$(this).text().toLowerCase()+"_header.gif\">");
	}
	});
	
	$(".categoryLink").mouseover(function(){
		$(".categoryLink").removeAttr('style');	  	
	});
	
	$('.subAlbums').accordion({ 
		active: false, 
		autoheight: false, 
		header: 'a.sub'
	});
	
	/*$(".sub").click(function(){
		$(".sub").not(this).css("text-indent", "-9999px");
	});
	
	$(".sub").mouseover(function(){
		$(".sub").removeAttr('style');	  	
	});*/
	
	$("#menuGraphic").click(function(){											 
		$("#menuGraphic").hide();
		$("#menuCategories").fadeIn("normal", function(){
			if($.browser.msie == false){
				$("#menuCategories").bind("mouseleave", function(){
					$("#menuCategories").fadeOut("normal", function(){
						$("#menuGraphic").show();
					});
				});
			}			
		});
	});							
	
	$(".thumbLink").click(function(){
		if($("#flashIntro:visible")){
			$("#flashIntro").fadeOut("normal");
		}
								   
		$(".thumbLink").removeClass("activeThumb");
		$(this).addClass("activeThumb");
		$("#loading").show("normal");		
		$("#imageHolder > img").bind("load", function(){
			$("#imageContainer").html($("#imageHolder").html());
			$("#imageContainer").fadeIn("normal");
			$("#photoDescription").html($("#descHolder").html()).show();
			$("#loading").hide("normal");
			handleArrowDisplay();
		});
		$.getJSON("/public/"+$(this).attr("id")+".php", function(json){
			$("#imageHolder > img").attr('src', json.image.filename);
			$("#descHolder").html(json.image.description);			
		});
	});
	
	$("#bioLink,#contactLink").click(function(){
		if($("#flashIntro:visible")){
			$("#flashIntro").fadeOut("normal");
		}
		
		$("#loading").show("normal");
		$("#prevImage").hide("normal");
		$("#nextImage").hide("normal");	
		$("#photoDescription").hide("normal");
		$.getJSON("/public/"+$(this).attr("id").replace("Link", ""), function(json){
			$("#imageContainer").html(json.album.description);
			$("#imageContainer").fadeIn("normal");
			$("#loading").hide("normal");
		});
	});
			
	$("#prevImage").click(function(){								   
		$(".activeThumb").prev().click();				
		handleArrowDisplay();
	});
	
	$("#nextImage").click(function(){
		$(".activeThumb").next().click();
		handleArrowDisplay();
	});
	
	$("#Mireya_intro").bind("load", function(){
		alert($("#photoDescription").text());
	});
		
});

function handleArrowDisplay(){
	if(isFirstImage()){
		$("#prevImage").hide("normal");
		$("#nextImage").show();	
	}	
	else if(isLastImage()){
		$("#prevImage").show();	
		$("#nextImage").hide("normal");			
	}
	/* For albums with only one image */
	else if(isFirstImage() && isLastImage()){
		$("#prevImage").hide("normal");
		$("#nextImage").hide("normal");
	}
	else{
		if($("#nextImage:hidden")){
			$("#nextImage").show("normal");	
		}	
		if($("#prevImage:hidden")){
			$("#prevImage").show("normal");	
		}
	}
}

function isFirstImage(){
	return $("a.selected ~ div > a:first").hasClass("activeThumb");	
}

function isLastImage(){
	return $("a.selected ~ div > a:last").hasClass("activeThumb");	
}