//Browser Detection
var browser = navigator.appName;
var ie = "Microsoft Internet Explorer";
var netscape = "Netscape";
///////////////////////////

// Top Menu Rollover
//var imgHome_on              = new Image();      imgHome_on.src              = "../App_Images/TopMenu/home_on.gif";
//var imgHome_off             = new Image();      imgHome_off.src             = "../App_Images/TopMenu/home_off.gif";
//var imgAboutUs_on           = new Image();      imgAboutUs_on.src           = "../App_Images/TopMenu/aboutus_on.gif";
//var imgAboutUs_off          = new Image();      imgAboutUs_off.src          = "../App_Images/TopMenu/aboutus_off.gif";
//var imgOurClients_on        = new Image();      imgOurClients_on.src        = "../App_Images/TopMenu/ourclients_on.gif";
//var imgOurClients_off       = new Image();      imgOurClients_off.src       = "../App_Images/TopMenu/ourclients_off.gif";
//var imgGallery_on           = new Image();      imgGallery_on.src           = "../App_Images/TopMenu/gallery_on.gif";
//var imgGallery_off          = new Image();      imgGallery_off.src          = "../App_Images/TopMenu/gallery_off.gif";
//var imgRecentProjects_on    = new Image();      imgRecentProjects_on.src    = "../App_Images/TopMenu/recentprojects_on.gif";
//var imgRecentProjects_off   = new Image();      imgRecentProjects_off.src   = "../App_Images/TopMenu/recentprojects_off.gif";
//var imgEstimates_on         = new Image();      imgEstimates_on.src         = "../App_Images/TopMenu/estimates_on.gif";
//var imgEstimates_off        = new Image();      imgEstimates_off.src        = "../App_Images/TopMenu/estimates_off.gif";
//var imgContactUs_on         = new Image();      imgContactUs_on.src         = "../App_Images/TopMenu/contactus_on.gif";
//var imgContactUs_off        = new Image();      imgContactUs_off.src        = "../App_Images/TopMenu/contactus_off.gif";
//var imgHurricane_on         = new Image();      imgHurricane_on.src         = "../App_Images/TopMenu/hurricane_on.gif";
//var imgHurricane_off        = new Image();      imgHurricane_off.src        = "../App_Images/TopMenu/hurricane_off.gif";
/////////////////////////////

function showCaption(tab, caption) {

    caption += "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"javascript:popUpLargeImage()\" title='click to enlarge' style='font-size:10px;'><img src='../App_Images/mag_glass.png' alt='click to enlarge' align='middle' border='0' />enlarge</a>";

    if (document.getElementById) {
        document.getElementById(tab).style.display = 'block';
        document.getElementById(tab).innerHTML = caption;
    }

    else if (browser == netscape) {
        document.layers[tab].style.display = 'block';
        document.layers[tab].innerHTML = caption;
    }

    else if (browser == ie) {
        document.all[tab].style.display = 'block';
        document.all[tab].innerHTML = caption;
    }
}

function hideCaption(tab) {
    if (document.getElementById) {
        document.getElementById(tab).style.display = 'none';
        document.getElementById(tab).innerHTML = '';
    }

    else if (browser == netscape) {
        document.layers[tab].style.display = 'none';
        document.layers[tab].innerHTML = '';
    }

    else if (browser == ie) {
        document.all[tab].style.display = 'none';
        document.all[tab].innerHTML = '';
    }
}

function ShowHide(tab) {
    var currDisplay;

    if (document.getElementById) {

        currDisplay = document.getElementById(tab).style.display;
        if (currDisplay == 'none') {
            document.getElementById(tab).style.display = 'block';
        }
        else {
            document.getElementById(tab).style.display = 'none';
        }
    }

    else if (browser == netscape) {

        currDisplay = document.layers[tab].style.display;
        if (currDisplay == 'none') {
            document.layers[tab].style.display = 'block';
        }
        else {
            document.layers[tab].style.display = 'none';
        }
    }

    else if (browser == ie) {

        currDisplay = document.all[tab].style.display;
        if (currDisplay == 'none') {
            document.all[tab].style.display = 'block';
        }
        else {
            document.all[tab].style.display = 'none';
        }
    }
}

function opacity(id, opacStart, opacEnd, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    var i = 0;

    if (opacStart > opacEnd) {
        for (i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    } else if (opacStart < opacEnd) {
        for (i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    }
}

function shiftOpacity(id, millisec) {
    if (document.getElementById) {
        if (document.getElementById(id).style.opacity == 0) {
            opacity(id, 0, 100, millisec);
        } else {
            opacity(id, 100, 0, millisec);
        }
    }
    else if (browser == netscape) {
        if (document.layers[id].style.opacity == 0) {
            opacity(id, 0, 100, millisec);
        }
        else {
            opacity(id, 100, 0, millisec);
        }
    }
    else if (browser == ie) {
        if (document.all[tab].style.opacity == 0) {
            opacity(id, 0, 100, millisec);
        }
        else {
            opacity(id, 100, 0, millisec);
        }
    }
}

function changeOpac(opacity, id) {
    var object;

    if (document.getElementById) {
        object = document.getElementById(id).style;
    }
    else if (browser == netscape) {
        object = document.layers[id].style;
    }
    else if (browser == ie) {
        object = document.all[tab].style;
    }

    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
    object.zoom = 1;
    object.zIndex = opacity - 1;
}


function showBannerImage(img) {
    eval("document.imgBanner.src = \"../App_Images/FrontBanners/" + img + "\"");
}

function showGalleryImage(img) {
    eval("document.imgBanner.src = \"../App_Images/Gallery/" + img + "\"");
}

function rollOn(imgName) {
  eval("document." + imgName + ".src = " + imgName + "_on.src");
}

function rollOff(imgName) {
  eval("document." + imgName + ".src = " + imgName + "_off.src");
}

function popUp(url,width,height,scroll) {
	win = window.open(url,"win","resizable,location=0,scrollbars=" + scroll + ",width=" + width + ",height=" + height + "");
}

function popUpLargeImage() {
    var url = document.imgBannerLarge.src;
    popUp("/Gallery/GalleryPopUp.aspx?url=" + url, 850, 690, false);
}

function HighlightTextbox(element){
    element.className = "FormTextbox Selected";
}

function ResetTextbox(element) {
    element.className = "FormTextbox";
}