$(document).ready(function(){
	
	
	
	$("div.panel").hide();
	$("div.film-body").hide();
	$("div#bottom_c").hide();	
	
	/*$("div.film-title h3").each(function(){
			$(this).append('<div class="loading"><img src="/assets/img/b-loader.gif" /></div>');
	})*/
	
	$("div.loading").hide();
	
	$("#film_detail div.panel, #film_detail div.film-body ").show();
	
	$("a.blank").click(function(){
		track('Outlink', 'Clicked', $(this).attr('href'));
	});
	
	$("h2 a").click(function(e){
			e.preventDefault();
			var section_name=$(this).html();
			//alert(section_name);
		
		if($('#bottom_c').hasClass("open")){
			$('#bottom_c').slideUp("slow");
			
		}
		
		if($('.loadRemote').hasClass("selected")){
 			$('.loadRemote').removeClass("selected");
 		}
		
		if ($(this).parents("h2").next("div.panel").hasClass("open")){
			$(this).parents("h2").next("div.panel").removeClass("open").slideUp("slow");
			track('Section', 'Close', section_name);
		} else {
			$("div.panel").slideUp("slow").removeClass("open");
			$(this).parents("h2").next("div.panel").slideDown("slow").addClass("open");
			track('Section', 'Open', section_name);
		}
		//$(this).next("div.panel").slideToggle("slow");
		$("div.film-body.open").removeClass("open").slideUp('slow');
		
	});
	
	$("div.film-title h3 a").click(function(event){
		
		var filmLink= $(this).attr('href');
		var targetSpace=$(this).parents("div.film-title").next("div.film-body-wrapper");
		var loadingGraphic=$(this).next("div.loading");
		var loadingClass=$(this).parents("div.film-title");
		var section_name=$(this).parents("div.panel").prev("h2").html();
		var filmName=$(this).html();
				
		if (targetSpace.hasClass("open")){
			targetSpace.slideUp("slow").removeClass("open");
			track('Film', 'Close', filmName + ' (' + section_name + ')');
		} else if(targetSpace.hasClass("loaded")){
			$("div.film-body-wrapper").slideUp("slow").removeClass("open");
			targetSpace.slideDown("slow").addClass("open");
			track('Film', 'Open', filmName + ' (' + section_name + ')');
		} else {
			
			loadingClass.addClass('lbar');
			/*loadingGraphic.show();*/		
			$("div.film-body-wrapper").slideUp("slow").removeClass("open");
			targetSpace.load(filmLink + " .film-body", '', 
	 		
	 				function(){
	   					/*loadingGraphic.hide();*/
	   					loadingClass.removeClass('lbar');
						targetSpace.slideDown("slow").addClass("open loaded");
						track('Film', 'Open', filmName + ' (' + section_name + ')');
						blank_links();
	   					
	   				});
			
		}
		event.preventDefault();
		
		
	});
	

 	
 	$("#footer a.loadRemote").click(function(){
 		
 		var loadLink= $(this).attr('href');
 		var section_name=$(this).html();
 		
 		if ($("div.panel").hasClass("open")){
 			$("div.panel").removeClass("open").slideUp("slow");
 		}
 		$("div.film-body.open").removeClass("open").slideUp('slow');
 		
 		
 		if($(this).hasClass("selected")){
 			$(this).removeClass("selected");
 			$('#bottom_c').removeClass("open").slideUp("slow", function() {
 				$('#footer ul').removeClass("selected");
 			});
 			
 		}else {
 			 
 			 
 			$('.loadRemote').removeClass("selected");
 			 $('#footer ul').removeClass("selected");
 			 if($('#bottom_c').hasClass("open")){
	 			$('#bottom_c').removeClass("open").slideUp("fast", function(){
	 				$('#bottom_c').load(loadLink + " #standard_content", '', 
	 		
	 				function(){
	   					$(this).slideDown("slow").addClass("open");
	   					track('Footer', 'Open', section_name);
	   					ajax_setup();
	   				});
	 			});
	 			
	 		} else{
	 			
	 			$('#bottom_c').load(loadLink + " #standard_content", '', 
	 		
	 			function(){
	   				$(this).slideDown("slow").addClass("open");
	   				ajax_setup();
	   			});
	 		}
	 		
	   		$(this).addClass("selected");
	   		$('#footer ul').addClass("selected");	
 		}
 		return false;
 		});
 		
 						
		blank_links();			


});

function ajax_setup(){	
	 	$('#footer #contact_form').submit(function(){ 
							$(this).preventDefault();
									});
							
		$("#footer #contact_form #cSubmit").click(function(){
		
			//// Check the values
					
					var hasError = false;
					var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
					
					$("span.error").remove();
					
					var emailToVal = $("#cEmail").val();
					
						if(emailToVal == '' || emailToVal == 'Email') {
	
							$("#cEmail").before('<span class="error">Hmmm - you might want to check that email field.<br/></span>');
							hasError = true;
						} else if(!emailReg.test(emailToVal)) {
							$("#cEmail").before('<span class="error">Hmmm - you might want to check that email field.<br/></span>');
							hasError = true;
						}
					
					var nameVal = $("#cName").val();
						if(nameVal == '') {
							$("#cName").before('<span class="error">That\'s not your name...<br/></span>');
							hasError = true;
						} 
					
					
					var messageVal = $("#cMessage").val();
						if(messageVal == '') {
							$("#cMessage").before('<span class="error">Stuck for something to say? Why not tell us your top five films?<br/></span>');
							hasError = true;
						} 
					/*if($('#cOptIn:checked').length) {
	 					
	 					var OptInVal="yes";
	 					
					}else{
						var OptInVal="no";
					}*/
					
					if(hasError == false) {
						
						$.post( 
						"/contact/send_json",
						{ cName : nameVal, cEmail: emailToVal, cMessage: messageVal} ,
				  		function(message){ 
					        		
					        		//$("#cForm").hide();
					        		$('#contact_form').slideUp('slow', function(){
					        			$('#response').append("<p>" + message.response_msg + "</p>");
					        			track('Contact', 'Send', message.success); 
					        			});
					    		
					    		},
					    "json"		    		
						);}
	
		
		return false;
		});
		
		blank_links();
	}

function blank_links(){
	$('a.blank').each(function(){
 			$(this).attr({target: "_blank", title:" Opens in a new window"});
 		});
}

function track(category, action, label, value ){
	pageTracker._trackEvent(category, action, label, value );
}