var Agent = jQuery.browser;


var ProductImagePreview = {};
ProductImagePreview.Version = 1;

ProductImagePreview.Init = function () {
  var li = $('#LargeImage');
  var fp = $('#FullPreview');
  var ip = $('#imagePopup');
	var pi = $('#productImage');
	var ht = $('#ProductInformation');
	var th = $('.Thumbnails');
	var ci = $('.Container.ItemDetail');
	var h  = ci.height()+20;
	fp.attr('src',ip.attr('href'));
  jQuery.each($('.thumbImage'), function () {
    $(this).click(function (event) {
      pi.attr('src', '/_AppData/Images/Detail/'	+ $(this).attr('id') + '.jpg');
			ip.attr('href','/_AppData/Images/Full/' 	+ $(this).attr('id') + '.jpg');
			fp.attr('src', ip.attr('href'));
    });
  });
  li.click(function (event) {
    li.hide();
		ci.height(h);
		th.show();
		ht.show();
  });
  ip.click(function (event) {
		ci.height(500);
		th.hide();
		ht.hide();
    li.show();
    if (Agent.msie) {
      event.cancelBubble = true;
    } else {
      event.stopPropagation();
    }
    return false;
  });
}


var MailingList = {};
MailingList.Version = 1;

MailingList.Init = function () {
  var ML = $('#MailingListEmail');
  ML.focus(function () {
    ML.val('');
    ML.css('color', '#000');
  });
}


var MenuRenderer = function(mData){
	$("#menuList").append(mData.menu);
}

$(document).ready(function () {
	var MenuScript = document.createElement('script');
	MenuScript.src = MenuSettings.loggedin ? "/_Lib/Js/Generated/Menu/"+MenuSettings.shop+"-"+MenuSettings.language+"_LoggedIn_Menu.js?ts="+MenuSettings.timestamp : "/_Lib/Js/Generated/Menu/"+MenuSettings.shop+"-"+MenuSettings.language+"_Menu.js?ts="+MenuSettings.timestamp;
	document.body.appendChild(MenuScript);
  ProductImagePreview.Init();
  MailingList.Init();
});


$.fn.animateHighlight = function(highlightColor, duration) {
	var highlightBg = highlightColor || "#FFFF9C";
	var animateMs = duration || 1500;
	var originalBg = this.css("backgroundColor");
	this.stop().css("background-color", highlightBg).animate({backgroundColor: originalBg}, animateMs);
};