function ImgError(source,imgPath){
    source.src = imgPath;
    source.onerror = "";
    return true;
}

$(function(){

//Barbie Dteail Page Ratings 
//$("#dnn_ctr475_MB_ViewMasterOfBarbieEvent_ucEventRating_ratingMusicEC  a").attr("href", "#ratingMusicEC");

//skipping tab to the remaining characters textbox by seting tabindex to large number
$('.remaining input').attr('tabindex', '10000').css('color','#333333');

//Download Button
$(".btnDownload").hover(function()
	{
    	$(this).addClass("btnDownloadHover");
	}, function()
	{ 
    	$(this).removeClass("btnDownloadHover");
    }
	);
	
		  

//Button hovers for ie6
$("#lnkRegister").hover(function(){
$(this).attr("src","Common/Image/Button/RegisterMasterOver.gif");
}, function(){
$(this).attr("src","Common/Image/Button/RegisterMaster.gif");
});

$("#lnkFind").hover(function(){
$(this).attr("src","Common/Image/Button/Find&RateOver.gif");
}, function(){
$(this).attr("src","Common/Image/Button/Find&Rate.gif");
});


$(".btnYes").hover(function(){
	$(this).attr("src","Common/Image/Button/Yes_lowOver.gif");
}, function(){ 
    $(this).attr("src","Common/Image/Button/Yes_low.gif");
     }
);

$(".btnMayBe").hover(function(){
	$(this).attr("src","Common/Image/Button/Maybe_lowOver.gif");
}, function(){ 
    $(this).attr("src","Common/Image/Button/Maybe_low.gif");
     }
);


$(".btnNo").hover(function(){
	$(this).attr("src","Common/Image/Button/No_lowOver.gif");
}, function(){ 
    $(this).attr("src","Common/Image/Button/No_low.gif");
     }
);

$(".FinishBtn").hover(function(){
	$(this).css("background-image","url(Common/Image/Button/FinishedOver.gif)");
}, function(){ 
    $(this).css("background-image","url(Common/Image/Button/Finished.gif)");
     }
);
$(".RegisterBtn").hover(function(){
	$(this).css("background-image","url(Common/Image/Button/MOTB_RegisterOver.gif)");
}, function(){ 
    $(this).css("background-image","url(Common/Image/Button/MOTB_Register.gif)");
     }
);
$(".SaveBtn").hover(function(){
	$(this).attr("src","Common/Image/Button/SaveOver.gif");
}, function(){ 
    $(this).attr("src","Common/Image/Button/Save.gif");
     }
);

$(".LoginBtn").hover(function(){
	$(this).css("background-image","url(Common/Image/Button/BtnLoginOver.gif)");
}, function(){ 
    $(this).css("background-image","url(Common/Image/Button/BtnLogin.gif)");
     }
);




$(".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'));
                }
);


$(".SaveForLater").hover(function(){
    
    $(this).css("background-image","url(Common/Image/Button/SaveforLaterOver.gif)");
}, function(){ 
                $(this).css("background-image","url(Common/Image/Button/SaveforLater.gif)");
                }
);

$(".SaveYourBBQ").hover(function(){
    
    $(this).css("background-image","url(Common/Image/Button/SumbityourBBQOver.gif)");
}, function(){ 
                $(this).css("background-image","url(Common/Image/Button/SumbityourBBQ.gif)");
                }
);


$(".NextBtn").hover(function(){
    //alert("hi");
    $(this).css("background-image","url(Common/Image/Button/NextOver.gif)");
}, function(){ 
                $(this).css("background-image","url(Common/Image/Button/Next.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"
				});	
				*/	
				
				/* Friends Caro on BBQ Details page*/
				$("#CaroFriends1").jCarouselLite({
					btnNext: "#RightButton",
					btnPrev: "#LeftButton",
	    			vertical: false,					
					visible: 4
				});
				
				/* 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_hitler 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, .MenuItems li a, .CaroList 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 ="' + xhrURL + '" 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;       
    }