var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
$(document).ready(function(){
	var left = 0;
	var navLeft = 0;
	var inc = $(".container").width();
	if(!IE6){
		$("#portfolio .port-item").each(function(){
			$(this).css("margin-left",left+"px");
			$(this).css("display","block");
			left = left+$(this).width();
		});
	}
	var leftTotal = left;
	left = 0;
	$("#next").click(function(){
		left = left+inc;
		$("#back").removeClass("disabled");
		if(left < leftTotal){
			var cur = $(".navigation li.selected");
			cur.removeClass("selected");
			cur.next("li").addClass("selected");
			if(cur.position().left > 200){
				navLeft = navLeft + 200;
				$(".navigation").animate({ 
					marginLeft: "-"+navLeft+"px"
				  }, 1500 );
			}
			$("#portfolio-items").animate({ 
				marginLeft: "-"+(left)+"px"
			  }, 1500 );
			
			if((left + inc) == leftTotal){
				$("#next").addClass("disabled");
			}
		}else{
			left = left-inc;
		}
		return false;
	});
	$("#back").click(function(){
		left = left-inc;
		$("#next").removeClass("disabled");
		if(left >= 0){
			var cur = $(".navigation li.selected");
			cur.removeClass("selected");
			cur.prev("li").addClass("selected");
			navLeft = navLeft - 200;
			if(navLeft >= 102){
				$(".navigation").animate({ 
				marginLeft: "-"+navLeft+"px"
			  }, 1500 );
			}else{
				$(".navigation").animate({ 
				marginLeft: "102px"
			  }, 1500 );
			}
			$("#portfolio-items").animate({ 
				marginLeft: "-"+(left)+"px"
			  }, 1500 );
			if(left <= 102){
				$("#back").addClass("disabled");
			}
		}
		return false;
	});
	$(".navigation a").click(function(e){
		if($(".navigation a").index(this) != 0){
			$("#back").removeClass("disabled");
		}else{
			$("#back").addClass("disabled");
		}
		if(($(".navigation a").index(this)+1) != $(".navigation a").size()){
			$("#next").removeClass("disabled");
		}else{
			$("#next").addClass("disabled");
		}
		var go = ($(".navigation a").index(this)*inc);
		var cur = $(".navigation li.selected").removeClass("selected");
		$(this).parents("li").addClass("selected");
		navLeft = $(".navigation a").index(this)*150;
		if(navLeft >= 102){
			$(".navigation").animate({ 
					marginLeft: "-"+navLeft+"px"
				  }, 1500 );
		}else{
			$(".navigation").animate({ 
					marginLeft: "102px"
				  }, 1500 );
		}
		$("#portfolio-items").animate({ 
				marginLeft: "-"+(go)+"px"
			  }, 1500 );
		left = go;
		return false;
	});
	$("#email-address").click(function(){
		if($(this).val() == "Your email address"){
			$(this).val("");
			$(this).css("color","black");
		}
	});
	$("#email-address").blur(function(){
		if($(this).val() == ""){
			$(this).val("Your email address");
			$(this).css("color","#666666");
		}
	});
	$("#code-sample").submit(
		function(){
			$.ajax({
				url: "email.php?email="+$("#email-address").val(),
				method: "get",
				success: function(){
					$("#code-sample").empty();
					$("#code-sample").append("<p><strong>Thanks!</strong> We will be emailing you shortly with a code sample.</p>");
				}
			});
			return false;
		});
});

var twitterCallback = function(o){
		o = o[0]; // o is always an array, so just get the first (and only entry)
		var text = o.text.replace(/(http:\/\/)(.*)/gi, '<a href="$1$2">$1$2</a>');
		$("#tweet").append(text);
}