var TodayBrowserGoodsJson = {Obj:[]}; 
 var MAX_IMAGE_COUNT = 20;
 var AddScrollImgsObj = function(obj){
    this.WriteTodayCookie = function(){
        var names = new Array();
        var urls = new Array();
        var imgs = new Array();
        var prices = new Array();
        for(var i=0;i<TodayBrowserGoodsJson.Obj.length;i++){
            names.push(TodayBrowserGoodsJson.Obj[i].GoodsName);
            urls.push(TodayBrowserGoodsJson.Obj[i].URL);
            imgs.push(TodayBrowserGoodsJson.Obj[i].Img);
            prices.push(TodayBrowserGoodsJson.Obj[i].Price);
        }
        $.cookie("GoodsName",escape(names.join('|')),{expires:1});
        $.cookie("GoodsUrl",escape(urls.join('|')),{expires:1});    
        $.cookie("GoodsImg",escape(imgs.join('|')),{expires:1});    
        $.cookie("GoodsPrice",escape(prices.join('|')),{expires:1});        
    }
    this.ReadTodayCookie = function(){        
        var names = unescape($.cookie("GoodsName")==null?"":$.cookie("GoodsName")).split("|");
        var urls = unescape($.cookie("GoodsUrl")==null?"":$.cookie("GoodsUrl")).split("|");
        var imgs = unescape($.cookie("GoodsImg")==null?"":$.cookie("GoodsImg")).split("|");
        var prices = unescape($.cookie("GoodsPrice")==null?"":$.cookie("GoodsPrice")).split("|");
        TodayBrowserGoodsJson.Obj = new Array();
        for(var i=0;i<names.length;i++)
            if(names[i]!=""&&urls[i]!="")
                TodayBrowserGoodsJson.Obj.push({GoodsName:names[i],URL:urls[i],Img:imgs[i],Price:prices[i]});
    }
    this.ReadTodayCookie();    
    if(obj==null) return;
    var isAdd = true;
    if(TodayBrowserGoodsJson.Obj.length<MAX_IMAGE_COUNT){
        for(var i=0;i<TodayBrowserGoodsJson.Obj.length;i++){
            if(TodayBrowserGoodsJson.Obj[i].URL!=undefined&&TodayBrowserGoodsJson.Obj[i].URL==obj.URL){
                isAdd = false;
                break;
            }
        }      
    }
    else{
        TodayBrowserGoodsJson.Obj.splice(0,1);
        for(var i=0;i<TodayBrowserGoodsJson.Obj.length;i++){
            if(TodayBrowserGoodsJson.Obj[i].URL!=undefined&&TodayBrowserGoodsJson.Obj[i].URL==obj.URL){
                isAdd = false;
                break;
            }
        }
    } 
    if(isAdd){
        TodayBrowserGoodsJson.Obj.push(obj);
        MyScrollImgClass.Init();
        this.WriteTodayCookie();
    }
 }
 var GetScrollImgsObj = function(){
    return  TodayBrowserGoodsJson;
 };
 var ScrollObject = GetScrollImgsObj();
 $("#test").css('display','none');
 var ScrollImgClass = function(){
    var ThumbnailsFolder = "/App_Themes/Theme/Images/Goods/Thumbnails/";
    var indexNum = 0;
    var iNum = 0;    
    var MODIFY_SIZE = 100;  
    var CONTAINER_TOP = 120;
    var ie6 = false; 
    this.GetMaxImageCount = function(){
        return MAX_IMAGE_COUNT;
    }
    this.Init = function(){
        if($.browser.msie && $.browser.version=="6.0"){
            MODIFY_SIZE = 100;
            ie6 = true;
        } 
        var padRight = $(window).width()-(($(window).width()-778)/2+788+MODIFY_SIZE);       
        $("#test").floatdiv({top:CONTAINER_TOP+"px",right:padRight+"px"});	    
        $("#historyimg img").length = GetScrollImgsObj().Obj.length;
        if(GetScrollImgsObj().Obj.length==0)
        {
            $("#history").css('display','none');
        }
        else
        {
            $("#history").css('display','block');
        }
        var imgHtml = "";
        var jNum = 0;
        var Total = 0; 
        if ( MAX_IMAGE_COUNT < GetScrollImgsObj().Obj.length){
            jNum = MAX_IMAGE_COUNT;
            Total= MAX_IMAGE_COUNT;
        }
        else{
            jNum = GetScrollImgsObj().Obj.length;
            Total= GetScrollImgsObj().Obj.length;
        }
        if(ScrollObject.Obj.length>3){
            for(jNum;jNum>ScrollObject.Obj.length-3;jNum--){
                imgHtml += "<a href=\"" + ScrollObject.Obj[jNum-1].URL + "\"><img src=\"" + ThumbnailsFolder + ScrollObject.Obj[jNum-1].Img + "\" index='"+jNum+"' style=\"display:block\"/></a>" ; 
            }
            for(jNum;jNum > 0 ; jNum--){
                imgHtml += "<a href=\"" + ScrollObject.Obj[jNum-1].URL + "\"><img src=\"" + ThumbnailsFolder + ScrollObject.Obj[jNum-1].Img + "\" index='"+jNum+"' style=\"display:none\"/></a>" ; 
            }
        }
        else{
            for(jNum;jNum>0;jNum--){
                imgHtml += "<a href=\"" + ScrollObject.Obj[jNum-1].URL + "\"><img src=\"" + ThumbnailsFolder + ScrollObject.Obj[jNum-1].Img + "\" index='"+jNum+"' style=\"display:block\"/></a>" ; 
            }
        }
        $("#historyimg").html(imgHtml);
        $("#title").html("<span style=\"color:White; font-size:12px;\">["+ Total +"]</span>");
        iNum = $("#historyimg img").length;
        if(iNum > 3 ){   
            $("#imgup").css('display','none');
            $("#imgdown").css('display','block');
            $("#historyimg").height("135px");
        }
        else{
            $("#historyimg").height("100%");
        }
        this.BindEvent();
        $("#test").css('display','block');
    }
    this.BindEvent = function(){
        $(window).resize(function(){
            var padRight = $(window).width()-(($(window).width()-778)/2+788+MODIFY_SIZE);
	        $("#test").floatdiv({top:CONTAINER_TOP+"px",right:padRight+"px"});
        });
        $(window).scroll( function() {
            $("#div_Show").css("display","none");
            if(ie6){
                var padTop = document.documentElement.scrollTop + CONTAINER_TOP;
                var padRight = $(window).width()-(($(window).width()-778)/2+788+MODIFY_SIZE);
	            $("#test").css({top:padTop+"px",right:padRight+"px"});
            }
        });  
        $("#imgdown").click(function(){
           iNum = $("#historyimg img").length ;
           $("#imgup").css("display","block");
           var j = indexNum+4;
           if(iNum > 3){
               if( j != iNum ){
                   if(indexNum < iNum){ 
                        $("#historyimg img").eq(indexNum).css("display","none");
                        $("#historyimg img").eq(indexNum+3).css("display","block");
                        indexNum++;
                    }  
               }
               else{
                    $("#imgdown").css("display","none");
                    $("#historyimg img").eq(indexNum).css("display","none");
                        $("#historyimg img").eq(indexNum+3).css("display","block");
                        indexNum++;
               }
              
            }
        });
        $("#imgup").click(function(){
            iNum = $("#historyimg img").length;
            $("#imgdown").css("display","block");
            if(indexNum <= iNum && indexNum-1> 0){ 
                indexNum--;
                $("#historyimg img").eq(indexNum).css("display","block");
                $("#historyimg img").eq(indexNum+3).css("display","none");
            }
            else if(indexNum-1 == 0){
                indexNum--;
                $("#historyimg img").eq(indexNum).css("display","block");
                $("#historyimg img").eq(indexNum+3).css("display","none");
                $("#imgup").css("display","none");
            }
        });
        $("#imgtop").click(function(){
              window.scrollTo(0,0);
//            iNum = $("#historyimg img").length;
//            indexNum = 0;
//            $("#historyimg img:nth-child").css("display","none");
//            if(iNum>3){
//                $("#historyimg img").eq(indexNum).css("display","block");
//                $("#historyimg img").eq(indexNum+1).css("display","block");
//                $("#historyimg img").eq(indexNum+2).css("display","block");
//                $("#imgup").css("display","none");
//                $("#imgdown").css("display","block");
//            }
//            else{
//                for(var i=0;indexNum+i<=iNum;i++){
//                    $("#historyimg img").eq(indexNum+i).css("display","block");
//                    $("#imgdown").css("display","none");
//                }
//            }
        });
        $("#historyimg img").mouseover(function(){
            if(MouseOutHandle!=null){
                clearInterval(MouseOutHandle);
                MouseOutHandle = null;
            }
            var imgindex = $(this).attr("index")-1;
            var padLeft = $(this).offset().left-222;
            var padTop =  $(this).offset().top-30;
            var imgHtml = "";
            $("#div_Warn").css("display","none"); 
            $("#div_Show").css("top",padTop+"px");
            $("#div_Show").css("left",padLeft+"px");
            $("#div_Show").css("display","block");
            $(this).css("border","solid 1px #777777");
            imgHtml +=  ThumbnailsFolder + ScrollObject.Obj[imgindex].Img;
            $("#div_Show img").attr("src",imgHtml);
            $("#div_Show a").attr("href",ScrollObject.Obj[imgindex].URL);
            $("#span_text").html(ScrollObject.Obj[imgindex].GoodsName+"<div class='CurrPrice'>"+ ScrollObject.Obj[imgindex].Price +"</div>");
        });
        var MouseOutHandle;
        $("#historyimg img").mouseout(function(){
            MouseOutHandle = setTimeout(function(){$("#div_Show").css("display","none");},100);
            $(this).css("border","solid 1px transparent");           
        });
        $("#div_Show").mouseover(function(){clearInterval(MouseOutHandle);MouseOutHandle = null;});
        $("#imgup").mouseout(function(){$("#div_Warn").css("display","none"); });
        $("#imgdown").mouseout(function(){$("#div_Warn").css("display","none");});
        $("#div_Show").mouseout(function(){MouseOutHandle = setTimeout(function(){$("#div_Show").css("display","none");},100);});
    }
}