$(function(){
		$("#nav a").click(function(){
			var f = $(this).attr("id").split("_")[0];

			$("body").attr("id", f);
			
			var b = $("#"+f+"_content").html();
			
			var c = $("#description");
			//c.removeAttr("class");
			c.html(b);
			//c.addClass(f);
		
		});
	
		$.ajax({
			type: "GET", 
			url: "getPhotos.aspx",
			datatype: "xml",
			success: load_set_photos
		});
		$("#close_photo").click(close_photo_overlay);
		
		
		if (document.location.toString().match("#")){
			var f = document.location.toString().split('#')[1];
			$("#"+f+"_nav").click();
		}
});


/*=====================================*/

var cur_photo_desc = "";

function load_set_photos(result){
	
	//$("#photos").children().remove();

	$(result).find("photo").each(
		function(){
			
			var cur_img = $("<img src=\""+ $(this).attr("t_url") +"\" />").appendTo("#photo_container");
			var med_url = $(this).attr("m_url");
			var o_url = $(this).attr("o_url");
			var id = $(this).attr("id");
			
			$(cur_img).click(
				function(){

					getPhotoInfo(id);

					var big_pic = $("#photo_overlay img");
					
					//inner size
					var x,y; 
					var xscroll, yscroll;

					if (window.innerHeight) 
					// all except Explorer 
					{ 
						x = window.innerWidth; 
						y = window.innerHeight; 
						yscroll = window.pageYOffset;
						xscroll = window.pageXOffset;
						//yscroll = window.scrollY;
						//xscroll = window.scrollX;
						maxy = window.scrollMaxY + y;
						maxx = window.scrollMaxX + x;
					} 
					else if (document.documentElement && document.documentElement.clientHeight) 
						// Explorer 6 Strict Mode 
					{ 
						x = document.documentElement.clientWidth; 
						y = document.documentElement.clientHeight;
						yscroll = document.documentElement.scrollTop;
						xscroll = document.documentElement.scrollLeft;
						maxy = document.documentElement.scrollHeight;
						maxx = document.documentElement.scrollWidth;
					} 
					else if (document.body) 
						// other Explorers 
					{
						x = document.body.clientWidth; 
						y = document.body.clientHeight; 
						yscroll = document.body.scrollTop;
						xscroll = document.body.scrollLeft;
						maxy = document.documentElement.scrollHeight;
						maxx = document.documentElement.scrollWidth;
					}
					
					$("#black_overlay").addClass("active_overlay");
					
					$("#black_overlay").css("height", maxy + "px");
					$("#black_overlay").css("width", maxx + "px");
					
					/*
					$("#black_overlay").css("height", "100%");
					$("#black_overlay").css("width", "100%");
					*/
					$("#loader_anim").addClass("active_overlay");
					$("#loader_anim").css("top", ((y-100)/2) + yscroll +  "px");
					$("#loader_anim").css("left", ((x-100)/2) + xscroll +  "px");			
					
					big_pic.load(function(){
						
						$("#photo_overlay").addClass("active_overlay");
						var top_c = (y - this.height)/2;
						var left_c = (x - this.width)/2;

						$("#photo_overlay").css("top", (top_c) + yscroll +  "px");
						$("#photo_overlay").css("left", (left_c) + xscroll +  "px");

						$("#loader_anim").removeClass("active_overlay");
						
						

					});
					
					big_pic.click(close_photo_overlay);
					big_pic.attr("src", med_url);
				}
			)
		}
	)
};
function close_photo_overlay(){
	$("#photo_overlay span").html("-");
	$("#black_overlay").removeClass("active_overlay");
	$("#photo_overlay").removeClass("active_overlay");
}
function getPhotoInfo(pid){
		
	$.ajax({
		type: "GET", 
		dataType: "text",
		url: "getPhotoInfo.aspx?pid=" + pid,
		datatype: "xml",
		success: load_photo_info
	});
	
};
function load_photo_info(result){
	result = result.replace(/\n/g, "<br />");
	$("#photo_overlay span").html(result);
}