// JScript 文件

var strHtmlArray=new Array();
strHtmlArray[0]="<div class=\"caption\">"+
                    "Shovel & Spade, Fork</div>"+
                    "<div class=\"pro_left_sub\">"+
                      "<div class=\"border_wrap_top\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                   "</div>"+
                    "<div class=\"pro_sub_img\">"+
                        "<img alt=\"\" src=\"Imgs/round_shovel.jpg\" width=\"200px\" height=\"220px\" /></div>"+
                    "<div class=\"border_wrap_bottom\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_info\">"+
                    "</div>"+
                "</div>"+
                "<div class=\"pro_right_sub\">"+
                    "<div class=\"border_wrap_top\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_img\">"+
                        "<img alt=\"\" src=\"Imgs/square_shovel.jpg\" width=\"200px\" height=\"220px\" /></div>"+
                    "<div class=\"border_wrap_bottom\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_info\">"+
                    "</div>"+
                "</div>"+
                "<div class=\"clear\">"+
                "</div>"+
                "<div class=\"pro_left_sub\">"+
                    "<div class=\"border_wrap_top\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_img\">"+
                        "<img alt=\"\" src=\"Imgs/round_shouvel_with_metal_handle.jpg\" width=\"200px\" height=\"220px\" /></div>"+
                    "<div class=\"border_wrap_bottom\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_info\">"+
                    "</div>"+
                "</div>"+
                "<div class=\"pro_right_sub\">"+
                    "<div class=\"border_wrap_top\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_img\">"+
                        "<img alt=\"\" src=\"Imgs/square_shovel_with_metal_handle.jpg\" width=\"200px\" height=\"220px\" /></div>"+
                    "<div class=\"border_wrap_bottom\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_info\">"+
                    "</div>"+
                "</div>"+
                "<div class=\"clear\">"+
                "</div>"+
                "<div class=\"pro_left_sub\">"+
                    "<div class=\"border_wrap_top\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_img\">"+
                        "<img alt=\"\" src=\"Imgs/spade_with_D_grip_handle.jpg\" width=\"200px\" height=\"220px\" /></div>"+
                    "<div class=\"border_wrap_bottom\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_info\">"+
                    "</div>"+
                "</div>"+
                "<div class=\"pro_right_sub\">"+
                    "<div class=\"border_wrap_top\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_img\">"+
                        "<img alt=\"\" src=\"Imgs/round_shovel_with_T_wood_handle.jpg\" width=\"200px\" height=\"220px\" /></div>"+
                    "<div class=\"border_wrap_bottom\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_info\">"+
                    "</div>"+
                "</div>"+
                "<div class=\"clear\">"+
                "</div>";
strHtmlArray[1]="<div class=\"caption\">"+
                    "Shovel & Spade, Fork</div>"+
                    "<div class=\"pro_left_sub\">"+
                      "<div class=\"border_wrap_top\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                   "</div>"+
                    "<div class=\"pro_sub_img\">"+
                        "<img alt=\"\" src=\"Imgs/fork_with_D_grip_handle.jpg\" width=\"200px\" height=\"220px\" /></div>"+
                    "<div class=\"border_wrap_bottom\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_info\">"+
                    "</div>"+
                "</div>"+
                "<div class=\"pro_right_sub\">"+
                    "<div class=\"border_wrap_top\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_img\">"+
                        "<img alt=\"\" src=\"Imgs/army_outdoor_shovel.jpg\" width=\"200px\" height=\"220px\" /></div>"+
                    "<div class=\"border_wrap_bottom\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_info\">"+
                    "</div>"+
                "</div>"+
                "<div class=\"clear\">"+
                "</div>"+
                "<div class=\"pro_left_sub\">"+
                    "<div class=\"border_wrap_top\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_img\">"+
                        "<img alt=\"\" src=\"Imgs/straight_shovel_handle_with_chunk.jpg\" width=\"200px\" height=\"220px\" /></div>"+
                    "<div class=\"border_wrap_bottom\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_info\">"+
                    "</div>"+
                "</div>"+
                "<div class=\"pro_right_sub\">"+
                    "<div class=\"border_wrap_top\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_img\">"+
                        "<img alt=\"\" src=\"Imgs/T_shovel_handle.jpg\" width=\"200px\" height=\"220px\" /></div>"+
                    "<div class=\"border_wrap_bottom\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_info\">"+
                    "</div>"+
                "</div>"+
                "<div class=\"clear\">"+
                "</div>"+
                "<div class=\"pro_left_sub\">"+
                    "<div class=\"border_wrap_top\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_img\">"+
                        "<img alt=\"\" src=\"Imgs/D_shovel_handle.jpg\" width=\"200px\" height=\"220px\" /></div>"+
                    "<div class=\"border_wrap_bottom\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_info\">"+
                    "</div>"+
                "</div>"+
                "<div class=\"pro_right_sub\">"+
                    "<div class=\"border_wrap_top\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_img\">"+
                        "<img alt=\"\" src=\"Imgs/steel_Y_shovel_handle.jpg\" width=\"200px\" height=\"220px\" /></div>"+
                    "<div class=\"border_wrap_bottom\">"+
                        "<div class=\"border_left\">"+
                            "</div>"+
                        "<div class=\"border_right\">"+
                            "</div>"+
                    "</div>"+
                    "<div class=\"pro_sub_info\">"+
                    "</div>"+
                "</div>"+
                "<div class=\"clear\">"+
                "</div>";
           


function loadPartPage(obj,id)
{
    var selectedIndex=obj.selectedIndex;

    switch(selectedIndex){
        case 0:
          if(obj.id=="select1")
            $("select2").selectedIndex=selectedIndex;
          else
             $("select1").selectedIndex=selectedIndex;
          $(id).innerHTML=strHtmlArray[selectedIndex];
        break;
        case 1:
          if(obj.id=="select1")
            $("select2").selectedIndex=selectedIndex;
          else
             $("select1").selectedIndex=selectedIndex;
          $(id).innerHTML=strHtmlArray[selectedIndex];
        break;
        default:
          $("select1").selectedIndex=0;
          $("select2").selectedIndex=0;
          $(id).innerHTML=strHtmlArray[0];
        break;
    }
    
    window.scroll(0,370);

}

function $(id)
{
    return document.getElementById(id);
}


function PreloadImages()
 {   

        var d=document; 
        if(d.images)
         {
        
           if(!d.MM_p) 
             d.MM_p=new Array();
                
           var arrImgsUrls=new Array();
           
               arrImgsUrls.push("Imgs/fork_with_D_grip_handle.jpg"); 
               arrImgsUrls.push("Imgs/army_outdoor_shovel.jpg"); 
               arrImgsUrls.push("Imgs/straight_shovel_handle_with_chunk.jpg"); 
               arrImgsUrls.push("Imgs/T_shovel_handle.jpg"); 
               arrImgsUrls.push("Imgs/D_shovel_handle.jpg"); 
               arrImgsUrls.push("Imgs/steel_Y_shovel_handle.jpg"); 
          var i,j=d.MM_p.length;
                     for(i=0; i<arrImgsUrls.length; i++)
                     {
                            if (arrImgsUrls[i].indexOf("#")!=0)
                            {
                             d.MM_p[j]=new Image; 
                             d.MM_p[j++].src=arrImgsUrls[i];
                            }
                     }   
               }
    }