﻿var myPage = 1;

function doOver(num) {
    if (num != myPage) {
        switch (num) {
            case 1:
                document.getElementById("home").style.cursor = "pointer";
                document.getElementById("home").src = "Images/home2.gif"
                break;
            case 2:
                document.getElementById("design").style.cursor = "pointer";
                document.getElementById("design").src = "Images/design2.gif"
                break;
            case 3:
                document.getElementById("application").style.cursor = "pointer";
                document.getElementById("application").src = "Images/application2.gif"
                break;
            case 4:
                document.getElementById("marketing").style.cursor = "pointer";
                document.getElementById("marketing").src = "Images/marketing2.gif"
                break;
            case 5:
                document.getElementById("search").style.cursor = "pointer";
                document.getElementById("search").src = "Images/search2.gif"
                break;
            case 6:
                document.getElementById("referral").style.cursor = "pointer";
                document.getElementById("referral").src = "Images/referral2.gif"
                break;
            case 7:
                document.getElementById("affiliates").style.cursor = "pointer";
                document.getElementById("affiliates").src = "Images/affiliate2.gif"
                break;
            case 8:
                document.getElementById("contact").style.cursor = "pointer";
                document.getElementById("contact").src = "Images/contact2.gif"
                break;
        }

    }
}

function doOut(num) {
    if (num != myPage) {
        switch (num) {
            case 1:
                document.getElementById("home").src = "Images/home1.gif"
                break;
            case 2:
                document.getElementById("design").src = "Images/design1.gif"
                break;
            case 3:
                document.getElementById("application").src = "Images/application1.gif"
                break;
            case 4:
                document.getElementById("marketing").src = "Images/marketing1.gif"
                break;
            case 5:
                document.getElementById("search").src = "Images/search1.gif"
                break;
            case 6:
                document.getElementById("referral").src = "Images/referral1.gif"
                break;
            case 7:
                document.getElementById("affiliates").src = "Images/affiliate1.gif"
                break;
            case 8:
                document.getElementById("contact").src = "Images/contact1.gif"
                break;
        }

    }
}

function doClick(num) {
    switch (num) {
        case 1:
            window.location = "index.htm";
            break;
        case 2:
            window.location = "design.htm";
            break;
        case 3:
            window.location = "applications.htm";
            break;
        case 4:
            window.location = "marketing.htm";
            break;
        case 5:
            window.location = "seo.htm";
            break;
        case 6:
            window.location = "referral.htm";
            break;
        case 7:
            window.location = "affiliates.htm";
            break;
        case 8:
            window.location = "contact.htm";
            break;
    }
}

function doLoad() {
    var myElement;
    var x;
    var docWidth = document.body.offsetWidth - 20;
    var docHeight = document.body.offsetHeight;

    if (navigator.appName == "Netscape") {
        docWidth = document.body.clientWidth;
        docHeight = document.body.clientHeight;
    }

    myElement = document.getElementById("main");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 0;
    myElement.style.width = docWidth;
    myElement.style.height = docHeight;

    myElement = document.getElementById("lframe");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 0;
    myElement.style.width = 175;
    myElement.style.height = docHeight;
    myElement.style.backgroundColor = "#000000";

    myElement = document.getElementById("rframe");
    myElement.style.position = "absolute";
    myElement.style.left = 175;
    myElement.style.top = 0;
    myElement.style.width = docWidth - 176;
    myElement.style.backgroundColor = "#314161";
    myElement.style.height = docHeight;

    myElement = document.getElementById("Img1");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 0;

    myElement = document.getElementById("Img2");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 88;

    myElement = document.getElementById("Img3");
    myElement.style.position = "absolute";
    myElement.style.left = 175;
    myElement.style.top = 0;

    myElement = document.getElementById("Img4");
    myElement.style.position = "absolute";
    myElement.style.left = 175;
    myElement.style.top = 64;

    myElement = document.getElementById("Img5");
    myElement.style.position = "absolute";
    myElement.style.left = 175;
    myElement.style.top = 88;

    myElement = document.getElementById("Img6");
    myElement.style.position = "absolute";
    myElement.style.left = 495;
    myElement.style.top = 0;

    myElement = document.getElementById("Img7");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 144;

    myElement = document.getElementById("Img7a");
    myElement.style.position = "absolute";
    myElement.style.left = 176;
    myElement.style.top = 144;

    myElement = document.getElementById("Img8");
    myElement.style.position = "absolute";
    myElement.style.left = 175;
    myElement.style.top = 144;
    myElement.style.width = 320;
    myElement.style.height = 40;

    myElement = document.getElementById("Img9");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 440;

    myElement = document.getElementById("home");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 184;
    myElement.src = "Images/home3.gif"

    myElement = document.getElementById("design");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 216;
    myElement.src = "Images/design1.gif"

    myElement = document.getElementById("application");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 248;
    myElement.src = "Images/application1.gif"

    myElement = document.getElementById("marketing");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 280;
    myElement.src = "Images/marketing1.gif"

    myElement = document.getElementById("search");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 312;
    myElement.src = "Images/search1.gif"

    myElement = document.getElementById("referral");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 344;
    myElement.src = "Images/referral1.gif"

    myElement = document.getElementById("affiliates");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 376;
    myElement.src = "Images/affiliate1.gif"

    myElement = document.getElementById("contact");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 408;
    myElement.src = "Images/contact1.gif"

    myElement = document.getElementById("Img18");
    myElement.style.position = "absolute";
    myElement.style.left = 750;
    myElement.style.top = 75
    myElement.style.width = docWidth - 750;
    myElement.style.height = 94;

    myElement = document.getElementById("homediv");
    myElement.style.position = "absolute";
    myElement.style.left = 0;
    myElement.style.top = 200
    myElement.style.width = docWidth - 175;
    myElement.style.paddingLeft = "80px";
    myElement.style.paddingRight = "20px";
    myElement.style.paddingBottom = "50px";
    myElement.style.backgroundColor = "#314161";

 
    myElement = document.getElementById("main");
    myElement.style.display = "inline";
}

window.onload = doLoad;
window.onresize = doLoad;

// <!CDATA[

function lname_onclick() {

}

// ]]>

