window.onload = HandleOnWindow_Load;
window.onresize = HandleOnWindow_Resize;


var HandleOnWindow_Resize_IsActive = false;
var HandleOnWindow_Resize_ServerReguest = false;
//--------------------------------------------------------------
//HandleOnWindow_Load ------------------------------------------
function HandleOnWindow_Load(e) {
    //-----------------------------------------
    HandleOnWindow_Resize_IsActive = false;
    //-----------------------------------------
    var MapHolder = "M000^Map^MapContainerChell";
    var MapType = "MainMap";
    
    var MapID = Map.NewMap(MapHolder, MapType);
    Map.ReadMapOptions(MapID);
    //----------------------------------------- 
    var Mcode = Map.getMcodeFromMapID(MapID);
    var Moptions = Map.MapObj[MapID];
    //-----------------------------------------  del after ....
    Moptions.FrameHolder.Title.status = "none";
    Moptions.FrameHolder.Location.status = "none";
    Moptions.FrameHolder.North.status = "none";
    Moptions.FrameHolder.Scale.status = "float";
    Moptions.FrameHolder.Logo.status = "float";


    Moptions.ToolsHolder.NavUpTools.status = "none"
    Moptions.ToolsHolder.NavDowTools.status = "none"
    Moptions.ToolsHolder.ScalebarH.status = "none"
    
    Moptions.ToolsHolder.AllTools.status = "none"
    Moptions.ToolsHolder.MapBackGround.status = "float"
    
    //-----------------------------------------
    Moptions.Title = CustomerMapTitle ;
    Moptions.MapLang = Map_Lang;
    Moptions.MapActivePOI = TImap_ActiveID;

    Moptions.MapBackGround = MapBackGround;
    Moptions.PreBackGround = MapBackGround;
    //-----------------------------------------
    //  POIactive.GetPOIactive(MainMapID, Moptions.MapActivePOI);
    TI_activeInfo = tmpTI_activeInfo;
    TI_TabActiveType = TI_activeInfo.Code.substr(0, 3);
    //-----------------------------------------
    Moptions.MapRect = new MapRect(TI_activeInfo.bX1, TI_activeInfo.bY1, TI_activeInfo.bX2, TI_activeInfo.bY2)
    Moptions.PreRect = Moptions.MapRect;

    Moptions.MapCenter = new MapPoint(Moptions.MapRect.x(), Moptions.MapRect.y());
    Moptions.PreCenter = Moptions.MapCenter;




    Refresh_onResize(MapID); 
    //-----------------------------------------
    Map.Initial(MapID)
    Navigator.create(MapID)
    Panel.create(MapID)
    //-----------------------------------------
    ctoMap = Moptions;
    if (TI_activeInfo.Type == "TOI" && (TOIUnit_Visible[TI_activeInfo.Code.substr(0, 5)] == "1")) {
        TOILayer_Visible[TI_activeInfo.Code] = "1";
        TOI_GroupVisibleUpDate(TI_activeInfo.Code.substr(0, 6))
    }
   
   
   
    //----------------------------------------- 
    TRI_Tree.initial(TRI_TreeClass, TRI_treeIndex);
    TRI_Tree.create();
    //-----------------------------------------
    e = e || window.event;
    CTO_TI_TreeTabMenu(e, "initial");
    CTO_Menu_Tab(e, "initial");
    VTab_MapGalery_Handler(e, "initial");
    VTab_Route_Handler(e, "initial");
    VTab_Print_Handler(e, "initial");


    //-----------------------------------------
    HandleOnWindow_Resize()
    //-----------------------------------------
//    Map.Initial(MapID)
//    Navigator.create(MapID)
//    //-----------------------------------------
//    ctoMap = Moptions;
//    if (TI_activeInfo.Type == "TOI" && (TOIUnit_Visible[TI_activeInfo.Code.substr(0, 5)] == "1")) {
//        TOILayer_Visible[TI_activeInfo.Code] = "1";
//        TOI_GroupVisibleUpDate(TI_activeInfo.Code.substr(0, 6))
//    }
    
    

    Map.getMap.By_MapScale_MapBound(MapID, Moptions.MapLang, Moptions.MapBackGround, Moptions.ImageSize.w, Moptions.ImageSize.h, Moptions.MapRect.x1, Moptions.MapRect.y1, Moptions.MapRect.x2, Moptions.MapRect.y2) 
    //-----------------------------------------
    HandleOnWindow_Resize_IsActive = true;
    HandleOnWindow_Resize_ServerReguest = true;
    //-----------------------------------------
    ctoMap = Moptions

    var Element = document.getElementById("M000^Map^MapContainer");
    if (Element.addEventListener) {
        Element.addEventListener('DOMMouseScroll', MapWheel, false);
    } else {
        Element.onmousewheel = MapWheel;
    }
}
//--------------------------------------------------------------
//Refresh_onResize ----------------------------------------
function Refresh_onResize(MapID) {
    var Mcode = Map.getMcodeFromMapID(MapID);
    var Moptions = Map.MapObj[MapID]

     //---------------------------------------
    var bodySize = getBody_Size();
    var winSize = getWindow_Size();
    var NewMapSize = { w: 0, h: 0 };
    NewMapSize.w = winSize.w - (262 + 6 * 4 + 12)
    NewMapSize.h = winSize.h - 150 - 34 - 34 - 12 - 12
    //---------------------------------------
    var elem = document.getElementById(Moptions.Holder)
    elem.style.width = NewMapSize.w + "px";
    elem.style.height = NewMapSize.h + "px";
    var elem = document.getElementById("M000^Map^TabMenuContainerChell")
    elem.style.width = NewMapSize.w -12+ "px";
    elem.style.height = 150 + "px";
    var elem = document.getElementById("M000^Map^NavTreeContainerChell")
    elem.style.width = 262 + "px";
    elem.style.height = NewMapSize.h + 150 + "px";
    var elem = document.getElementById("M000^DataHandler^Container")
    elem.style.width = 262 + "px";
    elem.style.height = NewMapSize.h + 150 +12- 193  - 80-6 + "px";
    var elem = document.getElementById("TI_Tree_Container")
   // elem.style.border = "solid 1px red";
    elem.style.width = 262 + "px";
    elem.style.height = NewMapSize.h + 150 +12-193-72- 80-6 + "px";
    //-----------------------------------------

//    document.getElementById("TabMenu").style.width = NewMapSize.w + 12 + "px";
//    document.getElementById("TabMenu_Header").style.width = NewMapSize.w + "px";
//    document.getElementById("TabMenu_TabContainer").style.width = NewMapSize.w + "px";

//    document.getElementById("MapGalery_FrameTable").style.width = NewMapSize.w - 231 + "px";

//    document.getElementById("CTO_RouteTable").style.width = NewMapSize.w - 10 + "px";
//    document.getElementById("Route_FrameTable").style.width = parseInt(document.getElementById("CTO_RouteTable").style.width) - 110 + "px";
//    document.getElementById("RoutePlan_InfoWp").style.width = parseInt(document.getElementById("Route_FrameTable").style.width) - 15 + "px";
//    document.getElementById("TravelSolution_DIVcont").style.width = parseInt(document.getElementById("Route_FrameTable").style.width) - 15 + "px";

//    document.getElementById("CTO_PrintTable").style.width = NewMapSize.w - 10 + "px";
}
//--------------------------------------------------------------
//HandleOnWindow_Resize ----------------------------------------
function HandleOnWindow_Resize() {
    //-----------------------------------------
    if (!HandleOnWindow_Resize_IsActive) { return; }
    //-----------------------------------------
    for (var i = 0; i < Map.MapObj.length; i++) {
        Refresh_onResize(i);
        Map.HandleOnResize(i);

        if (HandleOnWindow_Resize_ServerReguest) {
           // var Mcode = Map.getMcodeFromMapID(MapID);
            var Moptions = Map.MapObj[i]
             Map.getMap.By_MapScale_MapCenter(i, Moptions.MapLang, Moptions.MapBackGround, Moptions.ImageSize.w, Moptions.ImageSize.h, Moptions.MapScale, Moptions.MapCenter.x, Moptions.MapCenter.y)
        }
    }


    //---------------------------------------
    var bodySize = getBody_Size();
    var winSize = getWindow_Size();
    var NewMapSize = { w: 0, h: 0 };
    NewMapSize.w = winSize.w - (262 + 6 * 4 + 12)
    NewMapSize.h = winSize.h - 150 - 34 - 34 - 12 - 12
    //---------------------------------------
    
    document.getElementById("TabMenu").style.width = NewMapSize.w -12 + "px";
    document.getElementById("TabMenu_Header").style.width = NewMapSize.w -24+ "px";
    document.getElementById("TabMenu_TabContainer").style.width = NewMapSize.w-24 + "px";
  //  document.getElementById("TabMenu").style.width = NewMapSize.w + 12 + "px";
//    document.getElementById("TabMenu_Header").style.width = NewMapSize.w + "px";
//    document.getElementById("TabMenu_TabContainer").style.width = NewMapSize.w + "px";

    document.getElementById("MapGalery_FrameTable").style.width = NewMapSize.w - 231 + "px";

    document.getElementById("CTO_RouteTable").style.width = NewMapSize.w - 36 + "px";
    document.getElementById("Route_FrameTable").style.width = NewMapSize.w - 146 + "px";
  //  document.getElementById("RoutePlan_InfoWp").style.width = NewMapSize.w - 184 + "px";
    
  //  document.getElementById("Route_FrameTable").style.width = parseInt(document.getElementById("CTO_RouteTable").style.width) - 110 + "px";
  //  document.getElementById("RoutePlan_InfoWp").style.width = parseInt(document.getElementById("Route_FrameTable").style.width) - 15 + "px";
  //  document.getElementById("TravelSolution_DIVcont").style.width = parseInt(document.getElementById("Route_FrameTable").style.width) - 15 + "px";


    document.getElementById("CTO_PrintTable").style.width = NewMapSize.w - 24 + "px"; 

    TI_TreeContainerResize();
    

    
}