$(document).ready(function( ){
	
	/* Word Details Page Start */
	
	/* INITIALIZE PAGE START */
	$("div#work_single_container br").remove( );	
	var totalImages = 0;
	var speed = 500;
	if($("div#work_single_container img")) {
		$("div.work_single_selector div#indicator").html("<ul></ul>");
	}
	$("div#work_single_container img").each(function(i) {
		$("div.work_single_selector div#indicator ul").append('<li id="indicator_' + (i + 1) + '"><a href="javascript: void 0;"><span>' + ++totalImages + '</span></a></li>');
	});
    $("div.work_single_selector div#indicator ul").find("li:first").addClass("active");
	
	setTitle(1, speed);
	
	/* INITALIZE PAGE END */

	function shiftWork(nextNum, currentNum) {
		
		duration = speed * Math.abs(nextNum - currentNum);
		slideWidth = $("div#work_single_container img").width( );
		slidePadding = ($("div#work_single_container img").css("padding-left").slice(0, -2) * 1) + ($("div#work_single_container img").css("padding-right").slice(0, -2) * 1);
		shiftWidth = slideWidth + slidePadding;
		currentShift = 0 - (shiftWidth  * (nextNum - 1));
		$("div#work_single_container p").animate({left: currentShift + "px"}, {duration: duration}, true);		
		
		setTitle(nextNum, duration);
		
	}
	
	function setTitle(nextNum, duration) {

		var i = 1;
		var t;
		
		$("div#work_single_container img").each(function( ) {
			if(i == nextNum) {
				t = $(this).attr("description");
				
			}
			i++;
		});
		
		ot = t;
		t = "Page " + nextNum + "  of " + totalImages;
		if(ot != undefined) t = t + ": " + ot;
		
		$("div#work_single_header_text").fadeOut(duration / 2, function( ) {
			if(t == undefined) {
				$("div#work_single_header_text").empty( );	
			} else {
				$("div#work_single_header_text").html(t);
			}
			$("div#work_single_header_text").fadeIn(duration / 2);
		});
		
	}
	
	function setActive(num) {
		$("div.work_single_selector div#indicator li#indicator_" + num).attr("class", "active");
	}

	$("div.work_single_selector div#prev").click(function( ) {
					  
		currentFrame	= $("div.work_single_selector div#indicator li.active");
		currentNum		= currentFrame.text( ) * 1;
		currentFrame.attr("class", "");
		
		nextNum = ((currentNum - 1) < 1) ? totalImages : currentNum - 1;
		setActive(nextNum);
		shiftWork(nextNum, currentNum);
		
	});
	
	$("div.work_single_selector div#next").click(function( ) {

		currentFrame	= $("div.work_single_selector div#indicator li.active");
		currentNum		= currentFrame.text( ) * 1;
		currentFrame.attr("class", "");
		
		nextNum = ((currentNum + 1) > totalImages) ? 1 : currentNum + 1;
		setActive(nextNum);
		shiftWork(nextNum, currentNum);
		
	});
	
	$("div.work_single_selector li").click(function( ) {
		
		if($(this).attr("class") != "active") {
			currentFrame = $("div.work_single_selector div#indicator li.active");
			currentNum		= currentFrame.text( ) * 1;
			$("div.work_single_selector div#indicator li").attr("class", "");
			$(this).attr("class", "active");
			nextNum = $(this).text( ) * 1;
			shiftWork(nextNum, currentNum);
		}
		
	});
	
	/* Word Details Page End */

});