// JavaScript Document

$(document).ready(function(){		
						   
		/*//set up galleries for "how" section
		$(function() {

			$('#text_advertising .catapult_gallery #advertising_slideshow').cycle({
				fx:      'scrollHorz',
				timeout:  5500,
				pager:   '#nav_text_advertising',
				pagerAnchorBuilder: pagerFactory
			});
			 $('#text_email .catapult_gallery .slideshow').cycle({
				fx:      'scrollHorz',
				timeout:  5500,
				pager:   '#nav_text_email',
				pagerAnchorBuilder: pagerFactory2
			});
		
			$('#text_websites .catapult_gallery .slideshow').cycle({
				fx:      'scrollHorz',
				timeout:  5500,
				pager:   '#nav_text_websites',
				pagerAnchorBuilder: pagerFactory3
			});
			
			$('#text_viral .catapult_gallery .slideshow').cycle({
				fx:      'scrollHorz',
				timeout:  5500,
				pager:   '#nav_text_viral',
				pagerAnchorBuilder: pagerFactory4
			});
			
			$('#text_trade .catapult_gallery .slideshow').cycle({
				fx:      'scrollHorz',
				timeout:  5500,
				pager:   '#nav_text_trade',
				pagerAnchorBuilder: pagerFactory5
			});
			
			
		
			function pagerFactory(idx, slide) {
				var s = idx > 5 ? ' style="display:none"' : '';
				return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
			};
			function pagerFactory2(idx, slide) {
				//alert(this);
				var s = idx > 5 ? ' style="display:none"' : '';
				return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
			};
			function pagerFactory3(idx, slide) {
				//alert(this);
				var s = idx > 5 ? ' style="display:none"' : '';
				return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
			};
			function pagerFactory4(idx, slide) {
				//alert(this);
				var s = idx > 5 ? ' style="display:none"' : '';
				return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
			};
			function pagerFactory5(idx, slide) {
				//alert(this);
				var s = idx > 5 ? ' style="display:none"' : '';
				return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
			};
		});*/
		
	
	//set up indicator 
	function setUp(){
	  if ($("#main_content").attr('class') == "content_index"){
		  var posX = 0;
	  }
	  else if ($("#main_content").attr('class') == "content_who"){
		  var posX = 0;
	  }else if ($("#main_content").attr('class') == "content_what clearfix"){
		  var posX = 237;
	  }
	  else if ($("#main_content").attr('class') == "content_how clearfix"){
		  var posX = 474;
	  }
	  else if ($("#main_content").attr('class') == "content_where clearfix"){
		  var posX = 711;
	  }
	  $("#indicator").css( { left:posX });
  
	}
	setUp()
	
	if ($("#main_content").attr('class') == "content_how clearfix"){
		$(".column4").hide().addClass('hidden');	
		$("#text_advertising").show().removeClass('hidden').addClass('visible');
		var choice2 = "advertising";
	   
	    $("#highlight_rollOver").hide().css('width','0px').css('top', -333).css('borderRight', '10px solid #c7ce00').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
		
		function checkChoice2(){
			switch(choice2)
				{
				case "websites":
				  $("#highlight_rollOver").hide().css('width','0px').css('top', -200).css('borderRight', '10px solid #c5df75').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				  break;
				case "viral":
				  $("#highlight_rollOver").hide().css('width','0px').css('top', -133).css('borderRight', '10px solid #e3447d').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				  break;
				case "email":
				  $("#highlight_rollOver").hide().css('width','0px').css('top', -266).css('borderRight', '10px solid #8a2b00').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				  break;
				case "advertising":
				  $("#highlight_rollOver").hide().css('width','0px').css('top', -333).css('borderRight', '10px solid #c7ce00').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				  break;
				case "trade":
				  $("#highlight_rollOver").hide().css('width','0px').css('top', -65).css('borderRight', '10px solid #2dafe8').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				  break;
				default:
				 $("#highlight_rollOver").hide().css('width','0px').css('top', -333).css('borderRight', '10px solid #c5df75').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				}
		}
		$("a#websites").hover(function(){
											$("#highlight_rollOver").hide().css('width','0px').css('top', -200).css('borderRight', '10px solid #c5df75').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
										
		}, function(){checkChoice2(); });
		
		$("a#viral").hover(function(){
											$("#highlight_rollOver").hide().css('width','0px').css('top', -133).css('borderRight', '10px solid #e3447d').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
		}, function(){checkChoice2(); });
		$("a#email").hover(function(){
											$("#highlight_rollOver").hide().css('width','0px').css('top', -266).css('borderRight', '10px solid #8a2b00').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
											
		}, function(){checkChoice2(); });
		$("a#advertising").hover(function(){
											$("#highlight_rollOver").hide().css('width','0px').css('top', -333).css('borderRight', '10px solid #c7ce00').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
		}, function(){checkChoice2(); });
		$("a#trade").hover(function(){
											$("#highlight_rollOver").hide().css('width','0px').css('top', -65).css('borderRight', '10px solid #2dafe8').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
		}, function(){checkChoice2(); });
		
		
		$("a#advertising").click(function(){
										  choice2 = "advertising";
										   $("#highlight_rollOver").css('top', -333).css('borderRight', '10px solid #c7ce00').css("width", "100%");
										   $("#highlight").fadeOut('fast', function() {
												$("#highlight").css('top', -333).fadeIn('slow');
											});
										   $(".visible").fadeOut('slow', function() {
											$(".visible").removeClass('visible').addClass('hidden'); 
											$("#text_advertising").removeClass('hidden').addClass('visible').fadeIn('fast');
										  });
										
		});
		$("a#email").click(function(){
										  choice2 = "email";
										  $("#highlight_rollOver").css('top', -266).css('borderRight', '10px solid #8a2b00').css("width", "100%");
										  $("#highlight").fadeOut('fast', function() {
												$("#highlight").css('top', -266).fadeIn('slow');
											});
										  $(".visible").fadeOut('slow', function() {
											$(".visible").removeClass('visible').addClass('hidden'); 
											$("#text_email").removeClass('hidden').addClass('visible').fadeIn('fast');
										  });	
										  
										
		});
		$("a#websites").click(function(){
									   	  choice2 = "websites";
										  $("#highlight_rollOver").css('top', -200).css('borderRight', '10px solid #c5df75').css("width", "100%");
										  $("#highlight").fadeOut('fast', function() {
												$("#highlight").css('top', -200).fadeIn('slow');
											});
										  $(".visible").fadeOut('slow', function() {
											$(".visible").removeClass('visible').addClass('hidden'); 
											$("#text_websites").removeClass('hidden').addClass('visible').fadeIn('fast');
										  });	
										  
										
		});
		$("a#viral").click(function(){
										  choice2 = "viral";
										  $("#highlight").fadeOut('fast', function() {
												$("#highlight").css('top', -133).fadeIn('slow');
											});
										  $(".visible").fadeOut('slow', function() {
											$(".visible").removeClass('visible').addClass('hidden'); 
											$("#text_viral").removeClass('hidden').addClass('visible').fadeIn('fast');
										  });	
										  
										
		});
		$("a#trade").click(function(){
											choice2 = "trade";
										   $("#highlight").fadeOut('fast', function() {
												$("#highlight").css('top', -65).fadeIn('slow');
											});
										  $(".visible").fadeOut('slow', function() {
											$(".visible").removeClass('visible').addClass('hidden'); 
											$("#text_trade").removeClass('hidden').addClass('visible').fadeIn('fast');
										  });	
		});
		
		
		
	}
	if ($("#main_content").attr('class') == "content_what clearfix"){
		$("a#advertising").attr("href", "#");	
		$(".column4").hide().addClass('hidden');
		$("#highlight_rollOver").css('top', -333).css('borderRight', '10px solid #c7ce00').css("width", "100%");
		$("#text_advertising").show().removeClass('hidden').addClass('visible');
		var choice = "advertising";
		function checkChoice(){
			switch(choice)
				{
				case "advertising":
				 $("#highlight_rollOver").hide().css('width','0px').css('top', -333).css('borderRight', '10px solid #c7ce00').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				  break;
				case "email":
				 $("#highlight_rollOver").hide().css('width','0px').css('top', -266).css('borderRight', '10px solid #8a2b00').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				  break;
				case "websites":
				 $("#highlight_rollOver").hide().css('width','0px').css('top', -200).css('borderRight', '10px solid #c5df75').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				  break;
				case "viral":
				  $("#highlight_rollOver").hide().css('width','0px').css('top', -133).css('borderRight', '10px solid #e3447d').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				  break;
				case "mobile":
				 $("#highlight_rollOver").hide().css('width','0px').css('top', -133).css('borderRight', '10px solid #edcd23').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				  break;
				case "trade":
				 $("#highlight_rollOver").hide().css('width','0px').css('top', -65).css('borderRight', '10px solid #2dafe8').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				  break;
				default:
				 $("#highlight_rollOver").hide().css('width','0px').css('top', -333).css('borderRight', '10px solid #c5df75').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
				}
		}
		$("a#advertising").hover(function(){
										 
											$("#highlight_rollOver").hide().css('width','0px').css('top', -333).css('borderRight', '10px solid #c7ce00').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
		}, function(){checkChoice(); });
		$("a#email").hover(function(){
											$("#highlight_rollOver").hide().css('width','0px').css('top', -266).css('borderRight', '10px solid #8a2b00').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
		}, function(){checkChoice(); });
		$("a#websites").hover(function(){
											$("#highlight_rollOver").hide().css('width','0px').css('top', -200).css('borderRight', '10px solid #c5df75').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
										
		}, function(){checkChoice(); });
		$("a#viral").hover(function(){
											$("#highlight_rollOver").hide().css('width','0px').css('top', -133).css('borderRight', '10px solid #e3447d').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
		}, function(){checkChoice(); });
		$("a#mobile").hover(function(){
											$("#highlight_rollOver").hide().css('width','0px').css('top', -133).css('borderRight', '10px solid #edcd23').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
		}, function(){checkChoice(); });
		$("a#trade").hover(function(){
											$("#highlight_rollOver").hide().css('width','0px').css('top', -65).css('borderRight', '10px solid #2dafe8').animate( { width:'100%' }, { queue:false, duration:200, easing:'swing' } );
		}, function(){checkChoice(); });
		
		
		$("#highlight").hide();
		$("a#advertising").click(function(){
										    choice = "advertising";
										   $("#highlight").fadeOut('fast', function() {
												$("#highlight").css('top', -401).fadeIn('slow');
											});
										  //$("#highlight").css("top", -401);
										  $(".visible").fadeOut('slow', function() {
											$(".visible").removeClass('visible').addClass('hidden'); 
											$("#text_advertising").removeClass('hidden').addClass('visible').fadeIn('fast');
										  });
										
		});
		$("a#email").click(function(){
										  choice = "email";
										  $("#highlight").fadeOut('fast', function() {
												$("#highlight").css('top', -333).fadeIn('slow');
											});
										  $(".visible").fadeOut('slow', function() {
											$(".visible").removeClass('visible').addClass('hidden'); 
											$("#text_email").removeClass('hidden').addClass('visible').fadeIn('fast');
										  });	
										  
										
		});
		$("a#websites").click(function(){
									     choice = "websites";
										  $("#highlight").fadeOut('fast', function() {
												$("#highlight").css('top', -266).fadeIn('slow');
											});
										  $(".visible").fadeOut('slow', function() {
											$(".visible").removeClass('visible').addClass('hidden'); 
											$("#text_websites").removeClass('hidden').addClass('visible').fadeIn('fast');
										  });	
										  
										
		});
		$("a#viral").click(function(){
									      choice = "viral";
										  $("#highlight").fadeOut('fast', function() {
												$("#highlight").css('top', -200).fadeIn('slow');
											});
										  $(".visible").fadeOut('slow', function() {
											$(".visible").removeClass('visible').addClass('hidden'); 
											$("#text_viral").removeClass('hidden').addClass('visible').fadeIn('fast');
										  });	
										  
										
		});
		$("a#mobile").click(function(){
									      choice = "mobile";
										   $("#highlight").fadeOut('fast', function() {
												$("#highlight").css('top', -133).fadeIn('slow');
											});
										  $(".visible").fadeOut('slow', function() {
											$(".visible").removeClass('visible').addClass('hidden'); 
											$("#text_mobile").removeClass('hidden').addClass('visible').fadeIn('fast');
										  });	
										  
										
		});
		$("a#trade").click(function(){
										  choice = "trade";
										   $("#highlight").fadeOut('fast', function() {
												$("#highlight").css('top', -65).fadeIn('slow');
											});
										  $(".visible").fadeOut('slow', function() {
											$(".visible").removeClass('visible').addClass('hidden'); 
											$("#text_trade").removeClass('hidden').addClass('visible').fadeIn('fast');
										  });	
										  
										
		});
	}
						   
	var counter = 0;
	
	
	
	
	$("#toHide").hide();
	
	$("#button_twitter").append('<div class="button_down"><span>Twitter<br />@catapultdigital.com</span></div>');
	
	$("#menu #who").append('<div class="bg_hover">Who</div>');
	$("#menu #what").append('<div class="bg_hover">What</div>');
	$("#menu #how").append('<div class="bg_hover">How</div>');
	$("#menu #where").append('<div class="bg_hover">Where</div>');
	$("#menu li").hover(
				function () {
					
					//$(this).css("backgroundImage", "url(file:///Macintosh%20HD/Users/deniszulian/agatas_projects/bookshop/built/images/hand_next_hover.png)");
					//$(this).addClass("hovered");
					$(this).find("a").animate({
						opacity: 0.05
					  }, 600, function() {
						// Animation complete.
					});
					
					if ($(this).attr('id') == "who"){
						var posX = 0;
					}else if ($(this).attr('id') == "what"){
						var posX = 237;
					}
					else if ($(this).attr('id') == "how"){
						var posX = 474;
					}
					else if ($(this).attr('id') == "where"){
						var posX = 711;
					}
					/*$("#indicator").animate({
						left: posX
					  }, 900,
					  'linear', true, 
					  function() {
					});*/
					$("#indicator").animate( { left:posX }, { queue:false, duration:1000, easing:'swing' } );
				  }, 
				  function () {
					//$(this).css("backgroundImage", "url(file:///Users/deniszulian/agatas_projects/bookshop/built/images/hand_next.png)");
					$(this).find("a").animate( { opacity:1 }, { queue:false, duration:500 } );
					if ($("#main_content").attr('class') == "content_index"){
						var posX = 0;
					}
					else if ($("#main_content").attr('class') == "content_who clearfix"){
						var posX = 0;
					}else if ($("#main_content").attr('class') == "content_what clearfix"){
						var posX = 237;
					}
					else if ($("#main_content").attr('class') == "content_how clearfix"){
						var posX = 474;
					}
					else if ($("#main_content").attr('class') == "content_where clearfix"){
						alert("where");
						var posX = 711;
					}
					$("#indicator").animate( { left:posX }, { queue:false, duration:1000, easing:'swing' } );
					/*$(this).find("a").animate({
						opacity: 1
					  }, 500, function() {
						// Animation complete.
					});*/
				  }
	);
	

	
});