$(document).ready(function() {			   
		$('#menuProduct').load('/ssi/verticalmenu.html', function() {

				//Start featured product loading area //
				  $.ajaxSetup({ cache: false });
			
				  //Lets do a ajax Load //
					$.get("/products/featured/protein.html", function(data) {
						$("#protein").html(data);				
					});
					$.get("/products/featured/creatine.html", function(data) {
						$("#creatine").html(data);				
					});
					$.get("/products/featured/aminoacids.html", function(data) {
						$("#aminoacids").html(data);				
					});
					$.get("/products/featured/weightloss.html", function(data) {
						$("#weightloss").html(data);				
					});
					$.get("/products/featured/thermogenics.html", function(data) {
						$("#thermogenics").html(data);				
					});
					$.get("/products/featured/preworkout.html", function(data) {
						$("#preworkout").html(data);				
					});
					$.get("/products/featured/postworkout.html", function(data) {
						$("#postworkout").html(data);				
					});
					$.get("/products/featured/testosterone.html", function(data) {
						$("#testosterone").html(data);				
					});
					$.get("/products/featured/massgainer.html", function(data) {
						$("#massgainer").html(data);				
					});
					$.get("/products/featured/smartprotein.html", function(data) {
						$("#smart").html(data);				
					});
					$.get("/products/featured/stacks.html", function(data) {
						$("#stacks").html(data);				
					});
					$.get("/products/featured/multi.html", function(data) {
						$("#multi").html(data);				
					});
				 //End Ajax Load
				  
			//When Hovering over main menu we should do a ajax load for the featured item
			$('.featureLoad').each(function(index){ 
			
					//Start Hover over out
					$(this).hover(
					  function () {    
					  
					  //Will Grab the ajax file needed to be loaded
					  var urlString=$(this).attr('href');
					  var poundIndex=$(this).attr('href').indexOf('#');
					  var pageLoad=$(this).attr('rel');
					  var layerID=urlString.substring(poundIndex,urlString.length)
					
						//Lets do a ajax Load //
						$.get(pageLoad, function(data) {
							$(layerID).html(data);	
							  
							  $("#menuProduct .loading").hide();
							  
								//Once layer is loaded we will replace the fonts 
								
						});
						 //End Ajax Load
						 
					  }, 
					  function () {
						  
						  //Lets do a ajax unLoad //
						$(layerID).unload(pageLoad, function(){});
						$(layerID +" .loading").show();
						 //End Ajax unLoad
						
					
					  }
					);//End Hover over and out// 							 
			
			}); //End for each function//
			
	});//End Vertical ajax load
		   
		   
}); //End Document ready