$(document).ready(function() {
  var widthBrowser = $(window).width();
	var widthBrowserNew = 0;
	var imagesWidth = 920;
	var centered = (widthBrowser / 2) - (imagesWidth/ 2);
	var numItems = $("div.items").children().length;
	var iniX = -((imagesWidth + 10) * numItems) + centered - 5;
	var newX = 0;
	var curX = iniX;
	var currentSlide = 1;
	var slideDuration = 500;
	var goSlide = 0;
	var evaluateSlide = 0;
	var cloneLeft;
	var cloneRight;
	var navItem;

	/*Clone original left and right*/
	cloneLeft = $("#slider div.items > div")
	  .clone(true)
		.addClass("cloneLeft");
	cloneRight = $("#slider div.items > div")
	  .clone(true)
		.addClass("cloneRight");
	cloneRight.appendTo("#slider div.items");
	cloneLeft.prependTo("#slider div.items");
	
	/*Move Slide*/
	$("#slider div.items").css({left: iniX});
	
	/*Move Header*/
	$("#nav").css("margin-left", centered);
	
	/*Events*/
	$("#next").click(function () {
		if ($(":animated").length) {
      return false;
    }

	  currentSlide = navHandle(currentSlide, currentSlide+1);
	});

	$("#prev").click(function () {
		if ($(":animated").length) {
      return false;
    }

	  currentSlide = navHandle(currentSlide, currentSlide-1);
	});
	
  $("#nav ul li a").click(function () {
	  if ($(":animated").length) {
      return false;
    }
		
	  goSlide = parseInt(this.rel);
	  currentSlide = navHandle(currentSlide, goSlide);
	});
	
	function navHandle(cuS, goS) {
		//Change opacity
		$(".slide" + cuS).css("opacity", "0.3");

	  if(cuS == 1 && goS == 0) {
			$("#slider div.items")
			  .animate({left: "-=" + numItems * (imagesWidth+10)}, 0, function() {
	        //Move Left
			    $("#slider div.items")
				    .animate({left: "+=" + (imagesWidth+10)}, slideDuration, function() {});
			});

			$(".slide" + numItems).css("opacity", "1");
			return numItems;
		}
		else if(cuS == numItems && goS == numItems + 1) {
			$("#slider div.items")
			  .animate({left: "+=" + numItems * (imagesWidth+10)}, 0, function() {
	      //Move Right
			    $("#slider div.items")
				    .animate({left: "-=" + (imagesWidth+10)}, slideDuration, function() {});
			});
			
			$(".slide1").css("opacity", "1");
			return 1;
		}
		else {
			evaluateSlide = goS - cuS;
			if(cuS - goS == 0) {
				$(".slide" + cuS).css("opacity", "1");
				return cuS;
			}
			else if(cuS - goS < 0) { //Move Left
				$("#slider div.items")
				  .animate({left: "+=" + (-evaluateSlide * (imagesWidth+10))}, slideDuration, function() {});
					$(".slide" + goS).css("opacity", "1");
			}
			else if(cuS - goS > 0) { //Move Right
				$("#slider div.items")
				  .animate({left: "-=" + (evaluateSlide *  (imagesWidth+10))}, slideDuration, function() {});
					$(".slide" + goS).css("opacity", "1");
			}

			return goS;
		}
	}
	
	$(".slide2 div.drawer li a").click(function() {
		var numViews = 0;
		var i = 1;
		var viewClass = "";
		
	  drawerItem = $(this).attr("id");
		$(".slide2 div.caption p").css("display", "none");
		$(".slide2").css({'background-image':"url('images/portfolio/" + drawerItem + ".jpg')"});
		$(".slide2 div.caption p." + drawerItem).css("display", "inline");
		$(".slide2 div.drawer li a").removeClass("current");
		$(".slide2 div.drawer #" + drawerItem).addClass("current");
		
		if($(this).attr("class").substring(0, 1) == "v") {
		  $(".slide2 div.views").css("display", "inline");
			$(".slide2 div.views").empty();
			$(".slide2 div.views").append("Views");
			numViews = parseInt($(this).attr("class").substring(1));

			while(i <= numViews) {
			  if(i > 1) $(".slide2 div.views").append(" <a href='#' class='" + drawerItem + viewClass + "-" + i + "'>" + i + "</a>");
				else $(".slide2 div.views").append(" <a href='#' class='current " + drawerItem + viewClass + "'>" + i + "</a>");

			  i++;
			}
		}
		else $(".slide2 div.views").css("display", "none");
	});
	
	$(".slide2 div.views a").live("click", function() {
	  var viewItem = $(this).attr("class");
		
		if(viewItem.indexOf("current") != -1) exit;

	  $(".slide2").css({"background-image":"url('images/portfolio/" + viewItem + ".jpg')"});
		$(".slide2 div.views a").removeClass("current");
		$(this).addClass("current");
	});

	$("#nav-work li a").click(function() {
		navItem = $(this).attr("id").substring(0, 1);
		var numViews = 0;
		var i = 1;
		var viewClass = "";
		var posY = "";

		$(".slide2 h1.alt").css("display", "none");
		$(".slide2 div.drawer").css("display", "inline");
		$(".slide2 div.caption").css("display", "block").css("bottom", "0");
		$(".slide2 div.caption p").css("display", "none");
		$(".slide2 div.drawer ul").css("display", "none");
		$(".slide2 div.views").css("display", "none");
		$(".slide2").css({'background-image':"url('images/portfolio/" + navItem + "1.jpg')"}); 																													
		$(".slide2 div.caption p." + navItem + "1").css("display", "inline");
		
		//Highlight 1st item in drawer
		$(".slide2 div.drawer li a").removeClass("current");
		$(".slide2 div.drawer #" + navItem + "1").addClass("current");
		
		//Reset nav-work items
		$("#nav-work #identity").css("background-position", "0 0");
    $("#nav-work #collateral").css("background-position", "-94px 0");
    $("#nav-work #web").css("background-position", "-230px 0");
    $("#nav-work #environments").css("background-position", "-296px 0");
    $("#nav-work #advertising").css("background-position", "-465px 0");
    $("#nav-work #packaging").css("background-position", "-609px 0");
    $("#nav-work #specialty").css("background-position", "-738px 0");

		//Highlight nav-work item
		posY = $(this).css("background-position");
		posY = posY.substr(0, posY.indexOf("px")) + "px -25px";
		$(this).css("background-position", posY);

		if($("#" + navItem + "1").attr("class").substring(0, 1) == "v") {
			$(".slide2 div.views").css("display", "inline");
		  $(".slide2 div.views").empty();
		  $(".slide2 div.views").append("Views");
		  
		  numViews = parseInt($("#" + navItem + "1").attr("class").substring(1));
		  
		  while(i <= numViews) {
		    if(i > 1) $(".slide2 div.views").append(" <a href='#' class='" + navItem + "1" + viewClass + "-" + i + "'>" + i + "</a>");
				else $(".slide2 div.views").append(" <a href='#' class='current " + navItem + "1" + viewClass + "'>" + i + "</a>");

		    i++;
		  }
		}

		if($("#tab img").attr("alt") == "Click to open drawer") {
			$(".slide2 div.drawer").animate({width: "+=" + 235}, slideDuration, function() {
				$("#tab img").attr("alt", "Click to close drawer");
				$(".slide2 div.drawer ul." + navItem).css("display", "inline");
			});
		}
		else if($("#tab img").attr("alt") == "Click to close drawer") {
		  $(".slide2 div.drawer ul." + navItem).css("display", "inline");
		}
	});

	$("#tab img").click(function () {
	  if ($(":animated").length) {
      return false;
    }

	  if($("#tab img").attr("alt") == "Click to open drawer") {
			$("div .slide2 .drawer").animate({width: "+=" + 235}, slideDuration, function() {
				$("#tab img").attr("alt", "Click to close drawer");
				$(".slide2 div.drawer ul." + navItem).css("display", "inline");
			});
		}
		else if($("#tab img").attr("alt") == "Click to close drawer") {
		  $(".slide2 div.drawer ul").css("display", "none");
			$(".slide2 div.drawer").animate({width: "-=" + 235}, slideDuration, function() {
				$("#tab img").attr("alt", "Click to open drawer");
			});
		}
	});

	$('.slide3 li a').click(function () {
    person = $(this).attr("class");
    
		$(".slide3 div.text").hide();
		$(".slide3 div").removeClass("current");
		$(".slide3 div." + person).addClass("current");
	});
	
	$('.slide4 a.view').live("click", function() {
    $(".slide4 div.map").css({"display":"inline"});
		$(".slide4 div.map img").css({"margin-top":"182px"});
	});
});