﻿//修改版面大小
function ReSize()
{

    // 取得目前頁面大小
    var wHeight = (window.innerHeight || document.documentElement && document.documentElement.clientHeight || document.body.clientHeight);
    var wWidth = (window.innerWidth || document.documentElement && document.documentElement.clientWidth || document.body.clientWidth);
    // 取得地圖大小
    var mapWidth = wWidth-310;
    //var mapHeight = (DivManager.Head.style["display"] == "none")? (wHeight-30) : (wHeight-95) ;
    var mapHeight = wHeight-45;
    //設定其它div大小
    DivManager.Map.style["height"] = mapHeight + "px";
    DivManager.Map.style["width"] = mapWidth + "px";
    DivManager.PushContent.style["width"] = wWidth-10 + "px";
    DivManager.ShowContent.style["height"] = wHeight-134+"px";
    DivManager.marquee.style["width"] = (wWidth -110) + "px";
    
    DivManager.MapLC.style["height"] = (mapHeight - 30) +"px";
    DivManager.MapTC.style["width"] = (mapWidth - 30) +"px";
    DivManager.MapRC.style["height"] = (mapHeight - 30) +"px";
    DivManager.MapBC.style["width"] = (mapWidth - 30) +"px";
    
    DivManager.ContentPlateLC.style["height"] = (mapHeight - 76) +"px";
    DivManager.ContentPlateRC.style["height"] = (mapHeight - 76) +"px";
    
    DivManager.MainFrame.style["height"] =  (mapHeight - 89) +"px";
    
    
    Ferrari.style.left = ((DivManager.Map.clientWidth-30)/2)+"px";
    Ferrari.style.top = ((DivManager.Map.clientHeight-30)/2)+"px";
}


//五個div版面物件
function DivObject()
{

    this.Map = document.getElementById("divMap");
    this.PushContent = document.getElementById("divPushContent");
    this.ShowContent = document.getElementById("divShowContent");
    this.MainFrame = document.getElementById("MainFrame");
    this.marquee = document.getElementById("marquee");
    
    
    this.MapLC = document.getElementById("imgMapLC");
    this.MapTC = document.getElementById("imgMapTC");
    this.MapRC = document.getElementById("imgMapRC");
    this.MapBC = document.getElementById("imgMapBC");
    
    this.ContentPlateLC = document.getElementById("imgContentPlateLC");
    this.ContentPlateRC = document.getElementById("imgContentPlateRC");
    
    
//    this.Login = document.getElementById("divLogin");
//    this.Search = document.getElementById("divSearch");
//    this.Content = document.getElementById("divContent");

    
    
    //this.CenterLocation = document.getElementById("divLocation");
    //this.Head = document.getElementById("divHead");
    //this.HeadHide = document.getElementById("imgHeadHide");
    
    
    //this.ContentPlateTC = document.getElementById("divContentPlateTC");
    
    //this.ContentPlateBC = document.getElementById("divContentPlateBC");
}

//顯示或隱藏Header
function ShowHideHeader()
{
    //alert(DivManager.HeadHide.alt);
    if(DivManager.HeadHide.alt == "show")
    {
        DivManager.HeadHide.alt = "hide";
        DivManager.HeadHide.src = "IMAGES/HeadShow.gif";
        DivManager.HeadHide.style["top"] = 0;
        DivManager.Head.style["display"] = "none";
        DivManager.Head.style["height"] = 0;
        
        DivManager.Map.style["top"] = 0;
        DivManager.Login.style["top"] = 0;
        DivManager.Search.style["top"] = "20px";
        DivManager.Content.style["top"] = "50px";
        
        ReSize();
    }else{
        DivManager.HeadHide.alt = "show";
        DivManager.HeadHide.src = "IMAGES/HeadHide.gif";
        DivManager.HeadHide.style["top"] = "54px";
        DivManager.Head.style["display"] = "block";
        DivManager.Head.style["height"] = "65px";
        
        DivManager.Map.style["top"] = "65px";
        DivManager.Login.style["top"] = "65px";
        DivManager.Search.style["top"] = "85px";
        DivManager.Content.style["top"] = "115px";      
        ReSize();
    }
    
    
}