﻿var leftMenuCategoryCount=0;
var picsCount=0;
var currentPage="";

function load(pageName) {

//    window.onresize = function () {
//        getWindowSize();

//    }
    currentPage = pageName;

   
   
    //alert(pageName);
//    if(pageName.toLowerCase() !="default") {
//        if (pageName.toLowerCase().indexOf("land_") >= 0)
//            return;
////        if (window.location.href.indexOf("page=") > 0) {
////            currentPage = window.location.href.split("page=")[1];
////        }
//        var t=document.getElementById("td"+pageName);
//        t.onclick="";
//        t.onmouseover="";
//        t.onmouseout="";
//        document.getElementById(t.id + "Center").style.cursor = "default";
//        topMenuHover(t);
//    }
    loadLeftMenu(pageName);
    if(leftMenuCategoryCount>0)
    {
        if(currentPage!="Projects")
            leftMenuOn(document.getElementById("cat0"));
    }
    else
    {
        document.getElementById("mainText").innerHTML = getMainContent(pageName,"");
        getRightPanel(pageName);
    }
    
}
function topMenuHover(t)
{
    document.getElementById(t.id+"Left").style.visibility="visible";
    document.getElementById(t.id+"Center").className="topMenuTextHover";
    document.getElementById(t.id+"Right").style.visibility="visible";
}

function topMenuOut(t)
{
    document.getElementById(t.id+"Left").style.visibility="hidden";
    document.getElementById(t.id+"Center").className="topMenuText";
    document.getElementById(t.id+"Right").style.visibility="hidden";
}

function loadLeftMenu(menu)
{
    switch(menu)
    {
        case "Default":
            document.getElementById("leftMenu").innerHTML="<div  style='padding-top:60px;padding-right:20px'><object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\" width=\"154\" height=\"160\" id=\"worldmap-yellow\" align=\"middle\"><param name=\"allowScriptAccess\" value=\"sameDomain\"><param name=\"allowFullScreen\" value=\"false\"><param name=\"movie\" value=\"/images/map.swf\"><param name=\"quality\" value=\"high\"><param name=\"bgcolor\" value=\"#ffffff\"><embed src=\"/images/map.swf\" quality=\"high\" bgcolor=\"#ffffff\" width=\"154\" height=\"160\" name=\"worldmap-yellow\" align=\"middle\" allowscriptaccess=\"sameDomain\" allowfullscreen=\"false\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\"><br></object></div>";
            buildLeftMenuHtml("");
            break;
        case "About":
            document.getElementById("leftMenu").innerHTML = "<div  style='padding-top:60px;padding-right:20px'><object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\" width=\"154\" height=\"160\" id=\"worldmap-yellow\" align=\"middle\"><param name=\"allowScriptAccess\" value=\"sameDomain\"><param name=\"allowFullScreen\" value=\"false\"><param name=\"movie\" value=\"/images/map.swf\"><param name=\"quality\" value=\"high\"><param name=\"bgcolor\" value=\"#ffffff\"><embed src=\"/images/map.swf\" quality=\"high\" bgcolor=\"#ffffff\" width=\"154\" height=\"160\" name=\"worldmap-yellow\" align=\"middle\" allowscriptaccess=\"sameDomain\" allowfullscreen=\"false\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\"><br></object></div>";
            buildLeftMenuHtml(getLeftMenuCategories("About"));
            break;
        case "Services":
            document.getElementById("leftMenu").innerHTML=buildLeftMenuHtml(getLeftMenuCategories("Services"));
            break;
        case "Projects":
            document.getElementById("leftMenu").innerHTML=buildLeftMenuHtml(getLeftMenuCategories("Projects"));
            break;
        case "Products":
            document.getElementById("leftMenu").innerHTML=buildLeftMenuHtml(getLeftMenuCategories("Products"));
            break;
        case "Customers":
            document.getElementById("leftMenu").innerHTML=buildLeftMenuHtml("");
            break;
        case "Contact":
            document.getElementById("leftMenu").innerHTML=buildLeftMenuHtml(getLeftMenuCategories("Contact"));
            break;
        case "Information":
            document.getElementById("leftMenu").innerHTML=buildLeftMenuHtml(getLeftMenuCategories("Information"));
            break;
    }
}

function getLeftMenuCategories(p)
{
    var d=new Date();
    var xmlHttp = GetXmlHttpObject();

    var strAdr="ajaxResources/getLeftMenuCategories.aspx?page=" + p + "&id=" +d.getMilliseconds() ;
    xmlHttp.open("GET",strAdr,false);
    xmlHttp.send(null);
    return xmlHttp.responseText;
}

function buildLeftMenuHtml(categories)
{
    var cat = categories.split(",");
    if(cat=="")
        leftMenuCategoryCount=0;
    else
        leftMenuCategoryCount=cat.length;
    var myHtml = "<div style=\"width:174px;height:230px;\">";
    if(leftMenuCategoryCount>0)
    {
        myHtml+="<table>";
        var k=1;
        if(currentPage=="Projects")
            k=0
        else
            myHtml += "<tr><td id='tdCat0' class=\"leftMenuArrow\"></td><td id='cat0' class='menuOn' >" + cat[0] + "</td></tr>";
        for(var i=k;i<cat.length;i++)
        {
            myHtml += "<tr><td id='tdCat" + i + "' class=\"leftMenuArrowOff\"></td><td id='cat" + i + "' onmouseover='leftMenuHover(this)' onmouseout='leftMenuOut(this)' onclick='leftMenuOn(this)'>" + cat[i] + "</td></tr>";
        }
        myHtml += "</table>";
    }
    myHtml+="</div>";
    return myHtml;
}

function leftMenuHover(t)
{

    t.className="leftMenuHover";
    var arrowId=t.id.replace("cat","");
    document.getElementById("tdCat"+arrowId).className="leftMenuArrow";
}

function leftMenuOut(t)
{
    t.className="leftMenuOut";
    var arrowId=t.id.replace("cat","");
    document.getElementById("tdCat"+arrowId).className="leftMenuArrowOff";
}

function leftMenuOn(t)
{
    for(var i=0;i<leftMenuCategoryCount;i++)
    {
        var category = document.getElementById("cat"+i);
        var arrowImage=document.getElementById("tdCat"+i);
        if(category.className=="menuOn")
        {
            category.className="";
            category.onmouseover=function() {leftMenuHover(this);}
            category.onmouseout=function() {leftMenuOut(this);}
            category.onclick=function() {leftMenuOn(this);}
            arrowImage.className="leftMenuArrowOff";
        }
    }
    t.className="menuOn";
    t.onmouseover="";
    t.onmouseout="";
    var arrowId=t.id.replace("cat","");
    document.getElementById("tdCat"+arrowId).className="leftMenuArrow";

    document.getElementById("mainContentHeader").innerHTML = t.innerHTML;
    document.getElementById("mainText").innerHTML = getMainContent(currentPage,t.innerHTML);
    document.getElementById("mainText").scrollTop=0;
    if(currentPage=="Projects")
    {
        document.getElementById("backTD").innerHTML = "";
        document.getElementById("backTD").style.height="0px";
        //document.getElementById("mainText").style.height="230px";
    }
    getRightPanel(t.innerHTML);
}

function getRightPanel(p)
{
    var rightPanel=changeRightPanelPics(p);
    if(picsCount>0)
    {
        document.getElementById("mainText").style.width = "534px";
        var myHTML = "<div id=\"picsDiv\" ><div style='font-family:Verdana;font-size:9px;height:14px;color:#6b6a67;text-align:center;'>click to enlarge</div>";
        myHTML += rightPanel;
        myHTML += "</div>"
        document.getElementById("pics").innerHTML = myHTML;
        if(navigator.appName.indexOf("Netscape")==0)
        {
            //document.getElementById("picsDiv").style.height="227px";
            document.getElementById("picsDiv").style.width="200px";
            document.getElementById("picsDiv").style.overflow="auto";
        }
    }
    else
    {
        document.getElementById("mainText").style.width = "630px";
        
        document.getElementById("pics").innerHTML = "";
    }
}

function getMainContent(name,category)
{
    var d=new Date();
    var xmlHttp = GetXmlHttpObject();
    var strAdr="ajaxResources/getMainContent.aspx?name=" + name + "&cat=" + category + "&id=" +d.getMilliseconds() ;
    xmlHttp.open("GET",strAdr,false);
    xmlHttp.send(null);
    return xmlHttp.responseText;
}

function changeRightPanelPics(category)
{
    var d=new Date();
    var navi="IE";
    if(navigator.appName.indexOf("Netscape")==0)
    {
        navi="Netscape";
    }
    var xmlHttp = GetXmlHttpObject();

    var strAdr="ajaxResources/getRightPanelPics.aspx?q=" + category + "&page=" + currentPage + "&Browser=" +navi+ "&id=" +d.getMilliseconds();
    xmlHttp.open("GET",strAdr,false);
    xmlHttp.send(null);
    picsCount=xmlHttp.responseText.split(",")[1];
    return xmlHttp.responseText.split(",")[0];
    
}

function openPic(t)
{
    
    t=document.getElementById(t);
    
    changeOpac(40,"transDiv");
    document.getElementById("transDiv").style.visibility="visible";
    var dir = "width";
    if(t.height > t.width)
        dir = "height";
    document.getElementById("innerPic").innerHTML="<img id='innerImg" + t.id.replace("img","") +"' src='"+t.src+"' " + dir + "='300px' onclick='closePic()' align='center' />";
    document.getElementById("picDiv").style.top = (window.document.documentElement.offsetHeight/2) - 200 + "px";
    document.getElementById("picDiv").style.left = (window.document.documentElement.offsetWidth/2) - 200 + "px";
    document.getElementById("picDiv").style.display = "block";
}

function closePic()
{
    document.getElementById("transDiv").style.visibility = "hidden";
    document.getElementById("picDiv").style.display = "none";
}

 //change the opacity for different browsers 
function changeOpac(opacity, id) 
{ 
    if(document.getElementById(id)==null)
        return;
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}

function closeBtnOver(t)
{
    t.style.cursor="pointer";
    t.style.color="Black";
    
}

function closeBtnOut(t)
{
    t.style.cursor="default";
    t.style.color="White";
}

function closeBtnClick()
{
    closePic();
} 

function getPrevPic()
{
    var imgObject = document.getElementById("innerPic").firstChild;
    var imgId = imgObject.id;
    var imgNo = imgId.replace("innerImg","")*1;
    if(imgNo-1<0)
        imgNo = picsCount - 1;
    else
        imgNo--;
    var marqImgObject = document.getElementById("img"+imgNo);
    var dir = "width";
    if(marqImgObject.height > marqImgObject.width)
        dir = "height";
    document.getElementById("innerPic").innerHTML="<img id='innerImg" + imgNo +"' src='"+marqImgObject.src+"' " + dir + "='300px' onclick='closePic()' align='center' />";
}

function getNextPic()
{
    var imgObject = document.getElementById("innerPic").firstChild;
    var imgId = imgObject.id;
    var imgNo = imgId.replace("innerImg","")*1;
    if(imgNo+1==picsCount)
        imgNo = 0;
    else
        imgNo++;
    var marqImgObject = document.getElementById("img"+imgNo);
    var dir = "width";
    if(marqImgObject.height > marqImgObject.width)
        dir = "height";
    document.getElementById("innerPic").innerHTML="<img id='innerImg" + imgNo +"' src='"+marqImgObject.src+"' " + dir + "='300px' onclick='closePic()' align='center' />";
}

var scroller=0;
function getProject(t)
{
    scroller=document.getElementById("mainText").scrollTop;
    var projectNo=t.id;
    var projectTitle= t.innerHTML;
    document.getElementById("mainContentHeader").innerHTML=projectTitle;
    //document.getElementById("mainText").innerHTML = getMainContent(window.location.pathname.replace(".aspx","").replace("/meltzerSatNew/",""),projectNo+",Projects");
    document.getElementById("mainText").innerHTML = getMainContent(currentPage,projectNo+",Projects");
   // document.getElementById("mainText").style.height="200px";
    document.getElementById("backTD").style.display = "block";
    document.getElementById("backTD").style.height="30px";
    document.getElementById("backTD").innerHTML="<a id='back' href=\"#\"></a>";
    document.getElementById("back").onclick=function() {getCountries(t.title);}
    document.getElementById("back").innerHTML = "Back to " + t.title + " Projects";
    
    getRightPanel(projectNo+",Projects");
}

function changeContinent(t)
{
    document.getElementById("mapImg").src="images/"+t+".gif";
        
}

function getCountries(t)
{
    for(var i=0;i<6;i++)
    {
        if(document.getElementById("cat"+i).innerHTML==t)
        {
            leftMenuOn(document.getElementById("cat"+i));
            
            break;
        }
    }
    document.getElementById("mainText").scrollTop=scroller;
    scroller=0;
}

function getLookAngle()
{
    var ddlSatObj=document.getElementById("ddlSat");
    var satLong=ddlSatObj.options[ddlSatObj.selectedIndex].value;
    
    var ddlCityobj=document.getElementById("DropDownList2");
    var cityId=ddlCityobj.options[ddlCityobj.selectedIndex].value;
    
    var xmlHttp = GetXmlHttpObject();

    var strAdr="ajaxResources/getLookAngle.aspx?cityId=" + cityId + "&satLong=" + satLong;
    xmlHttp.open("GET",strAdr,false);
    xmlHttp.send(null);
    var azimuth=xmlHttp.responseText.split(",")[0];
    var magneticAzimuth=xmlHttp.responseText.split(",")[1];
    var elevation=xmlHttp.responseText.split(",")[2];
    var skew=xmlHttp.responseText.split(",")[3];
    if(elevation*1<1)
        document.getElementById("lblSat").innerHTML="Below Horizon";
    else
        document.getElementById("lblSat").innerHTML="True Azimuth: " + azimuth + "\u00b0 &nbsp;&nbsp;&nbsp;  Magnetic Azimuth: " + magneticAzimuth + "\u00b0 &nbsp;&nbsp;&nbsp;  Elevation: " + elevation + "\u00b0 &nbsp;&nbsp;&nbsp;  Skew: " + skew + "\u00b0";
}

function ddlChange()
{
    document.getElementById("lblSat").innerHTML="";
}

function getLatLong()
{
    var ddlCityobj=document.getElementById("DropDownList2");
    var cityId=ddlCityobj.options[ddlCityobj.selectedIndex].value;
    
    var xmlHttp = GetXmlHttpObject();

    var strAdr="ajaxResources/getLatLong.aspx?cityId=" + cityId;
    xmlHttp.open("GET",strAdr,false);
    xmlHttp.send(null);
    var latitude=xmlHttp.responseText.split(",")[0];
    var longitude=xmlHttp.responseText.split(",")[1];
    document.getElementById("lblLatitude").innerHTML=latitude;
    document.getElementById("lblLongitude").innerHTML=longitude;
}

function getSatPage()
{
    var ddlCityobj=document.getElementById("DropDownList2");
    var cityId=ddlCityobj.options[ddlCityobj.selectedIndex].value;
    window.open("satListPage.aspx?sort=Orbit&cityid="+cityId,"_blank","width=640,height=600");
}

function printPage() {
    document.getElementById("mainText").style.overflow = "visible";
    document.getElementById("mainText").style.height = "auto";
    window.print();
    document.getElementById("mainText").style.overflow = "auto";
    document.getElementById("mainText").style.height = "500px";
}

function doSaveAs()
{
    if (document.execCommand)
        document.execCommand("SaveAs",true,"\\MeltzerSat_List.html");
}

function sortTable()
{
    if(document.getElementById("divSort").style.visibility=="hidden")
        document.getElementById("divSort").style.visibility="visible";
    else
        document.getElementById("divSort").style.visibility="hidden";
}

var winW = 630, winH = 600;
function getWindowSize() {
    if (parseInt(navigator.appVersion) > 3) {
        if (navigator.appName == "Netscape") {
            winW = window.innerWidth;
            winH = window.innerHeight;
        }
        if (navigator.appName.indexOf("Microsoft") != -1) {
            winW = document.documentElement.offsetWidth;
            winH = document.documentElement.offsetHeight;
        }
    }
    var mainDiv = document.getElementById("mainDiv");
    if (mainDiv.offsetHeight - 30 < winH)
        mainDiv.style.height = (winH - 30) + "px";
    
    var mainText = document.getElementById("mainText");
    if (currentPage != "Customers")
        mainText.style.height = Math.max(230, (mainDiv.offsetHeight - 440)) + "px";
    else
        mainText.style.height = "20px";

}
