/** Get division, convert asp to javascript **/
var division = '<%= division %>';

$(document).ready(function() {
	
						   
	/***************************************/
	/***** Menu Dropdown JQuery Script *****/
	/***************************************/
	
	function megaHoverOver(){
		$(this).find(".dropdown").stop().fadeTo('fast', 1).show();
	}
	
	function megaHoverOut(){ 
	  $(this).find(".dropdown").stop().fadeTo('fast', 0, function() {
		  $(this).hide(); 
	  });
	}
 
	var config = {    
		 sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)    
		 interval: 0, // number = milliseconds for onMouseOver polling interval    
		 over: megaHoverOver, // function = onMouseOver callback (REQUIRED)    
		 timeout: 90, // number = milliseconds delay before onMouseOut    
		 out: megaHoverOut // function = onMouseOut callback (REQUIRED)    
	};
 
	$("#mainmenu ul li .dropdown").css({'opacity':'0'});
	$("#mainmenu ul li").hoverIntent(config);
	
	
	/***************************************/
	/****** JQuery Cycle Plugin Init *******/
	/***************************************/
	
	$('#promo_container').cycle({
		fx:     'fade', 
		timeout: 6000,
		speed:   400,
		pause:   1,
		pager: '#slideshowNavPager',
		pagerAnchorBuilder: function(idx, slide) {
				return '<a><span>'+(idx+1)+'</span></a>';
			}		
	});
	
	$('#division_promos').cycle({
		fx:     'fade', 
		timeout: 6000,
		speed:   400,
		pause:   1
	});
	
	/*************************************************
	**** Product Detail Page (Image Replacement) *****
	*************************************************/
	
	$('.alt_images').hover(
		function() {    
			$(".image_title").css("visibility", "visible"); 
			default_image = $(".popup").attr("src");
			attribute = $(this).attr("src");
			image_title = $(this).attr("alt");
			
			$(".popup").attr("src", attribute);
			$(".image_title").html(image_title);
		},  
		function () {    
			$(".popup").attr("src", default_image); 
			$(".image_title").css("visibility", "hidden"); 
		}
	);
	
	/*************************************************
	****** Detail Page Product Features Height *******
	*************************************************/
 	$('.feature_col').each(function() {
									
		height = 0;		
		
		next_height = $('.feature_col').height();
		
		if (height < next_height)
		{
			height = next_height;
			
			$('.vertical_divider').height(height);
			
		} else {
			//Do Nothing
		}
		
	});
	
	/***************************************
	********** Division Dropdowns **********
	***************************************/
	$.fn.div_prod_listing = function(division) {    
	
		category = $('form#' + division + ' select option:selected').val();
		
		
		if (category == "/distributor/")
		{
			/* Clear Form Action */
			$('form#hazplus').attr('action', "");
			
			/* Link to distributor page */
			window.location.href = "/distributor/"; 
			
		} else if (category == "/hazplus/"){
			
			/* Clear Form Action */
			$('form#hazplus').attr('action', "");
			
			/* Link to distributor page */
			window.location.href = "/hazplus/"; 
			
		} else {
			/* Link to category page */
			if (category == "/custom_packaging.asp" || category == "/clearance_packaging.asp")
				window.location.href = category; 
			else
				window.location.href = "/" + division + "/" + category + "/"; 
		}
		
		
	}
	
	/***************************************
	********** Division Dropdowns **********
	***************************************/
	$.fn.go_to_page = function(division) {    
	
		category = $('form#' + division + ' select option:selected').val();
		window.location.href = category; 
		
	}
	
	/*********************************************
	****** Category Dropdown Search (Ajax) *******
	*********************************************/
	
	/** get the current page **/
	var currPage = window.location.pathname; 
	
	if (currPage == "/category_listing.asp")
	{
		$("#search_size").attr("disabled", true);	
	}

	/** On page load, get all options associated to category **/
	$("#search").ready( function (){
								  
		category = $("#search option:selected").val()
		
			$.ajax({
				type:"POST",
				url: "/dis/ajax_prod_options.asp",
				dataType: "JSON",
				data: {category: $("#search option:selected").val(),
					   division: division,
					   getOptions: "yes"},
				async: false,
				success: function(data){ 
					
					$("#search_size").html(data);
					
				}
			})
			
	});
	
	/** On category dropdown change, get all options associated to new category **/
	$("#search #search_category").change( function (){
									   
		$.ajax({
			type:"POST",
			url: "/dis/ajax_prod_options.asp",
			dataType: "JSON",
			data: {category: $("#search option:selected").val(),
				   division: division,
				   getOptions: "yes"},
			async: false,
			success: function(data){ 
				
				$("select#search_size").html(data);
				
				if (currPage == "/category_listing.asp")
				{
					$("#search_size").removeAttr("disabled");	
				}
				
			}
		})
		
	});
	
	/** On submit, exectue fucntion **/
	$("#search_submit").click( function (){
										 
		optionSize = $("#search_size option:selected").val();
		category = $("#search option:selected").val()								 
		
		/** if category and option size both exsist, execute query **/
		if ((category != "") & (optionSize != ""))
		{
			
			$.ajax({
				type:"POST",
				url: "/dis/ajax_prod_options.asp",
				dataType: "JSON",
				data: {category: $("#search option:selected").val(),
					   optionSize: optionSize,
					   division: division,
					   getProdOptions: "yes"},
				async: false,
				success: function(data){ 
					
					/** Get category value **/
					category = $('select#search_category option:selected').val();
					
					
					
					/** get division and cateogry in proper url **/
					baseAction = $('form#search').attr('action')
					baseAction = baseAction + category + "/";
					
					/** set action to division and category **/
					$('form#search').attr('action', baseAction);
			
					/** Submit Data **/
					$("#search #hidden_vals").html(data);
					
					
				}
			})
			
		 // If category exsist and option size dosnt exsist, execute ajax query
		} else if((category != "") & (optionSize == "")) {
			
			if (category == "/hazplus/")
			{
				//If Hazplus View All is selected, go to the landing page
				$('form#search').attr('action', "/hazplus/");
				
			} else if (category == "/distributor/"){
				
				//If Distributor View All is selected, go to the landing page
				$('form#search').attr('action', "/distributor/");	
			} else {
			
				$.ajax({
					type:"POST",
					url: "/dis/ajax_prod_options.asp",
					dataType: "JSON",
					data: {category: category,
							getAllProductsNoCookie: "yes"},
					async: false,
					success: function(data){ 
						
						/** get division and cateogry in proper url **/
						baseAction = $('form#search').attr('action')
						baseAction = baseAction + category + "/";
						
						/** set action to division and category **/
						$('form#search').attr('action', baseAction);
				
						/** Submit Data **/
						$("#search #hidden_vals").html(data);
						
					}
				})
			
			}
			
			
			
		} else {
		
			/*  Else submit page to self */
			$('form#search').attr('action', "");
		
		}
		
	});
	
	/*******************************************
	********** Designer LP Image Swap **********
	*******************************************/
	$("#designer_lp .prcoess_container").hover( function (){
		
		elementId = $(this).attr('id');
		
		switch (elementId)
		{
		  case "designer_concept":
		  		$("#designer_graph").css("background-image", "url(/images/designer_concept.png)");
				break;
		  case "designer_cad":
		  		$("#designer_graph").css("background-image", "url(/images/designer_cad.png)");
				break;
		  case "designer_manfacture":
		  		$("#designer_graph").css("background-image", "url(/images/designer_manufacture.png)");
				break;
		  case "designer_decorate":
		  		$("#designer_graph").css("background-image", "url(/images/designer_decorate.png)");
				break;
		  case "designer_package":
		  		$("#designer_graph").css("background-image", "url(/images/designer_package.png)");
				break;
		  case "designer_marketready":
		  		$("#designer_graph").css("background-image", "url(/images/designer_marketready.png)");
				break;
		  default:
		  		$("#designer_graph").css("background-image", "url(/images/designer_approach.png)");
		}
	},function (){
		$("#designer_graph").css("background-image", "url(/images/designer_approach.png)");
		
	});
	/*******************************************
	********** Image Preloader **********
	*******************************************/
	function preload(arrayOfImages) {     
		$(arrayOfImages).each(function(){         
			$('<img/>')[0].src = this;         
			// Alternatively you could use:         // (new Image()).src = this;     
		}); 
	} 
	
	
});