// Preloader
function preloader() {
    // counter
    var i = 0;
    
    // create object
    imageObj = new Image();
    
    // set image list
    images = new Array();
    images[0]="/media/images/topnav_home_on.gif"
    images[1]="/media/images/topnav_overview_on.gif"
    images[2]="/media/images/topnav_projects_on.gif"
    images[3]="/media/images/topnav_news_on.gif"
    images[4]="/media/images/topnav_contact_on.gif"
    images[5]="/media/images/background_menu_over.gif"
    images[6]="/media/images/banner_projects_office.jpg"
    images[7]="/media/images/banner_projects_industrial.jpg"
    images[8]="/media/images/banner_projects_medical.jpg"
    images[9]="/media/images/banner_projects_retail.jpg"
    images[10]="/media/images/banner_projects_service.jpg"
    images[11]="/media/images/banner_projects_institutional.jpg"
    images[12]="/media/images/banner_projects_current.jpg"
    images[13]="/media/images/banner_overview.jpg"
    images[14]="/media/images/banner_contact.jpg"
    images[15]="/media/images/banner_news.jpg"
    images[16]="/media/images/btn_download_on.gif"
    images[17]="/media/images/btn_email_on.gif"
    images[18]="/media/images/btn_gotocontactus_on.gif"
    images[19]="/media/images/btn_morenews_on.gif"
    images[20]="/media/images/btn_moreprojects_on.gif"
    images[21]="/media/images/btn_viewarticles_on.gif"
    images[22]="/media/images/topnav_logout_on.gif"
    images[23]="/media/images/topnav_admins_on.gif"
    
    // start preloading
    for(i=0; i<=23; i++) {
      imageObj.src=images[i];
    }
} 

// Rollovers
function imgRollover(img,state){
  document.images[img].src = "media/images/" + img + "_" + state + ".gif";
}

function switchImage(img1,img2) {
    var use3 = document.images.morephotos_3;
    var use4 = document.images.morephotos_4;
    
    if (img1 == "morephotos_1") {
        document.images["morephotos_1"].src = "media/images/morephotos_1_over.gif";
        document.images["morephotos_2"].src = "media/images/morephotos_2_off.gif";
        if (use3) { document.images["morephotos_3"].src = "media/images/morephotos_3_off.gif"; }
        if (use4) { document.images["morephotos_4"].src = "media/images/morephotos_4_off.gif"; }
    } else if (img1 == "morephotos_2") {
        document.images["morephotos_1"].src = "media/images/morephotos_1_off.gif";
        document.images["morephotos_2"].src = "media/images/morephotos_2_over.gif";
        if (use3) { document.images["morephotos_3"].src = "media/images/morephotos_3_off.gif"; }
        if (use4) { document.images["morephotos_4"].src = "media/images/morephotos_4_off.gif"; }
    } else if (img1 == "morephotos_3") {
        document.images["morephotos_1"].src = "media/images/morephotos_1_off.gif";
        document.images["morephotos_2"].src = "media/images/morephotos_2_off.gif";
        if (use3) { document.images["morephotos_3"].src = "media/images/morephotos_3_over.gif"; }
        if (use4) { document.images["morephotos_4"].src = "media/images/morephotos_4_off.gif"; }
    } else {
        document.images["morephotos_1"].src = "media/images/morephotos_1_off.gif";
        document.images["morephotos_2"].src = "media/images/morephotos_2_off.gif";
        if (use3) { document.images["morephotos_3"].src = "media/images/morephotos_3_off.gif"; }
        if (use4) { document.images["morephotos_4"].src = "media/images/morephotos_4_over.gif"; }
    }
    
    document.images['ProjectPhoto'].src = "media/images/projects/" + img2;

}

function alignDIVs() {

    var browserWidth = 0;
    var browserHeight = 0;
    
    preloader();
    
    if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
        //IE 6+ in 'standards compliant mode'
        browserWidth = document.documentElement.clientWidth;
        browserHeight = document.documentElement.clientHeight;
    } else if( typeof( window.innerWidth ) == 'number' ) {
        //Non-IE
        browserWidth = window.innerWidth;
        browserHeight = window.innerHeight;
    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        //IE 4 compatible
        browserWidth = document.body.clientWidth;
        browserHeight = document.body.clientHeight;
    }
    
    document.getElementById("ourwork").style.left=(browserWidth/2)+55 + "px";
    document.getElementById("contactus").style.left=(browserWidth/2)+60 + "px";
    document.getElementById("ourwork").style.display = "block";
    document.getElementById("contactus").style.display = "block";
}

function confirmSomething(msg,url) {
    var confirmIt = confirm(msg);
    if ( confirmIt ) {
        location.href = url;
    } else {
        return false;
    }
}