$(document).ready(function() {
	// Image Viewer for the Projects section
	
	$("#project_mainImage").prepend("<div class=\"caption\"></div>");
	$("#project_mainImage").append("<ul class=\"imgNav\"></ul>");
	$("div.caption").hide();
	
	var _imgCount = 0;
	$("#img_container img").each(function() {
		_imgCount++;
		var _altText = $(this).attr("alt"); 
		$(this).attr("id", "img_"+_imgCount).css({
			position: "absolute",
			display: "none",
			zIndex: "50"
		}).parent().css("height", "300px");
		if (_imgCount == 1) {
			$(this).addClass("activeIMG").css("display", "block");
			$(".imgNav").append("<li id=\"1\" class=\"activeCount\">1</li>");
			$("div.caption").append("<p id=\"caption_1\">"+ _altText +"</p>");
		} else {
			$(".imgNav").append("<li id=\""+ _imgCount +"\"><a href=\"#img_"+ _imgCount +"\">"+ _imgCount +"</a></li>");
			$("div.caption").append("<p id=\"caption_"+ _imgCount +"\">"+ _altText +"</p>");
			$("div.caption p#caption_"+_imgCount).hide();
		}		
	});
	
	$(".totalIMG").html(_imgCount);
	var _captionText = $("div.caption p#caption_1").html();
	if (_captionText != "") {
		$("div.caption").slideDown(500);
	}
	
	$(".imgNav a").live("click", function() {
		var _img = $(this).attr("href");
		var _img = '#' + _img.split('#')[1];
		var _imgNum = _img.replace("#img_", "");
		var _level = $(".activeIMG").css("z-index");
		_level++;
		var _lastNum = $(".activeCount").html();
		
		_captionText = $("div.caption p#caption_" + _imgNum).html();
		$("div.caption").slideUp(300);
		$("div.caption p").hide();
		
		$(".activeCount").wrapInner("<a href=\"#img_"+ _lastNum +"\"></a>").removeClass("activeCount");
		$(this).parent().empty().addClass("activeCount").html(_imgNum);
		$(_img).css("z-index", _level).fadeIn(400, function() {
			$(".activeIMG").hide().removeClass("activeIMG");
			if (_captionText != "") {
				$("div.caption").slideDown(400, function() {
					$("div.caption p#caption_" + _imgNum).show();
				});
			}
			$(this).addClass("activeIMG");
		});
		return false;
	});
	
	$(".more_projects_menu").click(function(){
		$(this).children("ul:visible").fadeOut().removeClass("active").parent().css("background-image", "url(images/btn_downArrow.gif)");
		$(this).children("ul:hidden").fadeIn().addClass("active").parent().css("background-image", "url(images/btn_upArrow.gif)");	
	});
	
	
					   
});