// JScript File
var overlay = false;
var ie = false;
var currentOverlay = "";

if( navigator.appName.substring(0,9) == "Microsoft" ){
    ie = true;
}

function initialPosition(){
    var tabClose = document.getElementById('tabClose');
    var menuDiv1 = document.getElementById('servicesFlyout');
    var menuDiv2 = document.getElementById('portFlyout');
    var menuDiv3 = document.getElementById('aboutFlyout');
    var menuDiv4 = document.getElementById('contactFlyout');
    var newWidth, newHeight, newTop, newLeft;
    var widthVal, topVal, heightVal, leftVal;
    
    if( ie == true ){
        widthVal = (parseInt(document.body.offsetWidth) - 100);
        leftVal = ((widthVal - (widthVal - 100))/2);
        heightVal = (parseInt(screen.height) - 140);
        topVal = (0 - heightVal);
    }
    else{
        widthVal = (parseInt(window.innerWidth) - 100);
        leftVal = (parseInt(window.innerWidth) - 100);
        heightVal = (parseInt(document.documentElement.clientHeight) - 10);
        topVal = (0 - (parseInt(document.documentElement.clientHeight) - 10));
    }
    
    newWidth = widthVal + "px";
    newLeft = leftVal + "px";
    newHeight = heightVal + "px";
    newTop = topVal + "px";
    
    if( tabClose != null ){
        tabClose.style.top = topVal + "px";
        tabClose.style.left = ((leftVal + widthVal - 60)/2) + "px"; 
    }
    
    if( menuDiv1 != null){
        menuDiv1.style.width = newWidth;
        menuDiv1.style.height = newHeight;
        menuDiv1.style.top = newTop;
        menuDiv1.style.left = newLeft;
    }
    
    if( menuDiv2 != null){
        menuDiv2.style.width = newWidth;
        menuDiv2.style.height = newHeight;
        menuDiv2.style.top = newTop;
        menuDiv2.style.left = newLeft;
    }
    
    if( menuDiv3 != null){
        menuDiv3.style.width = newWidth;
        menuDiv3.style.height = newHeight;
        menuDiv3.style.top = newTop;
        menuDiv3.style.left = newLeft;
    }
    
    if( menuDiv4 != null){
        menuDiv4.style.width = newWidth;
        menuDiv4.style.height = newHeight;
        menuDiv4.style.top = newTop;
        menuDiv4.style.left = newLeft;
    }
}

function menuHighlight(divName){
    var hilite = document.getElementById(divName);
    if( hilite != null ){
        hilite.style.backgroundColor = "#da1121";
    }
}

function menuUnhighlight(divName){
    var unhilite = document.getElementById(divName);
    if( unhilite != null ){
        unhilite.style.backgroundColor = "#ff921b";
    }
}

function flyOut(divName){
    var divElem = document.getElementById(divName);
    var divClose = document.getElementById("tabClose");
    var newTop, currentTop, valueAsString;
    var recall = true;
    
    if( overlay == false && divElem != null && divClose != null ){
        
        valueAsString = divElem.style.top;
        currentTop = valueAsString.substr(0, valueAsString.indexOf("px"));
        newTop = (parseInt(currentTop) + 100);
        
        if( newTop > 1 ){
            newTop = 1
            recall = false;
        }
        
        newTop += "px"
        
        divElem.style.top = newTop;
        divClose.style.top = newTop;
        
        if( recall == true ){
            setTimeout("flyOut('" + divName + "');");
        }
        else{
            overlay = true;
            currentOverlay = divName;
        }
    }
}

function flyHome(){
    var divName = currentOverlay;
    var divElem = document.getElementById(divName);
    var divClose = document.getElementById("tabClose");
    var newTop, currentTop, currentHeight, valueAsString;
    var recall = false;
    
    if( divElem != null && divClose != null ){
        valueAsString = divElem.style.top;
        currentTop = valueAsString.substr(0, valueAsString.indexOf("px"));
        newTop = (currentTop - 100);
        
        valueAsString = divElem.style.height;
        currentHeight = valueAsString.substr(0, valueAsString.indexOf("px"));
        
        if( parseInt(newTop) >= 0 - parseInt(currentHeight) ){
            recall = true;
        }
        
        newTop += "px";
                
        divElem.style.top = newTop;
        divClose.style.top = newTop;
        
        if( recall == true ){
            setTimeout("flyHome('" + divName + "');");
        }
        else{
            currentOverlay = "";
            divElem.style.visibility = "hidden";
            overlay = false;
        }
    }
}

function menuClick(divName){
    var flyoutName = divName+"Flyout";
    var divElem = document.getElementById( flyoutName );   
    var divClose = document.getElementById( "tabClose" );   
    
    if( overlay == false && divElem != null && divClose != null ){
        currentOverlay = flyoutName;
        sizeToBrowser(flyoutName);
        divElem.style.visibility = "visible";
        divClose.style.visibility = "visible";
        flyOut(flyoutName);
    }
}

function resizeToBrowser(){
    sizeToBrowser(currentOverlay);
}
    
function sizeToBrowser( divName ){
    var newWidth, newHeight, newTop, newLeft;
    var menuDiv = document.getElementById(divName);
    
    if( ie == true ){
        widthVal = (parseInt(document.body.offsetWidth) - 100);
        leftVal = ((widthVal - (widthVal - 100))/2);
        heightVal = (parseInt(screen.height) - 140);
        topVal = (0 - heightVal);
    }
    else{
        widthVal = (parseInt(window.innerWidth) - 100);
        leftVal = ((widthVal - (widthVal - 100))/2);
        heightVal = (parseInt(document.documentElement.clientHeight) - 10);
        topVal = (0 - heightVal - 10);
    }
    
    newWidth = widthVal + "px";
    newLeft = leftVal + "px";
    newHeight = heightVal + "px";
    newTop = topVal + "px";
    
    if( divName == "" ){
        menuDiv = document.body.firstChild;
        while( menuDiv != null){
            if(menuDiv.id != null){
                if(menuDiv.id.indexOf("Flyout") > -1){
                    menuDiv.style.width = newWidth;
                    menuDiv.style.height = newHeight;
                    menuDiv.style.left = newLeft;
                    if( currentOverlay != menuDiv.id ){
                        menuDiv.style.top = newTop;
                    }
                }
                else if(menuDiv.id.indexOf("tabClose") > -1){
                    menuDiv.style.left = (leftVal + widthVal) + "px";
                }
            }
            
            menuDiv = menuDiv.nextSibling;
        }
    }
    else{
        menuDiv.style.width = newWidth;
        menuDiv.style.height = newHeight;
        menuDiv.style.left = newLeft;
        document.getElementById("tabClose").style.left = (leftVal + ((widthVal - 60)/2)) + "px";
    }
}