﻿ var XmlArray=new Array();//JSON
 var XMLImages=new Array();//内存图片
 var ImageWidth=944;
 var ImageHeight=342;
 var interval=0;
 var t=0;
 var bl=false;
$(function(){
  $("#title_top").addClass("loader");   
  $("#def_manage").hide();
  LoadXMLArray(function(){
     $(XMLImages[XmlArray.length-1]).load(function(){
       //消除等待
       $("#def_manage").show();
       $("#title_top").removeClass("loader").addClass("bg");
       $(XMLImages[0]).fadeOut();
       $("#def_title").html(XMLImages[0]);
       XMLImages[0].width=ImageWidth;
       XMLImages[0].height=ImageHeight;
       $(XMLImages[0]).click( function () {location.href=XmlArray[0].href;});       
       $(XMLImages[0]).css({marginLeft:"7px",marginTop:"6px",cursor:"pointer"}).fadeIn(500);
       $(".manage01").addClass("selected");
       interval= window.setInterval("animate('next')",4000);    
    });
  });
});

/*-------------------------------------------------------------------------------------------------------------*/

/*----------对象------------*/
function HomeScroll(id,name,picPath,href,sortNo)
{
    this.id=id;
    this.name=name;
    this.picPath=picPath;
    this.href=href;
    this.sortNo=sortNo;
}
/*-----------装载-----------*/
function LoadXMLArray(Fn)
{   
    var time=new Date();   
    $.get("Data/Home.xml?time="+time,function(data){       
       $(data).find('HomeScroll').each(function(i){          
            var homeScroll=$(this);
            var id= homeScroll.children("Id").text();
            var name=homeScroll.children("Name").text();
            var picPath=homeScroll.children("PicPath").text();
            var href=homeScroll.children("Href").text();
            var sortNo=homeScroll.children("SortNo").text();
            XmlArray[i]=new HomeScroll(id,name,picPath,href,sortNo);                        
       });     
       Sort();   
       LoadImage();       
       Fn();
    });        
}
/*-----------冒泡排序-----------*/
function Sort()
{  
    for(var i=0;i<XmlArray.length-1;i++)
    {
        for(var j=0;j<XmlArray.length-1-i;j++)
        {
            if(XmlArray[j].sortNo>XmlArray[j+1].sortNo)
            {
                var temp=XmlArray[j];
                XmlArray[j]=XmlArray[j+1];
                XmlArray[j+1]=temp;                
            }
        }
    }
    return XmlArray;
}
/*----------装载图片----------*/
function LoadImage()
{ 
    var srcs;
    for(var i=0;i<XmlArray.length;i++)
    {
        XMLImages[i]=new Image();
        XMLImages[i].src=XmlArray[i].picPath;  
        srcs=XmlArray[i].href;
        //$(XMLImages[i]).click( function () {alert(srcs);}); //location.href=srcs;
        var table= $("<table class='manage0"+(i+1)+"' onclick='animate("+i+")'><tr><td align='right'><span>"+XmlArray[i].name+"</span></td></tr></table>");       
        $("#def_manage").append(table);
      
    }    
}
/*----------切换动画----------*/
function animate(dir){
    if(bl)
    {
      bl=false;
      window.clearInterval(interval);
      interval= window.setInterval("animate('next')",4000); 
      if(dir=="next")
      {
        return;
      }
    }  
    //分析点哪个按钮
    switch(dir){
	    case "prev":              
	      t = ((t-1)<0) ? XMLImages.length : t-1;		
	      break;
	    case "next":    	    
	      t = ((t+1)>=XMLImages.length) ? 0: t+1;	
	      bl=false;
	      break;
	    default: t=dir;    
	      bl=true;	 
	      break;
    } 
    /*----切换句柄----*/
    $("#def_manage table").removeClass("selected");
     $(".manage0"+(t+1)).addClass("selected");
    /*----显示----*/
    XMLImages[t].width=ImageWidth;
    XMLImages[t].height=ImageHeight;
    $(XMLImages[t]).click( function () {location.href=XmlArray[t].href;});
     $("#def_title").html(XMLImages[t]); 
    $(XMLImages[t]).css({marginLeft:"7px",marginTop:"6px",cursor:"pointer",opacity:0}).animate({opacity:1},1000);  
}



