var TemplateMouseOver = 
{
	ShowDetail:true,
	AjaxRequest: false,
	CheckItemID:"",
	CheckObj:"",
	CheckTemplateName:"",
    addData : function (p, position)
    {	
		if(p != null)
		{
			$("div.MOwrapper").html("");
			if(p.Rows && parseInt(p.Rows.length) > 0)
			{  
				
				if(position == "right")
				{
					$("div.MOwrapper")
					.append('<div class="rightarrow"><img src= ' + p.SitePath +"/images/Right_arrow.png" +' alt="" /></div>')
					.append
					(
						$('<div class="rytbx"></div>')
						.append('<div class="tp white">'+p.ItemName+'</div>')
						.append
						(
							$('<div class="txtar"></div')
							.append('<div class="srow price"><div class="xt">$'+p.ItemPrice+' </div></div>')
							.append('<div class="est price"><div class="xt">Estimated Ship date  '+p.ItemEstimatedArrival+'  if Ordered Today By 3PM EST.</div></div>')
							.append('<div class="stk"><div class="gr_11"><strong>Stock Number  : ' + p.StockNumber+'</strong></div> <div class="rytx price_11">&nbsp;</div></div>')
						)
						
					);
				}
				else
				{
					$("div.MOwrapper")
					.append('<div class="leftarrow"><img src='+ p.SitePath + "/images/left_arrow.png" + ' alt="" /></div>')
					.append
					(
						$('<div class="rytbx"></div>')
						.append('<div class="tp white">'+p.ItemName+'</div>')
						.append
						(
							$('<div class="txtar"></div')
							.append('<div class="srow price"><div class="xt">$'+p.ItemPrice+'</div></div>')
							.append('<div class="est price"><div class="xt">Estimated Ship date  '+p.ItemEstimatedArrival+'  if Ordered Today By 3PM EST.</div></div>')
							.append('<div class="stk"><div class="gr_11"><strong>Stock Number  : ' + p.StockNumber+'</strong></div> <div class="rytx price_11">&nbsp;</div></div>')
						)
					);
				}
				$.each(p.Rows, function(i, Row)
				{
					if(Row.Text=="HEADING")
					{                    
						$("div.MOwrapper div.rytbx div.txtar").append('<div class="hd"><div class="price"><strong>'+Row.label+'</strong></div> </div>');
					}
					else
					{
						$("div.MOwrapper div.rytbx div.txtar").append('<div class="stp"><div class="gr_11"><strong>'+Row.label+'</strong></div> <div class="rytx price_11">'+Row.Text+'</div></div>');
					}
				});
			}
        }
        else
        {
            location.reload(true); 
        }
    },
    ShowMosueOver2:function(ItemID)
    {
		try
		{ 
      
			uc_CompareProduct.GetItemInformationForPopUp(parseInt(ItemID), function(res)
			{
				if(res.value == "error"){}
				else
				{
					var p = eval("("+res.value+")");
						
					TemplateMouseOver.addData(p);
					$("div.MOwrapper").show();
				}
			}); 
        }catch(e){}    
        
    },
    ShowMosueOver:function(ItemID, obj, TemplateName)
    {
		TemplateMouseOver.CheckItemID = ItemID;
		TemplateMouseOver.CheckObj = obj;
		TemplateMouseOver.CheckTemplateName = TemplateName;
		
		if(TemplateMouseOver.AjaxRequest==true) return;
		if(TemplateMouseOver.ShowDetail==false) return;
		try
		{
            if (uc_CompareProduct != null && typeof uc_CompareProduct != "undefined")
            {
				TemplateMouseOver.AjaxRequest=true;
				
				uc_CompareProduct.GetItemInformationForPopUp(parseInt(ItemID), function(res)
				{ 
					if(res.value == "error"){}
					else
					{       
						var p = eval("("+res.value+")");
						
						var offset = $(obj).offset();
						var position = "left";
						var divWidth = $("div.MOwrapper").width();
						
						if(offset.left < divWidth)
						{
							$("div.MOwrapper").css({"top":"" + (offset.top + 50) + "px","left":""+ (offset.left + 150) +"px"});
						}
						else if((screen.width - offset.left) < divWidth)
						{
							position = "right";
							$("div.MOwrapper").css({"top":"" + (offset.top + 50) + "px","left":""+ (offset.left - 350) +"px"});
						}
						else
						{
							position = "right";
							$("div.MOwrapper").css({"top":"" + (offset.top + 50) + "px","left":""+ (offset.left - 350) +"px"});
						}
						
						TemplateMouseOver.addData(p, position);
						//alert(TemplateMouseOver.CheckItemID);
						
						if(TemplateMouseOver.ShowDetail==true && TemplateMouseOver.CheckItemID == p.ItemID)
							$("div.MOwrapper").show();
						else if(TemplateMouseOver.ShowDetail==true && TemplateMouseOver.CheckItemID != "")
						{
							TemplateMouseOver.AjaxRequest=false;
							TemplateMouseOver.ShowMosueOver(TemplateMouseOver.CheckItemID,TemplateMouseOver.CheckObj,TemplateMouseOver.CheckTemplateName);
						}
						
					}
					TemplateMouseOver.AjaxRequest=false;
				});  
            }
            else
            {
                 location.reload(true); 
            }
		}catch(e){}
    },
    
    ShowMosueOut:function()
    {    
        TemplateMouseOver.CheckItemID = "";
		$("div.MOwrapper").hide();
    }
};

$(document).ready(function () 
{
  $("div.MOwrapper").hide();
    
});