var Comparedata=null;
var totalitemids="";
var g = 
{
    Load: false,
    CompareData:null,
    PageSize:3,
    SelectField :'',
    CompareTopLeftx :null,
    CompareTopLefty :null,
    compareWidth:null,
    compareHeight:null,
    It:null,
    CategoryID:null,    
    FeturedIds:'',
    SitePath:'',
    checkClickedVal:'',    
    addData : function ()
    {   
        if(!g.Load)
        {             
            $("#CompareDiv").html("");
            $("div.Cwrapper div.pHeader").html("");
            $('div.Cwrapper div.pHeader').append($("<div></div>").addClass("logo").append($("<img />").attr({"src": g.SitePath + "/images/PopUp/sp.gif"})));
            $.each(g.CompareData.RowHeaders, function(i, RowHeader)
            {
                if(RowHeader.label)
                    $('div.Cwrapper div.pHeader').append($("<div></div>").addClass("hd").append($("<div></div>").addClass("white1").append($("<strong></strong>").html(RowHeader.label))));
                
                if(RowHeader.Rows)
                $.each(RowHeader.Rows, function(i, Row)
                {
                    $('div.Cwrapper div.pHeader')
                    .append
                    (
                        $("<div></div>")
                        .addClass("nr")
                        .append
                        (
                            $("<div></div>").addClass("iimg").append($("<img />").attr({"src": g.SitePath + "/images/PopUp/gr_ar.gif"}))
                        )
                        .append
                        (
                            $("<div></div>").addClass("gr_11").html(Row.label)
                        )
                    )
                });
            });
            
            $.each(g.CompareData.Cells, function(i, cell)
            {
                $('#CompareDiv').addClass("CompareDiv").append($('<div></div>').attr({"id":"divItemID_"+cell.ItemID}));
                g.addSection(("divItemID_"+cell.ItemID),i, cell);
            });
        }
        
         $.each($("#CompareDiv .sc_rw"),function(i,ll)
         {
            if(parseInt(i+1) >= parseInt(g.CompareData.StartRecord) && parseInt(i+1) <= parseInt(g.CompareData.EndRecord))
            {
                $("#CompareDiv .sc_rw").eq(i).show("slow");
            }
            else
            {   
                $("#CompareDiv .sc_rw").eq(i).hide("slow");
            }
         });
    },
    
    div: function(){return "<div></div>";},
    
    addSection: function (ItemID,i, cell)
    {
        $("#"+ItemID).addClass("sc_rw").hide();
       
        $.each(cell.Sections, function(i, Section) 
        {   
            if(Section.label && Section.label=="Header")
            {
                g.addHeader(ItemID,Section,cell);
            }
            else if(Section.label)
            {
                g.addSectionLabel(ItemID,Section);
            }
            else
            {
                g.addRow(ItemID,Section);
            }
        });
        
       
    },
    addSectionLabel: function(ItemID,Section){$("#"+ItemID).append($("<div></div>").addClass("hd").append($("<img />").attr({"src":g.SitePath +"/images/PopUp/sp.gif"})));g.addRow(ItemID,Section);},
    addRow: function(ItemID,Section){$.each(Section.Rows, function(i, row) {$("#"+ItemID).append($("<div></div>").addClass("nr gr_11").html(row.Text))});},
    
    ComparePSPS:function(ItemID)
    {    

    },
    addHeader: function(ItemID,Section,cell)
    {
        if(Section.Rows && Section.Rows.length)
        {   
            $("#"+ItemID)
            .append
            (
                $("<div></div>")
                .addClass("prdt")
                .append
                (
                    $("<div></div>")
                    .addClass("pbx")
                )
                .append
                (
                    $("<div></div>")
                    .addClass("pbt")
                    .append
                    (
                        $("<div></div>")
                        .addClass("bt")
                        .append
                        (
                            (g.CompareData.View==true)?
                            (
                                $('<img />')
                                .css({"cursor":"pointer"})
                                .attr({"src":g.SitePath +"/images/PopUp/btn/view.gif"})
                                .click(function(){g.viewClick(cell.Featured,cell.CategoryID,cell.ItemID);})
                            )
                            :$('<span />')
                        )
                    )
                    .append
                    (
                        $("<div></div>")
                        .addClass("bt")
                        .append
                        (
                            (g.CompareData.Remove==true)?
                            (
                                $("<img />")
                                .attr({"src": g.SitePath +"/images/PopUp/btn/remove.gif"})
                                .css({"cursor":"pointer"})
                                .click(function(){g.Remove(ItemID,cell);})
                            )
                            :$("<span />")
                        )
                    )
                )
            );
            $.each(Section.Rows, function(i, row) 
            {
                //$("#"+ItemID+" div.prdt div.pbx").append($("<div></div>").addClass("img").css({"background-image":"url("+row.ImageUrl+")"})).append($('<div></div>').addClass("ptxt pd_10").html(row.Description));               
                $("#"+ItemID+" div.prdt div.pbx").append($("<div></div>").addClass("img").append($("<img />").attr({"src":row.ImageUrl}).attr({"width":"65"}).attr({"height":"65"}))).append($('<div></div>').addClass("ptxt pd_10").html(row.Description));                
            });
        }
    },
    
    Remove:function(ItemID,cell)
    {
        try
        {
			uc_CompareProduct.RemoveItemfromSession(ItemID);
			var formName=document.getElementById("aspnetForm");
			var temp = new Array(); 
			temp = ItemID.split('_');
			
			for(var i=0;i<formName.elements.length;i++)
			{
				if(formName.elements[i].type=="checkbox")
				{
					if(formName.elements[i].checked == true && formName.elements[i].name=="chkCompare")
					{
						var valuechk=formName.elements[i].value.split('!');
						try
						{                    
						   if(valuechk.indexOf(temp[1])>-1)
								 formName.elements[i].checked=false;               
						}
						catch(err){}
					}
					else if(formName.elements[i].checked == true)
					{
						var valuechk=formName.elements[i].value.split('!');
						try
						{
						   if(valuechk.indexOf(temp[1])>-1)
						   {
								 formName.elements[i].checked=false;               
						   }
						}
						catch(err){}
					}
				}
			} 
			g.CompareData.Cells = jQuery.grep(g.CompareData.Cells, function(value) 
			{
				return value != cell;
			});
			
			g.CompareData.TotalRecord = parseInt(g.CompareData.TotalRecord) -1;
			if(parseInt(g.CompareData.EndRecord)>parseInt(g.CompareData.TotalRecord))
			{
				g.CompareData.EndRecord = parseInt(g.CompareData.EndRecord) -1;
			}
			if((parseInt(g.CompareData.EndRecord)- parseInt(g.CompareData.StartRecord))==1 && (parseInt(g.CompareData.StartRecord)-1)>0)
			{
				g.CompareData.StartRecord = parseInt(g.CompareData.StartRecord)-1;
			}
			
			if(parseInt(g.CompareData.TotalRecord)<= parseInt(g.PageSize))
			{
				$("div.previous").css({"cursor":""}).hide();
				$("div.next").css({"cursor":""}).hide();
				if(g.CompareData.TotalRecord == 0 )
				{
					$("div.Cwrapper").hide("slow");  
				}
				else
				{
					var pTitleW = (parseInt($("div.Cwrapper div.pHeader").width())+(((parseInt(g.CompareData.TotalRecord)>parseInt(g.PageSize)?parseInt(g.PageSize):parseInt(g.CompareData.TotalRecord))*parseInt(167))+ (parseInt(g.CompareData.TotalRecord) + 1)));
					$("div.Cwrapper,div.Cwrapper div.pTitle,div.Cwrapper div.pFooter").css({"width":(pTitleW+"px")});
					$("div.Cwrapper").css({"height":$("div.Cwrapper").height()+"px"});
				}
			}
			$("#"+ItemID).remove();
			
			g.reLoadGrid();
        }catch(e){}
    },
    previousRecord: function()
    {
        if(parseInt(g.CompareData.StartRecord) == 1)
        {
             return;
        }
        else
        {
            g.CompareData.StartRecord = parseInt(g.CompareData.StartRecord) -1;
            g.CompareData.EndRecord = parseInt(g.CompareData.EndRecord) -1;
            g.addData(g);    
        }
        if(parseInt(g.CompareData.StartRecord) == 1) 
        {
            $("div.previous").hide();
        }
        if(parseInt(g.CompareData.EndRecord) < parseInt(g.CompareData.TotalRecord)) 
        {    
            $("div.next").show();                    
        }
    },
    nextRecord: function()
    {
        if(parseInt(g.CompareData.EndRecord) == parseInt(g.CompareData.TotalRecord)) 
        {                   
            return;
        }
        else
        {
            g.CompareData.StartRecord = parseInt(g.CompareData.StartRecord) +1;
            g.CompareData.EndRecord = parseInt(g.CompareData.EndRecord) +1;
            g.addData(g);    
        }
        if(parseInt(g.CompareData.EndRecord) == parseInt(g.CompareData.TotalRecord)) 
        {    
            $("div.next").hide();                    
        }
        if(parseInt(g.CompareData.StartRecord) > parseInt(1)) 
        {    
            $("div.previous").show();                    
        }
        
    },
    reLoadGrid: function()
    {
        g.addData(g);
    },
    viewClick: function(Featured,CategoryID,ItemID)
    {
        try
        {
			var SessionLCID;
			var sitePath ;
			var ClientIPAddress ;

			if(document.getElementById("ctl00_ContentPlaceHolder1_uc_CompareProduct_hdnLcid") != null)
			{
				SessionLCID= document.getElementById("ctl00_ContentPlaceHolder1_uc_CompareProduct_hdnLcid").value;
			}
			else
			{
				SessionLCID= document.getElementById("ctl00_ContentPlaceHolder1_UCCompareProduct1_hdnLcid").value;
			}
			if(document.getElementById("ctl00_ContentPlaceHolder1_uc_CompareProduct_hdnSitePath")!= null)
			{
				sitePath = document.getElementById("ctl00_ContentPlaceHolder1_uc_CompareProduct_hdnSitePath").value;
			}
			else
			{
				sitePath = document.getElementById("ctl00_ContentPlaceHolder1_UCCompareProduct1_hdnSitePath").value; 
			}
			if(document.getElementById("ctl00_ContentPlaceHolder1_uc_CompareProduct_hdnClientIPAddress") != null)
			{
				ClientIPAddress = document.getElementById("ctl00_ContentPlaceHolder1_uc_CompareProduct_hdnClientIPAddress").value;
			}
			else
			{
				ClientIPAddress = document.getElementById("ctl00_ContentPlaceHolder1_UCCompareProduct1_hdnClientIPAddress").value; 
			}
			uc_CompareProduct.calculationData(ItemID,CategoryID,Featured,SessionLCID,sitePath,ClientIPAddress,function(res)
			{
				window.location = res.value;
			});
		}catch(e){} 
    },  
    CompareBig:function()
    {     
		if (uc_CompareProduct != null && typeof uc_CompareProduct != "undefined") 
		{
			try
			{
				TemplateMouseOver.ShowDetail=false;
				$("#CompareDiv").html("");
				$("div.Cwrapper div.pHeader").html("");

           
				uc_CompareProduct.GetFormatItemDataForPopUp(function(res)
				{
					if(res.value!="")
					{
						g.Load= false;
						g.CompareData = eval('('+res.value+')');
						g.SitePath=g.CompareData.SitePath;
								
						g.addData();
							
						if(g.CompareData.TotalRecord>1)
						{
					   
							var TopLeft = $.fn.popCenter($("div.Cwrapper").width(),$("div.Cwrapper").height());
							$("div.Cwrapper").css({"top":""+TopLeft[0]+"px","left":""+TopLeft[1]+"px"}).fadeIn(1000, function() 
							{ 
									$(document).bind('keypress', function(e)
									{ 
										var code = (e.keyCode ? e.keyCode : e.which);
										if(code == 13 || code == 27) 
										{
											$("div.Cwrapper").fadeOut(500);TemplateMouseOver.ShowDetail=true;
											try
											{
												$(g.SelectField).show();
											}catch(e){}
											g.SelectField = "";
											$(document).unbind( "keypress" );
											//TemplateMouseOver.ShowDetail=true;
										}
									});
							});
							
						   
							if(parseInt(g.CompareData.TotalRecord)>parseInt(g.CompareData.PageSize))
							{                    
								$("div.previous").click(function(){g.previousRecord();}).css({"cursor":"pointer"});
								$("div.next").click(function(){g.nextRecord();}).css({"cursor":"pointer"});
							   $("div.next").show();
							}                
							$("div.Cwrapper div.tp_rw div.close").css({"cursor":"pointer"}).click(function(){$("div.Cwrapper").fadeOut(500);TemplateMouseOver.ShowDetail=true;try{$(g.SelectField).show();}catch(e){}; g.SelectField = "";});
							g.Load = true;
							
							var pTitleW = (parseInt($("div.Cwrapper div.pHeader").width())+(((parseInt(g.CompareData.TotalRecord)>parseInt(g.PageSize)?parseInt(g.PageSize):parseInt(g.CompareData.TotalRecord))*parseInt(167))+5));
							
						
						
							$("div.Cwrapper,div.Cwrapper div.pTitle,div.Cwrapper div.pFooter").css({"width":(pTitleW+"px")});
							
							$("div.Cwrapper").css({"height":$("div.Cwrapper").height()+"px"});
							 
						  
							
							var TopLeft = $.fn.popCenter($("div.Cwrapper").width(),$("div.Cwrapper").height());
							  
							$("div.Cwrapper").css({"top":""+TopLeft[0]+"px","left":""+TopLeft[1]+"px"});
							
							if(navigator.appName == "Microsoft Internet Explorer" )
							{
								var pHeight = parseInt($("div.Cwrapper").height()) - (parseInt($("div.Cwrapper div.pTitle").height())+ parseInt(35));
							}
							else
							{
								var pHeight = parseInt($("div.Cwrapper").height()) - (parseInt($("div.Cwrapper div.pTitle").height())+ parseInt($("div.Cwrapper div.pFooter").height()));
							}
							
							$("div.Cwrapper div.pHeader,div.Cwrapper div#CompareDiv").css({"height":(pHeight+"px")});
							
							var mystring = g.SelectField;
							 
							var nodes =  mystring.split(",");
									   
							$.each($("select"), function(i, sel)
							{   
								 
								var offset = $(sel).offset();                
								if(
									(
									parseInt(offset.top)>=parseInt(TopLeft[0]) && 
									parseInt(offset.top)<=(parseInt(TopLeft[0])+pHeight) && 
									parseInt(offset.left)>=parseInt(TopLeft[1]) &&
									parseInt(offset.left)<=(parseInt(TopLeft[1]) +parseInt($("div.Cwrapper").width()))
									)
									||
									(
									(parseInt(offset.top)+parseInt($(sel).height()))>=parseInt(TopLeft[0]) && 
									(parseInt(offset.top)+parseInt($(sel).height()))<=(parseInt(TopLeft[0])+pHeight) && 
									(parseInt(offset.left)+parseInt($(sel).width()))>=parseInt(TopLeft[1]) &&
									(parseInt(offset.left)+parseInt($(sel).width()))<=(parseInt(TopLeft[1]) +parseInt($("div.Cwrapper").width()))
									)
								)
								{
									$(sel).hide();
									g.SelectField += (g.SelectField=="")?("select[id='"+$(sel).attr("id")+"']"):(",select[id='"+$(sel).attr("id")+"']");
								}
							});
						}
						else
						{
							PopMessageBox.title = "Compare Product";
							PopMessageBox.message = "Please Select the Items for Comparision";
							PopMessageBox.ShowMessage();
						}
						 
					}
					else
					{
						PopMessageBox.title = "Compare Product";
						PopMessageBox.message = "Please Select the Items for Comparision";
						PopMessageBox.ShowMessage();
					}
				});

			}catch(e){}
		}
		else
		{
			location.reload(true); 
		}
    }
};
    
    
$(document).ready(function () 
{
    $("div.Cwrapper, div.previous,div.next").hide();
	
    $("img.compare_big").click(function(){g.CompareBig();});
    
    $("img.compare_small").click(function(){g.CompareBig();});
	
	$("input:checkbox").click(function()
	{        
		if(this.checked == true)
		{
			var chkCompare=$(this).val();             
			var checkId =this.id;
			if(checkId == "")
			{
				if(chkCompare != "")
				 {
					g.checkClickedVal = chkCompare;
					var ItemsIDs = chkCompare.split("!",1)+ "," ;;   
					g.FeturedIds = chkCompare.split("*",1) + "," ;
					var cat = chkCompare.lastIndexOf("*")
					var datalen = chkCompare.length;       
					g.CategoryID = chkCompare.substring(cat+1,datalen);       
					var compareValue = ItemsIDs +  g.CategoryID + "@";
					ItemsIDs = ItemsIDs.substr(0,ItemsIDs.length-1);
				  
					uc_CompareProduct.SetItemDataForPopUp(ItemsIDs,g.FeturedIds,g.CategoryID,compareValue,function(res){});
				 }
			}
			else
			{
				if(chkCompare != g.checkClickedVal)
				{
					g.checkClickedVal = chkCompare;
					var ItemsIDs = chkCompare.split("!",1)+ "," ;;   
					g.FeturedIds = chkCompare.split("*",1) + "," ;
					var cat = chkCompare.lastIndexOf("*")
					var datalen = chkCompare.length;       
					g.CategoryID = chkCompare.substring(cat+1,datalen);       
					var compareValue = ItemsIDs +  g.CategoryID + "@";
					ItemsIDs = ItemsIDs.substr(0,ItemsIDs.length-1);
				  
					uc_CompareProduct.SetItemDataForPopUp(ItemsIDs,g.FeturedIds,g.CategoryID,compareValue,function(res){});
				}
			}
		}
		else
		{
			var chkCompare=$(this).val();
			var ItemsIDs = chkCompare.split("!",1)+ "," ;   
			ItemsIDs = ItemsIDs.substr(0,ItemsIDs.length-1);
			uc_CompareProduct.removeSession(ItemsIDs,function(res){});
		}
	});
});