var show_nav = false;
var url = "";
var nav_area=false;
var nav_link = false;

var current_menu=0;
var myurl = "";

var dropdown_speed = 400;
var full_dropdown_speed = 800;
var slideout_speed = 800;
var fadein_speed = 800;
var full_height = 592;
var dropdown_height = 200;
var dropdown_width = 80;
var width_1 = 320;
var width_2 = 485;
var width_3 = 405;
var width_4 = 325;
var margin_1 = 240;

var product_section = 1;
var old_product_section=0;

var product_sex = "";

var running=false;
  

	   
$(document).ready(function () {

    
   	$(".fader").hide();
	fadeIn();
	
	//Temp for Twit
	$("#twittertext").hide();
	$("#twitterlink").hover(function(){ $("#twittertext").show();}, function(){ $("#twittertext").hide();});
	$("#twitterlink").click(function(e) {
		e.preventDefault();
	});
	    
     /** Main menu button is clicked **/
     $(".mainlink").click(function(e) {
		e.preventDefault();
	     	arr = $(this).attr("href").split("#");
	     	myid=arr[1];	
	     	
		if((myid!=current_section)) {

			if(running) return false;
			else {
				running = true;		
				url = arr[0];
				id=myid;
				fadeOut();
				setTimeout("runAnimation(current_section, id)", 1500);
			}
		}	
	});
	
	 $(".category").live("click", function(e) {
	     	e.preventDefault();
	     	arr = $(this).attr("href").split("#");
	     	product_section = parseInt(arr[1]);
	     	displayProducts(true);
	     	old_product_section = parseInt(product_section);
     	});
     	
      $(".mens").live("click", function(e) {
	     	e.preventDefault();
	     	product_sex = "male";
	     	displayProducts(true);

     	});    	
      $(".all").live("click", function(e) {
	     	e.preventDefault();
	     	product_sex = "";
	     	displayProducts(true);

     	});   
     	$(".womens").live("click", function(e) {
	     	e.preventDefault();
	     	product_sex = "female";
	     	displayProducts(true);

     	});   
 
 	$(".link").live("click", function(e) {
	     	e.preventDefault();
	     	fadeOut();
	     	myurl = $(this).attr("href");
	     	setTimeout("runAnimation(current_section, false)", 1500);
	     	//setTimeout("window.location.href='"+$(this).attr("href")+"'", 1000);
     	});   
     	
});

/********* FUNCTIONS ************/	
	
	function displayProducts(bg){
	
		$.ajax({
		  url: "/ajax/getSectionDesc.php?sid="+product_section,
		  context: $("#category_description"),
		  success: function(data){
		    $(this).html(data);
		   
		  }
		});
		
		$.ajax({
		  url: "/ajax/getProducts.php?sid="+product_section+"&sex="+product_sex,
		  context: $("#right_side"),
		  success: function(data){
		    $(this).html(data);
		    $("#scroller").jScrollPane({						
				verticalDragMinHeight: 16,
				verticalDragMaxHeight: 16,
				horizontalDragMinWidth: 31,
				horizontalDragMaxWidth: 31
			});
			/*$('.zoom').jqzoom({
				zoomType: 'innerzoom'
			  });*/
		  }
		});
	
		if(product_section != old_product_section) {
			
			switch(product_section) {
		     		case 2 :
		     			if(bg) {
		     			$("#background").fadeOut(500, function() {
		     				$("#background").css({"background-image" : "url('/images/original_back.jpg')"});
		     				$("#background").fadeIn(500);
		     			});
		     			}
					$(".category").css({"background-position" : "0px"});
				     	$(".original").css({"background-position" : "-60px"});
		     		     	break;
		     		case 3 :
		     		if(bg) {
		     			$("#background").fadeOut(500, function() {
		     				$("#background").css({"background-image" : "url('/images/riding_back.jpg')"});
		     				$("#background").fadeIn(500);
		     			});	
		     			}			
		     			$(".category").css({"background-position" : "0px"});
				     	$(".riding").css({"background-position" : "-60px"});
		     		break;
		     		case 4 :
		     		if(bg) {
		     			$("#background").fadeOut(500, function() {
		     				$("#background").css({"background-image" : "url('/images/shooting_back.jpg')"});
		     				$("#background").fadeIn(500);
		     			});
		     			}
		     			$(".category").css({"background-position" : "0px"});
				     	$(".shooting").css({"background-position" : "-60px"});
				break;
		     	}
		}
	     	
	     	switch(product_sex) {
	     		case "male" :
			 	$(".all").css({"background-position" : "0px"});
				$(".womens").css({"background-position" : "0px"});
	    			$(".mens").css({"background-position" : "-60px"});
	     			break;
	     		case "female" :
	     	       	$(".all").css({"background-position" : "0px"});
      			$(".mens").css({"background-position" : "0px"});
      			$(".womens").css({"background-position" : "-60px"});
	     			break;
			default :
	     		      $(".womens").css({"background-position" : "0px"});
      			$(".mens").css({"background-position" : "0px"});
      			$(".all").css({"background-position" : "-60px"});
	     			break;
	     		}
	}
	
function fadeIn() {
	$(".fader").fadeIn(1500);
}
	
function fadeOut() {
	$(".fader").fadeOut(1500);
}
	
function runAnimation(prev, next) {
	
	if(prev==0) {
		
	}
	else if(prev==1) {
		
		$("#nav_area_"+prev).animate({width: dropdown_width}, slideout_speed, function() {
			$("#nav_area_"+prev).animate({height: '0'}, full_dropdown_speed, function() {
				prev = 0;
				if(myurl) window.location.href = myurl;
			});
		});
		$("#top_slider").animate({width: dropdown_width}, slideout_speed);           		
	}
	else 	{
		$("#nav_area_"+prev).animate({width: dropdown_width}, slideout_speed, function() {
			$("#nav_area_"+prev).animate({height: '0'}, full_dropdown_speed, function() {
				prev = 0;
				if(myurl) window.location.href = myurl;
			});
		});
	}
	
	if(next==1){
				$.ajax({url : "/ajax/content.php?content=dropdown_collections", success : function(data) {
					$("#left_side").html(data);
					$("#nav_area_"+next).css({width: dropdown_width, height: 0});
					$("#nav_area_"+next+" > *").css({visibility:"hidden"});
					$("#nav_area_"+next).animate({height: full_height}, full_dropdown_speed, function() { 
						left = $("#nav_area_"+next).css("left");
						pos = $("#grid").position();
						leftpos = pos.left;
						//$("#top_slider").css({width: dropdown_width, left: 0, marginLeft: left });
						$("#top_slider").css({ width: dropdown_width});   
						$("#top_slider").animate({width:width_1}, slideout_speed);
						$("#nav_area_"+next).animate({width: width_1, marginLeft:'-240'}, slideout_speed, function(){	
						window.location.href =url;		
					}); 
					});
		}});
	}
	else if(next==2)
				$.ajax({url : "/ajax/content.php?content=dropdown_stockists", success : function(data) {
					$("#right_side").append(data);
					$("#nav_area_"+next).css({width: dropdown_width, height: 0});
					$("#nav_area_"+next+" > *").css({visibility:"hidden"});
					$("#nav_area_"+next).animate({height: full_height}, full_dropdown_speed, function() { 
					left = $("#nav_area_"+next).css("left");
					$("#top_slider").css({width: 0, left: 0, marginLeft: left});
					//$("#top_slider").animate({width: width_2}, slideout_speed);
					$("#nav_area_"+next).animate({width: width_2}, slideout_speed, function(){	
						window.location.href =url;		
					}); 
				});
			}});
	else if(next==3)
				$.ajax({url : "/ajax/content.php?content=dropdown_heritage", success : function(data) {
					$("#right_side").append(data);
					$("#nav_area_"+next).css({width: dropdown_width, height: 0});
					$("#nav_area_"+next+" > *").css({visibility:"hidden"});
					$("#nav_area_"+next).animate({height: full_height}, full_dropdown_speed, function() { 
					left = $("#nav_area_"+next).css("left") ;
					$("#top_slider").css({width: 0, left: 0, marginLeft: left});
					//$("#top_slider").animate({width: width_3}, slideout_speed);
					$("#nav_area_"+next).animate({width: width_3}, slideout_speed, function(){	
						window.location.href =url;		
					}); 
				});
		}});
	else if(next==4)
					$.ajax({url : "/ajax/content.php?content=dropdown_contact", success : function(data) {
					$("#right_side").append(data);
					$("#nav_area_"+next).css({width: dropdown_width, height: 0});
					$("#nav_area_"+next+" > *").css({visibility:"hidden"});
					$("#nav_area_"+next).animate({height: full_height}, full_dropdown_speed, function() { 
				left = $("#nav_area_"+next).css("left");
				$("#top_slider").css({width: 0, left: 0, marginLeft: left});
				//$("#top_slider").animate({width: width_4}, slideout_speed);
				$("#nav_area_"+next).animate({width: width_4}, slideout_speed, function(){	
						window.location.href =url;		
					}); 
				});		
			}});


}