$(document).ready(function() {
 
	var sliderWidth = $("#photo").width();

	$("#navigation ul a").bind("click", function() {
		var clickedHash = this.id.split("page")[1];
		$("#navigation ul a").removeClass("highlight");
		$("#navigation ul a").addClass("switcher-num");
 
		$("#navigation ul a").each(function() {
			var navHash = this.id.split("page")[1];
			if (clickedHash === navHash) {
				$(this).addClass("highlight");
				$(this).removeClass("switcher-num");
				}
		});
		move(clickedHash);
		return false;
	});
 
	var t = setInterval(next, 5000);
	$("#play").bind("click", function() {play();return false;});
	$("#pause").bind("click", function() {pause();return false;});
	
	function play()
	{
		$("#play").removeClass("play-pause-show");
		$("#play").addClass("play-pause-hide");
		$("#pause").removeClass("play-pause-hide");
		$("#pause").addClass("play-pause-show");
		t = setInterval(next, 5000);
		next();
	}
	
	function pause() {
		$("#pause").removeClass("play-pause-show");
		$("#pause").addClass("play-pause-hide");
		$("#play").removeClass("play-pause-hide");
		$("#play").addClass("play-pause-show");
		clearInterval(t);
	}
	
	$(".prev-next").bind("click", function() {
	   if ($(this).attr("id") === "prev") {
			prev();
		} else {
			next();
		}
		return false;
	});
 
	function next() {
		var pnItem, activeItem;
		activeItem = $('#hover-box ul li a.highlight')[0].id.split("page")[1];
		activeItem = parseInt(activeItem, 10);
		pnItem = 0;
		if (activeItem === 6) {
			pnItem = 1;
		} else {
			pnItem = activeItem + 1;
		}
		move(pnItem);
	}
	
	function prev() {
		var pnItem, activeItem;
		activeItem = $('#hover-box ul li a.highlight')[0].id.split("page")[1];
		activeItem = parseInt(activeItem, 10);
		pnItem = 0;
		if (activeItem === 1) {
			pnItem = -1;
		} else {
			pnItem = activeItem - 1;
		}
		move(pnItem);
	}

	function move(pnItem) {
		$("#navigation ul a").removeClass("highlight");
		$("#navigation ul a").addClass("switcher-num");

		if (pnItem == 6)
		{
			$("#page1").removeClass("switcher-num");
			$("#page1").addClass("highlight");
		}
		else if (pnItem == -1)
		{
			$("#page5").removeClass("switcher-num");
			$("#page5").addClass("highlight");
		}
		else
		{
			$("#page"+pnItem).removeClass("switcher-num");
			$("#page"+pnItem).addClass("highlight");
		}
		if (pnItem == 6) {
			var marginSetting = sliderWidth*pnItem-sliderWidth;
			$("#photo ul").animate({marginLeft: "-"+marginSetting+"px"}, 500, function() {$("#photo ul").animate({marginLeft: "0px"},1);});
		}
		else if (pnItem == -1) {
			var marginSetting = sliderWidth*6-sliderWidth;
			var marginSetting2 = sliderWidth*5-sliderWidth;
			$("#photo ul").animate({marginLeft: "-"+marginSetting+"px"}, 1, function() {$("#photo ul").animate({marginLeft: "-"+marginSetting2+"px"},500);});
		}
		else if (pnItem > 1) {
			var marginSetting = sliderWidth*pnItem-sliderWidth;
			$("#photo ul").animate({marginLeft: "-"+marginSetting+"px"}, 500);
		} else {
			$("#photo ul").animate({marginLeft: "0px"}, 500);
		}
	}
});