    //初始化加载的参数
    var initcolor="#c1c1c1";//style: #productscontent .productslist .productslisttop
    var initcolor2="#71706e";//style: #productscontent .productslist .productslistbottom
    var menu_bottom_color="#FFA103";
    var menu_square_color="#ced0d2";
    
    var currentobj=null;
    var currentcolor="gray";
    var currentcolor2="black";
   
   
    var pagenumber="1";
    var currenttradeid="m1";
    var initcenterpage="home.htm";
       
   //定义缓存的hashtable
   var pagemap = new HashTable();

   /*
   *首页是否计入历史事件的判断
   *
   */
   
   
  
   
   
   function goMainPage(history)
   {
          if(history==1)
          {
           $.history.load("main");
           return;
          }
   
         if(!pagemap.containsKey("maincontent"))
         {
          pagemap.add("maincontent", $("#maincontent").html());
          }
      
           if(currentobj!=null)
           {
           $("#main_menu_td_bottom"+currentobj).css({"background":menu_bottom_color});
           $("#menu_square"+currentobj).css({"background":menu_square_color});
           currentobj=null;
           }
           if(history==-1)
           {
           
            if(pagemap.containsKey("maincontent"))
            {
            
             $("#maincontent").html( pagemap.getValue("maincontent"));
             
            
            return;
            }
             
           }
           
           
            if(pagemap.containsKey("main"))
             {
                $("#maincontent").html( pagemap.getValue("main"));
            
             }
             else
             {
                                
                   $.ajax({
  
   url: initcenterpage,
   data:"",
   cache: false,
   context: document.body,
   error :function (XMLHttpRequest, textStatus, errorThrown) {
    // 通常 textStatus 和 errorThrown 之中
    // 只有一个会包含信息
    if(curobj!=null)
	curobj.style.background=curforecolor;
    
   $("#sub_main_center_place").html("<div>sorry,the page is unavailable,please try later !</div>");
   },
   success: function(msg){
     $("#sub_main_center_place").html(msg);
     pagemap.add("main", $("#maincontent").html());
    
     
    }
    });
   
   }
   
   
   }
   

   /*
   *       必须预加载 $.history.init(function(url) {
          
                load(url == "" ? "main" : url);
            });
            
           当要读页面main.aspx时，调$.history.load("main")记录到window.location.hash中，触发其 load(num)加载页面，如果后退或者前进也会触发 load(num)，这样就实现了后退前进功能
 
   */
     function load(num) {
          
             if(num=="main")
               {
                   goMainPage(0);
               
               }
               
               else if(num.indexOf("second_")!=-1)
               {
              
                var userid= num.substring(7); 
                  
                var obj= pagemap.getValue(userid);
                
                if(obj==null)
                  {
                    goMainPage(1);
                    return;
                  }
               
                  if(currentobj!=null)
        {
           //$("#main_menu_td_bottom"+currentobj).css({"background":currentcolor});
          // $("#menu_square"+i).css({"background":currentcolor});
             $("#main_menu_td_bottom"+currentobj).css({"background":menu_bottom_color});
           $("#menu_square"+currentobj).css({"background":menu_square_color});
        }
        
        
        $("#main_menu_td_bottom"+obj.i).css({"background":obj.color2});
         $("#menu_square"+obj.i).css({"background":obj.color2});
        
        currenttradeid=obj.id;
        currentobj=obj.i;
        currentcolor=obj.color1;
        currentcolor2=obj.color2;
        $("#bottomlace").css({"background":obj.color1 });
        
    
	   goBigPage(currenttradeid);
       getTool(obj.color1,obj.color2,obj.id,obj.name);
	   
               
               }
               
               
                 else if(num.indexOf("third_")!=-1)
               {
               
                var tradeid= num.substring(6); 
                
                pagenumber="3";
	currenttradeid=tradeid;
	
	var key="third_"+tradeid;
	if(!pagemap.containsKey(key))
	{
	//=========
	 $.ajax({
   type: "post",
   url: "productcontent.aspx",
   data: "pageindex=1"+"&pagenumber="+pagenumber+"&tradeid="+tradeid,
   cache: false,
   success: function(msg){
     $("#productscontent").html(msg);
     pagemap.add(key,msg);
    }
    });
    //=========
    }
    else
    {
     
    $("#productscontent").html(pagemap.getValue(key));
    
    
    }
                
               }
               
               else if(num.indexOf("final_")!=-1)
               {
               var pid= num.substring(6);
                           $.ajax({
   type: "post",
   url: "finalshow.aspx",
   data: "pid="+pid,
   cache: false,
   success: function(msg){
     $("#productscontent").html(msg);
   }
    });
               
               
               }
               
               else if(num.indexOf("left_")!=-1)
               {
                  
                  var urlpage= num.substring(5);
                  var pageobj=pagemap.getValue(urlpage);
                  goMainPage(-1);
              
                  sub_page_chooseclick_impl(pageobj.obj,pageobj.forecolor,pageobj.bgcolor,pageobj.urlpage);
               
               }
               
                else if(num.indexOf("search_")!=-1)
               {
                  
                  var val= num.substring(7);
                  goMainPage(-1);
                  SearchPageImpl(val);
               
               }
               
               else if(num.indexOf("pager_")!=-1)
               {
                 var parmstr= num.substring(6);
                 goMainPage(-1);
                 changePagerImpl(parmstr);
                  
                  
               }
            
        }
  
 jQuery(document).ready(function($)
	
	{
	     //dataReadingDiglog();
	
        $.history.init(function(url) {
          
                load(url == "" ? "main" : url);
            });

	
	
	
     $("#searchtextfield").keydown(function(e){if(e.which ==13) {   goSearchPage($(this).val());$("#productscontent").focus(); return false;}  }).keyup(function(){ checkSearchPage($(this).val());});   
      $("#searchdiv").click(function(){goSearchPage($("#searchtextfield").val());}).css({cursor:"pointer"}).mouseover(function(){$(this).css({color:"#FF8000"});}).mouseout(function(){$(this).css({color:"#fbf7f6"});});
	$("img").error(function(){$(this).attr({ src: "../resources/images/default.jpg", alt: "Error Image" });}); 
	
	
     $(".sub_main_left_page").live('mouseover',function(){$(this).css("cursor","pointer");});

	});
    
   
    
    
    
    
  function dataReadingDiglog()
  {
     
    $("#productscontent").html("<div style='height:200px;font-size:14px;font-family:arial'>Data is reading , Please wait...<br /><br /><br /><img src='../resources/images/loadingAnimation.gif'/></div>");
  }
    
    function checkSearchPage(val)
    {    
    
    if(val.length>=3)
    { 
    
	 $.ajax({
   type: "post",
   url: "searchcontent.aspx",
   data: "type=r&search="+val,
   cache: false,
   success: function(msg){
     $("#searchresult").html("<br /> Records : "+msg).css({ color:menu_bottom_color });
    }
    });
    }
    else
    {
       $("#searchresult").html("");
    }
      
    }
    
    
    
    //搜索定义开始
    function SearchPageImpl(val)
    {
    
       dataReadingDiglog();
    pagenumber="0";
      $.ajax({
   type: "post",
   url: "productcontent.aspx",
   data: "pageindex=1"+"&pagenumber="+pagenumber+"&search="+val,
   cache: false,
   success: function(msg){
     $("#productscontent").html(msg);
    }
    });
      
    
    }
    
    function goSearchPage(val)
    {
       $.history.load("search_"+val);
    
    }
   //搜索定义结束
    
    
    
    function change(obj,i,color1,color2,num)
    {
      
     
    
      obj.style.cursor="pointer";
      if(num==1)
      {
        $("#main_menu_td_bottom"+i).css({"background":color2});
         $("#menu_square"+i).css({"background":color2});
 
        }
       else if(currentobj!=i)
       {
         // $("#main_menu_td_bottom"+i).css({"background":color1});
         // $("#menu_square"+i).css({"background":color1});
        $("#main_menu_td_bottom"+i).css({"background":menu_bottom_color});
          $("#menu_square"+i).css({"background":menu_square_color});
      
          }
    
    }
    
    function setpageStyle(id,color1,color2)
    {
      currentcolor=color1;
      currentcolor2=color2;
     // alert(document.getElementById("menu_"+id).innerHTML);
    // alert(id);
    //  currentobj=document.getElementById("menu_"+id);
  //    currentobj.style.color="black";
      $("#menu_"+id).css({"background":color2});
      $("#bottomlace").css({"background":color1});
    }
    
    function chooseclickobj(obj,i,color1,color2,id,name)
    {
    
      this.obj=obj;
      this.color1=color1;
      this.color2=color2;
      this.id=id;
      this.name=name;
      this.i=i;
    }
    
    
    
    
    
    function chooseclick(obj,i,color1,color2,id,name)
    {
    
        var c_obj=new chooseclickobj(obj,i,color1,color2,id,name)
        if(!pagemap.containsKey(id))
        {
            pagemap.add(id,c_obj)
        }
        $.history.load("second_"+id);
    
      
    }
   
    
    
    function gofinalshow(pid)
    {
      // window.open("finalshow.aspx?pid="+pid);
       // dataReadingDiglog();
       $.history.load("final_"+pid);
    
       
       
    }
    
    
   
    
    function changePagerImpl(parmstr)
    {
    
      
      
      if(!pagemap.containsKey(parmstr))
      {
      
      
       $.ajax({
   type: "post",
   url: "productcontent.aspx",
   data: parmstr,
   cache: false,
   success: function(msg){
     $("#productscontent").html(msg);
     pagemap.add(parmstr,msg);
    }
    });
     
      }
    else
    {
    
      $("#productscontent").html(pagemap.getValue(parmstr));
    
    }
      
    
    }
    
	
	function minuspager()
	{
	var paramstr;
	var keyword;
	
	var pageindex=parseInt($("#pageindex_lb").text())-1;
	if(pageindex<=0)
	{
	    
	    return;
    }
	
	
	
	if(pagenumber=="0")
	{
	  keyword=$("#searchtextfield").val();
	  paramstr="pageindex="+pageindex+"&pagenumber="+pagenumber+"&search="+keyword;
	 }
	else
	{
	  keyword=currenttradeid;
	  paramstr="pageindex="+pageindex+"&pagenumber="+pagenumber+"&tradeid="+keyword;
	}
	
	var key="pager_"+paramstr;
	
	
	
	if(pagemap.containsKey(paramstr))
      {
      
        $("#productscontent").html(pagemap.getValue(paramstr));
      }
	  else
	  {
	
	   $.history.load(key);	
	  }
		
	}
	
	function addpager()
	{
	var paramstr;
	var keyword;
	
	var pageindex=parseInt($("#pageindex_lb").text())+1;
	if(pageindex>parseInt($("#totalpage_lb").text()))
	{
	    
	    return;
    }
    
  
    
	
	if(pagenumber=="0")
	{
	 keyword=$("#searchtextfield").val();
	  paramstr="pageindex="+pageindex+"&pagenumber="+pagenumber+"&search="+keyword;
	 }
	else
	{
	  keyword=currenttradeid;
	  paramstr="pageindex="+pageindex+"&pagenumber="+pagenumber+"&tradeid="+keyword;
	}
	var key="pager_"+paramstr;
	//	alert("pageindex="+(parseInt($("#pageindex_lb").text())+1)+"&pagenumber"+pagenumber+"&tradeid="+currenttradeid);
	
	  if(pagemap.containsKey(paramstr))
      {
      
        $("#productscontent").html(pagemap.getValue(paramstr));
      }
	  else
	  {
	
	   $.history.load(key);	
	  }
		
	}
	
	//进入三级页面,由goBigPage(tradeid)之后而来
	function goSmallPage(obj,tradeid)
	{
	
	 $.history.load("third_"+tradeid);
	
	
    }
    
    
    //进入二级页面
    function goBigPage(tradeid)
    {
    //alert(tradeid);
    pagenumber="2";
    currenttradeid=tradeid;
    
    var key="second_"+tradeid;
    
    if(!pagemap.containsKey(key))
       {
       //=========
       $.ajax({
   type: "post",
   url: "productcontent.aspx",
   data: "pageindex=1"+"&pagenumber="+pagenumber+"&tradeid="+currenttradeid,
  // cache: false,
   success: function(msg){
     $("#productscontent").html(msg);
      pagemap.add(key,msg);
    }
    });
     //-------------           
        }
    else
    {
    
    $("#productscontent").html(pagemap.getValue(key));
    
    }    
        
    }
    
    //得到后退历史的链表
      function getTool(color1,color2,id,name)
    {
    
      var key="tool_"+id;
      if(!pagemap.containsKey(key))
      {
    
      //=========
       $.ajax({
   type: "post",
   url: "second.aspx",
   data: "color1="+color1+"&color2="+color2+"&id="+id+"&name="+name,
 //  cache: false,
   success: function(msg){
  
     $("#toolcontent").html(msg);
     pagemap.add(key,msg);
    
   }
    });
      //=========
      }
    else
    {
    $("#toolcontent").html(pagemap.getValue(key));
    
    }
    
    
    }
    
    function goPage(number)
    { 
      $.ajax({
   type: "post",
   url: "homeinfo.aspx",
   data: "pagechoice="+number,
   cache: true,
   success: function(msg){
     $("#productscontent").html("<div class='aboutus'>"+msg+"</div>");
    }
    });
    
    }
	
	var curid=null;
	var curforecolor=null;
	
	
	
	
	
	function sub_page_obj(obj,forecolor,bgcolor,urlpage)
	{
	  this.obj=obj;
	  this.forecolor=forecolor;
	  this.bgcolor=bgcolor;
	  this.urlpage=urlpage;

	}
	
	function sub_page_chooseclick_impl(obj,forecolor,bgcolor,urlpage)
	{
	  
		
	if(curid!=null)
	  document.getElementById(curid).style.background=curforecolor;

     document.getElementById(obj).style.background=bgcolor;
    curid=obj;
    curforecolor=forecolor;
    
    var key="left_"+urlpage;
    
    
    if(!pagemap.containsKey(key))
    {
	    $.ajax({
  
   url: urlpage,
   data:"",
   cache: true,
   context: document.body,
   error :function (XMLHttpRequest, textStatus, errorThrown) {
    // 通常 textStatus 和 errorThrown 之中
    // 只有一个会包含信息
    if(curobj!=null)
	document.getElementById(curid).style.background=curforecolor;
    
   $("#sub_main_center_place").html("<div>sorry,the page is unavailable,please try later !</div>");
   },
   success: function(msg){
     $("#sub_main_center_place").html(msg);
     pagemap.add(key,msg);
    }
    });
    }
    else
    {
    
    
     $("#sub_main_center_place").html(pagemap.getValue(key));
    }
	
	}
	
	function sub_page_chooseclick(obj,forecolor,bgcolor,urlpage)
	{
	
	    if(urlpage!="productsmirror.aspx")
	      {
	        sub_page_chooseclick_impl(obj,forecolor,bgcolor,urlpage);
	        return;
	      }
	    
	    if(window.location.hash=="#"+"left_"+urlpage)
	     {
	     sub_page_chooseclick_impl(obj,forecolor,bgcolor,urlpage);
	     return;
	      
	     }
	    
	    
	    var c_obj=new sub_page_obj(obj,forecolor,bgcolor,urlpage)
        if(!pagemap.containsKey(urlpage))
        {
            pagemap.add(urlpage,c_obj)
        }
        
       
        $.history.load("left_"+urlpage);
	
	    

	
	}
