
$(function(){


//Button hovers for ie6
$(".SubmitBtn").hover(function(){
    //alert("hi");
    $(this).css("background-image","url(Common/Image/Button/SubmitOver.gif)");
}, function(){ 
                $(this).css("background-image","url(Common/Image/Button/Submit.gif)");
                }
);
$(".PostBtn").hover(function(){
    //alert("hi");
    $(this).css("background-image","url(Common/Image/Button/PostButton_Hover.gif)");
}, function(){ 
                $(this).css("background-image","url(Common/Image/Button/PostButton.gif)");
                }
);


$(".SingupButton").hover(function(){
    var imgPath = $(this).find('img:first').attr('src');
			 
				$(this).find('img:first').attr('src',imgPath.replace('.gif','Over.gif'));
}, function(){ 
                var imgPath = $(this).find('img:first').attr('src');
                $(this).find('img:first').attr('src',imgPath.replace('Over.gif','.gif'));
                }
);





 //swap active image on hover of main menu
	var swapImage = function(){
		$('ul#PrimaryNav > li').hover(
			function(){
			 var imgPath = $(this).find('img:first').attr('src');
			 if($(this).hasClass('Selected')) return;
				else $(this).find('img:first').attr('src',imgPath.replace('.gif','Active.gif'));
			},
			function(){
			 var imgPath = $(this).find('img:first').attr('src');
			 if($(this).hasClass('Selected')) return;
				else $(this).find('img:first').attr('src',imgPath.replace('Active.gif','.gif'));
			}
		);
		$('ul#PrimaryNav > li.Selected').each(function(){
			var imgPath = $(this).attr('src');
			$(this).attr('src',imgPath.replace('.gif','Active.gif'));
		});
	}
	swapImage();
	
		//document ready	
		
	
		//hide all tabs other then first one into Tab div context
				$(".Tab:gt(0)",".Tabs").hide();
				$(".htabs li:eq(0)",".TabsW").show().addClass("activeTab");
				var len = $(".Tab:visible",".TabsW").length;
				//alert(len);
				var first = 0;
				/*Tab clicked
				============================*/
				$(".htabs a").click(function(){
					var liEle = $(this).closest("li");
					var listW = $(liEle).closest(".TabsW");
					var position = $(listW).find(".htabs li").index(liEle);
					$(".htabs li",listW).removeClass("activeTab").eq(position).addClass("activeTab");
					$(".Tab", listW).hide().eq(position).show();

					//going to link if href has value other then #
					if($(this).attr("href")=="#")
					{
						//console.log("dummy");
						return false;
					}
					else
					{
						//console.log("not dummy");
						return true;
					}					
				});
				
				/*Main news list hover script
				==================
				*/
				$(".MainStoryList h4 a").hover(function()
					{
						var liEle2 = $(this).closest("li");
						var setImg = $(this).closest(".inner").find(".MediaLink").attr("href");
						$(".NewsMedia img").attr("src",setImg);
						$(this).closest("ul.MainStoryList").find("li").removeClass("ActiveNews");
						$(liEle2).addClass("ActiveNews");

					},
				function(){
					//alert("blur");
				});
				
				//Gallery slider
				//======================
				/*
				$("#PhotoCarousel").jCarouselLite({
				visible: 5,
				btnNext: "#RightButton",
				btnPrev: "#LeftButton"
				});	
				*/		
				
				/* Dish Caro
				==============================*/
				 $("#FrameW1").jCarouselLite({
					btnNext: ".btnright1",
					btnPrev: ".btnleft1",
	    			vertical: false,
					visible: 1					
				});
				
				 
				 $("#FrameW2").jCarouselLite({
					btnNext: ".btnright2",
					btnPrev: ".btnleft2",
	    			vertical: false,
					visible: 1

				});
				 
				 $("#FrameW3").jCarouselLite({
					btnNext: ".btnright3",
					btnPrev: ".btnleft3",
	    			vertical: false,
					visible: 1

				});
				 
				 
				 /* Product Caro
				==============================*/
				$("#CaroW1 .CaroList").jCarouselLite({
					btnNext: ".right1",
					btnPrev: ".left1",
					vertical: false,
					visible: 1

				});
				
				$("#CaroW2 .CaroList").jCarouselLite({
					btnNext: ".right2",
					btnPrev: ".left2",
					vertical: false,
					visible: 1

				});
				
				$('.CaroList li a').click(function(){
				  var pageH = $("body").innerHeight();
		          var $overlay = $("<div class='Overlay'></div>").css({width:'100%',height:pageH,opacity:.7});
				  $overlay.appendTo("body");
				  var $page = $("<div class='Overlay1'><div id='Page'><a class='closeMarinadeDetail' href='#'><img alt='X' src='Common/Image/Button/MarinadesClose.gif' /></a><a class='viewAll' href='#'><img alt='View all marinades' src='Common/Image/Button/MarinadesView.gif' /></a></div></div>").css({width:863,height:pageH,opacity:1,position:'absolute',left:($overlay.width()/2)-430,top:50});
				  $page.appendTo("body");
				  var xhrURL = $(this).attr('href');
				  $.get(xhrURL,function(data){				  
					var $detailleftPane = $(data).find("div.leftPane");
					var $detailrightPane = $(data).find("div.rightPane");
					$detailleftPane.appendTo("#Page");
					$detailrightPane.appendTo("#Page");
					//$page.css({});
 				 });
				 $('a.closeMarinadeDetail,a.viewAll').click(function(){
					removeOverlay();
					return false;
				 })
				 
				 $(".viewAll").hover(function(){
    //alert("hi");
    var imgPath = $(this).find('img:first').attr('src');
			 
				$(this).find('img:first').attr('src',imgPath.replace('.gif','Over.gif'));
}, function(){ 
                var imgPath = $(this).find('img:first').attr('src');
                $(this).find('img:first').attr('src',imgPath.replace('Over.gif','.gif'));
                }
);
				 
				 return false;  
				});	
				
				var removeOverlay = function(){
				  $('.Overlay,.Overlay1').fadeOut(function(){
				   $('.Overlay,.Overlay1').remove();
				  })
				 }; 	
				
				$('.DishLinks li a, .FrameW li a').click(function(){
				    window.scrollTo(0,0);
					var pageH = $("body").innerHeight();
					var $overlay = $("<div class='Overlay'></div>").css({width:'100%',height:'1900px',opacity:.7});
					$overlay.appendTo("body");					
					var $page = $("<div class='Overlay1'><div id='BackgroundWRecepieDetails'></div></div>").css({width:860,height:1650,opacity:1,position:'absolute',left:($overlay.width()/2)-430,top:50});
					$page.appendTo("body");
					$('<a class="closeRecipeDetail" href="#"><img alt="" src="Common/Image/Button/RecipeClose.gif" /></a>').appendTo('#BackgroundWRecepieDetails');					
					
					var xhrURL = $(this).attr('href');
					var recipeid = xhrURL.substr(19);
					$('<iframe style="overflow: hidden; width:864px;" src ="RecipesDetail.aspx?'+recipeid+'" width="864" height="1650" frameborder="0" scrolling="no"></iframe>').appendTo('#BackgroundWRecepieDetails');
					$.get(xhrURL,function(data){
						var $detail = $(data).find("div.Frame");
						//$detail.appendTo("#BackgroundWRecepieDetails");
						//$overlay1.css({position:'absolute',left:($overlay.width()/2)-430,top:50});
					});
 				 
					$('a.closeRecipeDetail').click(function(){
						removeOverlay();
						return false;
					})
				
					return false;  
				});	

				var removeOverlay = function(){
				  $('.Overlay,.Overlay1').fadeOut(function(){
				   $('.Overlay,.Overlay1').remove();
				  })
				 };

	});
	
    function displayRecipe (str)
    {
     //alert(str);
		window.scrollTo(0,0);
		var pageH = $("body").innerHeight();
		var $overlay = $("<div class='Overlay'></div>").css({width:'100%',height:'1900px',opacity:.7});
		$overlay.appendTo("body");

		var $page = $("<div class='Overlay1'><div id='BackgroundWRecepieDetails'></div></div>").css({width:860,height:1650,opacity:1,position:'absolute',left:($overlay.width()/2)-430,top:50});
		$page.appendTo("body");
		$('<a class="closeRecipeDetail" href="#"><img alt="" src="Common/Image/Button/RecipeClose.gif" /></a>').appendTo('#BackgroundWRecepieDetails');					
		$('<iframe style="overflow: hidden; width:864px;" src ="RecipesDetail.aspx?recipeId='+str+'" width="864" height="1650" frameborder="0" scrolling="no"></iframe>').appendTo('#BackgroundWRecepieDetails');
 	 
		$('a.closeRecipeDetail').click(function(){
			removeOverlay();
			return false;
		})
		
		var removeOverlay = function(){
		$('.Overlay,.Overlay1').fadeOut(function(){
			$('.Overlay,.Overlay1').remove();
			})
		};

		return false;       
    }	
