$(document).ready(function(){
	var offset = -905;
	var position = 0;
	var slideTo = 0;

	$("#navigation .inactive a img").hover(
		function(){
			$(this).stop().animate({
				opacity:1
		      }, 400);
		},
		function(){
			$(this).stop().animate({
				opacity:0
		      }, 400);
		}
	);
	
	$("#submitButton").click(function(){
		
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		var address = $("#emailAddress").val();

		if(reg.test(address) == false) {
			alert('Please enter a valid email address');
	    	return false;
		}
		else{
			$.ajax({
				type: "POST",
				url: "/emailinsert.php",
				data: {
					email: address
				},
				success: function(response) {
					$("#newsletterSection").html("<img src='/img/newsletterSuccess.png' alt='Thank you!'>");
				},
				error: function(r, t, e) {
					alert(e);
				}
			});			
		}
	});
	
	$(".castNav li").click(function(event){
		event.preventDefault();
		
		if ( $(this).hasClass("active") ){
		
		}
		else{
			$(".castNav .active").removeClass("active").addClass("inactive");
			$(this).removeClass("inactive").addClass("active");
			
			slideTo = -400 * parseInt($(this).attr("rel"));
			$("#castSlider").stop().animate({
				top: slideTo
			}, 400);
			/*if ( $(this).hasClass("mediaToggle") ){
				$("#innerContest p").hide();
			}
			else {
				$("#innerContest p").hide();
			}*/
			
		}
	});
	
	
	$("#castList img").click(function(event){
		event.preventDefault();
		
		position = parseInt($(this).attr("rel"));
		slideTo = ( position - 1 ) * offset;
		$(".slider").stop().animate({
			left: slideTo
		}, 400);
	});
	
	$("#menu a").click(function(event){
		event.preventDefault();
		
		if ( $(this).hasClass("active") ){
		
		}
		
		else{
			$(".menucontainer .active").removeClass("active").addClass("inactive");
			$(this).removeClass("inactive").addClass("active");
			
			position = parseInt($(this).attr("rel"));
		slideTo = ( position ) * offset;
		$(".slider").stop().animate({
			left: slideTo
		}, 400);
			}
		
		
	});
	
	$("#creativeList a").click(function(event){
		event.preventDefault();
		
		position = parseInt($(this).attr("rel"));
		slideTo = position * -720;
		$("#creativeSlider").stop().animate({
			left:  slideTo
		}, 400);
	});
	
});