var xmlHttp=null;
var xmlDoc = null;
var xmlFile="travel.xml";
var divName="travelCont";
var pageDiv="pageNum";
var routeAll=new Array();
var totalPage=null;
var listCur=null;
 
function readyStateChangeHandle()
{
    if(xmlHttp.readyState==4)
    {
        if(xmlHttp.status==200)
        {
            xmlDoc=xmlHttp.responseXML;//alert(xmlDoc.xml);
        }
    }    
}
    
function ajaxRequest(xmlName)
{
    //xmlName = xmlName+".xml";//alert(xmlName);
    if(window.XMLHttpRequest)
    {
        xmlHttp=new XMLHttpRequest();
    }else if(window.ActiveXObject){
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    if(xmlHttp != null){
        xmlHttp.onreadystatechange=readyStateChangeHandle;
        xmlHttp.open("GET",xmlName,false);
        xmlHttp.send(null);
    }//alert("oooooo");
    if(xmlDoc==null && window.XMLHttpRequest){
            xmlDoc = document.implementation.createDocument("","",null);
            xmlDoc.async=false;
            xmlDoc.load(xmlName);
    }
    return xmlDoc;
}
function preLoad()
{
    var preXmlCont=new Array();
    var xmlDoc=ajaxRequest(xmlFile);
    preXmlCont=xmlDoc.getElementsByTagName("route");
    
    for(var i=0;i<preXmlCont.length;i++)
    {
        routeAll[i]=new Array();
        routeAll[i][0]=preXmlCont[i].getElementsByTagName("img")[0].childNodes[0].nodeValue;
        routeAll[i][1]=preXmlCont[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
        routeAll[i][2]=preXmlCont[i].getElementsByTagName("from")[0].childNodes[0].nodeValue;
        routeAll[i][3]=preXmlCont[i].getElementsByTagName("to")[0].childNodes[0].nodeValue;
        routeAll[i][4]=preXmlCont[i].getElementsByTagName("intro")[0].childNodes[0].nodeValue;
        routeAll[i][5]=preXmlCont[i].getElementsByTagName("link")[0].childNodes[0].nodeValue;
        routeAll[i][6]=preXmlCont[i].getElementsByTagName("theme")[0].childNodes[0].nodeValue;
    }
    
    if(document.getElementById("routemode1").checked==true)
    {
        showAllRoute();    
    }
    else if(document.getElementById("routemode2").checked==true)
    {
        showCdnRoute();
    }
}
function showAllRoute()
{
    var xmlCont=routeAll;
    listCur=cutCont(xmlCont);
    printCont(listCur,1);
    printPageNum(listCur);
}
function showCdnRoute()
{
    var xmlCont=routeAll;
     var route1=document.getElementById("route1").value;
     var route2=document.getElementById("route2").value;
     var route3=document.getElementById("route3").value;
     
     if(route1=="off" && route2=="off" && route3=="off")
     {
         listCur=cutCont(xmlCont);
     }
     else
     {
         var contTemp=xmlCont;
         
         if(route1!="off")
         {
             var contExec=contTemp;
             contTemp=new Array();             
             for(var i=0;i<contExec.length;i++)
             {
                 if (contExec[i][2]==route1)
                 {
                     contTemp.push(contExec[i]);                     
                 }
             }
         }
         if (route2!="off")
         {
             var contExec=contTemp;
             contTemp=new Array();             
             for(var i=0;i<contExec.length;i++)
             {
                 if (contExec[i][3]==route2)
                 {
                     contTemp.push(contExec[i]);                     
                 }
             }
         }
         if (route3!="off")
         {
             var contExec=contTemp;
             contTemp=new Array();             
             for(var i=0;i<contExec.length;i++)
             {
                 if (contExec[i][6]==route3)
                 {
                     contTemp.push(contExec[i]);                     
                 }
             }
         }
         listCur=cutCont(contTemp);         
     }
     
    printCont(listCur,1);
    printPageNum(listCur);
}
function changeCdn()
{
    if(document.getElementById("routemode2").checked==true)
    {
        showCdnRoute();
    }
}
function cutCont(xmlCont)
{
    var contList=new Array();
    totalPage=(xmlCont.length==0)?1:Math.ceil(xmlCont.length/5);
    for (var n=0;n<totalPage;n++)
    {
        var nodeHTML = "";
        for (var i=n*5;i<(n+1)*5;i++)
        {
            if(xmlCont.length==0)
            {
                nodeHTML+="<div style=\"width:100%; padding:20px 0; text-align:center;\">您所选择的条件无路线参考</div>";
            }            
            else if(i==xmlCont.length-1 | (i+6)%5==0)
            {
            nodeHTML+="<div><div class=\"travelImg\"><img src=\""+xmlCont[i][0]+"\" /></div><div style=\"float:left; width:450px;\"><div class=\"press_title\" style=\"margin:20px 0 10px 0;\"><a href=\""+xmlCont[i][5]+"\">"+xmlCont[i][1]+"</a></div><ul style=\"margin:0; padding:0 0 10px 0; list-style:none;\"><li style=\"float:left; width:120px;\"><span style=\"font-weight:bold;\">出发地：</span>"+xmlCont[i][2]+"</li><li style=\"float:left;\"><span style=\"font-weight:bold;\">目的地：</span>"+xmlCont[i][3]+"</li></ul><div style=\"clear:both;\"></div><p style=\"padding-bottom:20px;\"><span style=\"font-weight:bold;\">自驾线路：</span>"+xmlCont[i][4]+"</p></div><div style=\"clear:both;\"></div></div>";
            }
            else
            {
                nodeHTML+="<div style=\"border-bottom:1px #999999 dotted; \"><div class=\"travelImg\"><img src=\""+xmlCont[i][0]+"\" /></div><div style=\"float:left; width:450px;\"><div class=\"press_title\" style=\"margin:20px 0 10px 0;\"><a href=\""+xmlCont[i][5]+"\">"+xmlCont[i][1]+"</a></div><ul style=\"margin:0; padding:0 0 10px 0; list-style:none;\"><li style=\"float:left; width:120px;\"><span style=\"font-weight:bold;\">出发地：</span>"+xmlCont[i][2]+"</li><li style=\"float:left;\"><span style=\"font-weight:bold;\">目的地：</span>"+xmlCont[i][3]+"</li></ul><div style=\"clear:both;\"></div><p style=\"padding-bottom:20px;\"><span style=\"font-weight:bold;\">自驾线路：</span>"+xmlCont[i][4]+"</p></div><div style=\"clear:both;\"></div></div>";
            }
            if (i==xmlCont.length-1 | xmlCont.length==0)
            {
                break;
            }
        }
        contList[n]=nodeHTML;
    }
    return contList;
}
function printCont(contList,pageNum)
{
    if (pageNum>=1 && pageNum<=contList.length)
    document.getElementById(divName).innerHTML=contList[pageNum-1];
}
function printPageNum(contList)
{
    var tempNum="";
    for (var i=1;i<=contList.length;i++)
    {
        tempNum += "<li><a href=\"#\" onclick=\"changePage("+i+")\" cursor=\"pointer\">"+i+"</a></li>";
    }
    var pageNumCont="";
    pageNumCont="<div class=\"h3top fltl\"><div class=\"fltr\"><div class=\"pgno\" style=\"padding:10px 20px 20px 0;\"><ul><li class=\"txt\">页面:"+tempNum+"</li></ul></div></div></div>";
    document.getElementById(pageDiv).innerHTML=pageNumCont;
}
function changePage(pageNum)
{
    printCont(listCur,pageNum);
}