$(document).ready(function( ){

	/* Work Page Start */

	totalFrames = 4;
	slidesPerShift = 3;
	
	liHtml = "";
	for(i = 0; i < totalFrames; i++) {
		liHtml += '<li><a href="javascript: void 0;"><span>' + (i + 1) +'</span></a></li>';
	}
	$("div#work_head div#indicator ul").html(liHtml);
	$("div#work_head div#indicator ul li:first").attr("class", "active");
	$("div#work_head div#indicator ul li:first").attr("id", "first");
	
	function shiftWork(nextNum, currentNum) {
		duration = 1000 * Math.abs(nextNum - currentNum);
		slideWidth = $("ul.work li.slide").width( );
		slidePadding = ($("ul.work li.slide").css("padding-left").slice(0, -2) * 1) + ($("ul.work li.slide").css("padding-right").slice(0, -2) * 1);
		shiftWidth = (slideWidth + slidePadding) * slidesPerShift;
		currentShift = 0 - (shiftWidth  * (nextNum - 1));
		$("div#work_container").animate({left: currentShift + "px"}, {duration: duration});		
	}
	
	$("div.selector div#prev").click(function( ) {
								  
		currentFrame	= $("div.selector div#indicator li.active");
		currentNum		= currentFrame.text( ) * 1;
		currentFrame.attr("class", "");
		
		nextNum = ((currentNum - 1) < 1) ? totalFrames : currentNum - 1;
		$("div.selector div#indicator li:contains(" + nextNum + ")").attr("class", "active");
		shiftWork(nextNum, currentNum);
		
	});
	
	$("div.selector div#next").click(function( ) {

		currentFrame	= $("div.selector div#indicator li.active");
		currentNum		= currentFrame.text( ) * 1;
		currentFrame.attr("class", "");
		
		nextNum = ((currentNum + 1) > totalFrames) ? 1 : currentNum + 1;
		$("div.selector div#indicator li:contains(" + nextNum + ")").attr("class", "active");
		shiftWork(nextNum, currentNum);
		
	});
	
	$("div.selector div#indicator li").click(function( ) {
		
		if($(this).attr("class") != "active") {
			currentFrame = $("div.selector div#indicator li.active");
			currentNum		= currentFrame.text( ) * 1;
			$("div.selector div#indicator li").attr("class", "");
			$(this).attr("class", "active");
			nextNum = $(this).text( ) * 1;
			shiftWork(nextNum, currentNum);
		}
		
	});
	
	/*
	
	LEGACY CODE FOR TAB SYSTEM
	
	$("div#type_selector span.hit_area").click(function( ) {
		
		currentTab	= $(this).parent( ).parent( ).parent( );
		currentText	= currentTab.text( );
		
		$("div#type_selector > div:not(.clear)").attr("class", "unselected");
		currentTab.attr("class", "selected");
		
		if(currentText == "Client") {
			currentTab.next(".unselected").attr("class", "unselected_shadow_right");
		} else if(currentText == "Service") {
			currentTab.prev(".unselected").attr("class", "unselected_shadow_left");
		}
		
		currentFilter = "div#" + currentText.toLowerCase( ) + "_data";
		
		$("div.filter").attr("class", "filter hide_filter");
		$(currentFilter).attr("class", "filter show_filter");
		
	});
	
	*/
	
	/* Work Page End */

});