var header_selected = "";
var header_sub_selected = "";

function change_content(obj)
{
    var id=obj.id;
    switch(id)
    {
        case "contact":
        {
            unselect_menu();
            hide_submenu();
            header_selected = "contact";
            obj.src="Graphics/contact_over.png";
            document.getElementById("content").src="contact_us.html";
            break;
        }
        case "about":
        {
            unselect_menu();
            hide_submenu();
            header_selected = "about";
            obj.src="Graphics/about_over.png";
            document.getElementById("content").src="about_us.html";
            break;
        }
        case "careers":
        {
            unselect_menu();
            hide_submenu();
            header_selected = "careers";
            obj.src="Graphics/careers_over.png";
            document.getElementById("content").src="careers.aspx";
            break;
         }
         case "rendering":
         {
            unselect_menu();
            header_selected = "rendering";
            obj.src="Graphics/rendering_over.png";
            hide_submenu();
            document.getElementById("rendering_menu").style.display = "block";
            unselect_submenu("rendering");
            header_sub_selected = "contract";
            document.getElementById("contract").src="Graphics/contract_over.png";
            document.getElementById("content").src="Visual_Media/contract_furniture.html";
            break;
         }
         case "animation":
         {
            unselect_menu();
            header_selected = "animation";
            obj.src="Graphics/animation_over.png";
            hide_submenu();
            document.getElementById("animation_menu").style.display = "block";
            unselect_submenu("animation");
            header_sub_selected = "projects";
            document.getElementById("projects").src="Graphics/projects_over.png";
            document.getElementById("content").src="Visual_Media/projects.html";
            break;
         }
         case "interactive":
         {
            unselect_menu();
            header_selected = "interactive";
            obj.src="Graphics/interactive_over.png";
            hide_submenu();
            document.getElementById("interactive_menu").style.display = "block";
            unselect_submenu("interactive");
            header_sub_selected = "software_projects";
            document.getElementById("software_projects").src="Graphics/software_projects_over.png";
            document.getElementById("content").src="Software/projects.html";
            break;
         }
         case "contract":
         {
            unselect_submenu("rendering");
            header_selected = "rendering";
            header_sub_selected = "contract";
            obj.src="Graphics/contract_over.png";
            document.getElementById("content").src="Visual_Media/contract_furniture.html";
            break;
         }
         case "hospitality":
         {
            unselect_submenu("rendering");
            header_selected = "rendering";
            header_sub_selected = "hospitality";
            obj.src="Graphics/hospitality_over.png";
            document.getElementById("content").src="Visual_Media/hospitality.html";
            break;
         }
         case "consumer":
         {
            unselect_submenu("rendering");
            header_selected = "rendering";
            header_sub_selected = "consumer";
            obj.src="Graphics/consumer_over.png";
            document.getElementById("content").src="Visual_Media/consumer_products.html";
            break;
         }
         case "health":
         {
            unselect_submenu("rendering");
            header_selected = "rendering";
            header_sub_selected = "health";
            obj.src="Graphics/health_over.png";
            document.getElementById("content").src="Visual_Media/health-fitness.html";
            break;
         }
         case "projects":
         {
            unselect_submenu("animation");
            header_selected = "animation";
            header_sub_selected = "projects";
            obj.src="Graphics/projects_over.png";
            document.getElementById("content").src="Visual_Media/projects.html";
            break;
         }
         case "process":
         {
            unselect_submenu("animation");
            header_selected = "animation";
            header_sub_selected = "process";
            obj.src="Graphics/process_over.png";
            document.getElementById("content").src="Visual_Media/process.html";
            break;
         }
         case "software_projects":
         {
            unselect_submenu("interactive");
            header_selected = "interactive";
            header_sub_selected = "software_projects";
            obj.src="Graphics/software_projects_over.png";
            document.getElementById("content").src="Software/projects.html";
            break;
         }
         case "product":
         {
            unselect_submenu("interactive");
            header_selected = "interactive";
            header_sub_selected = "product";
            obj.src="Graphics/product_over.png";
            document.getElementById("content").src="Software/products_services.html";
            break;
         }
         case "methodolgy":
         {
            unselect_submenu("interactive");
            header_selected = "interactive";
            header_sub_selected = "methodolgy";
            obj.src="Graphics/methodolgy_over.png";
            document.getElementById("content").src="Software/methodology.html";
            break;
         }
         case "technical":
         {
            unselect_submenu("interactive");
            header_selected = "interactive";
            header_sub_selected = "technical";
            obj.src="Graphics/technical_over.png";
            document.getElementById("content").src="Software/technical_expertise.html";
            break;
         }
         case "clients":
         {
            unselect_submenu("interactive");
            header_selected = "interactive";
            header_sub_selected = "clients";
            obj.src="Graphics/clients_over.png";
            document.getElementById("content").src="Software/clients.html";
            break;
         }
         case "literature_request":
         {
            unselect_menu();
            hide_submenu();
            header_selected = "literature_request";
            obj.src="Graphics/literature_request_over.png";
            document.getElementById("content").src="Visual_Media/literature_request.aspx";
            break;
         }
         case "login":
         {
            LoginToBarnyard('root');
            break;
         }
         case "f_rendering":
         {
            unselect_menu();
            header_selected = "rendering";
            document.getElementById("rendering").src="Graphics/rendering_over.png";
            hide_submenu();
            document.getElementById("rendering_menu").style.display = "block";
            unselect_submenu("rendering");
            header_sub_selected = "contract";
            document.getElementById("contract").src="Graphics/contract_over.png";
            document.getElementById("content").src="Visual_Media/contract_furniture.html";
            break;
         }
         case "f_contract":
         {
            unselect_menu();
            header_selected = "rendering";
            document.getElementById("rendering").src="Graphics/rendering_over.png";
            hide_submenu();
            document.getElementById("rendering_menu").style.display = "block";
            unselect_submenu("rendering");
            header_sub_selected = "contract";
            document.getElementById("contract").src="Graphics/contract_over.png";
            document.getElementById("content").src="Visual_Media/contract_furniture.html";
            break;
         }
         case "f_hospitality":
         {
            unselect_menu();
            header_selected = "rendering";
            document.getElementById("rendering").src="Graphics/rendering_over.png";
            hide_submenu();
            document.getElementById("rendering_menu").style.display = "block";
            unselect_submenu("rendering");
            header_sub_selected = "hospitality";
            document.getElementById("hospitality").src="Graphics/hospitality_over.png";
            document.getElementById("content").src="Visual_Media/hospitality.html";
            break;
         }
         case "f_consumer":
         {
            unselect_menu();
            header_selected = "rendering";
            document.getElementById("rendering").src="Graphics/rendering_over.png";
            hide_submenu();
            document.getElementById("rendering_menu").style.display = "block";
            unselect_submenu("rendering");
            header_sub_selected = "consumer";
            document.getElementById("consumer").src="Graphics/consumer_over.png";
            document.getElementById("content").src="Visual_Media/consumer_products.html";
            break;
         }
         case "f_health":
         {
            unselect_menu();
            header_selected = "rendering";
            document.getElementById("rendering").src="Graphics/rendering_over.png";
            hide_submenu();
            document.getElementById("rendering_menu").style.display = "block";
            unselect_submenu("rendering");
            header_sub_selected = "health";
            document.getElementById("health").src="Graphics/health_over.png";
            document.getElementById("content").src="Visual_Media/health-fitness.html";
            break;
         }
         case "f_animation":
         {
            unselect_menu();
            header_selected = "animation";
            document.getElementById("animation").src="Graphics/animation_over.png";
            hide_submenu();
            document.getElementById("animation_menu").style.display = "block";
            unselect_submenu("animation");
            header_sub_selected = "projects";
            document.getElementById("projects").src="Graphics/projects_over.png";
            document.getElementById("content").src="Visual_Media/projects.html";
            break;
         }
         case "f_projects":
         {
            unselect_menu();
            header_selected = "animation";
            document.getElementById("animation").src="Graphics/animation_over.png";
            hide_submenu();
            document.getElementById("animation_menu").style.display = "block";
            unselect_submenu("animation");
            header_sub_selected = "projects";
            document.getElementById("projects").src="Graphics/projects_over.png";
            document.getElementById("content").src="Visual_Media/projects.html";
            break;
         }
         case "f_process":
         {
            unselect_menu();
            header_selected = "animation";
            document.getElementById("animation").src="Graphics/animation_over.png";
            hide_submenu();
            document.getElementById("animation_menu").style.display = "block";
            unselect_submenu("animation");
            header_sub_selected = "process";
            document.getElementById("process").src="Graphics/process_over.png";
            document.getElementById("content").src="Visual_Media/process.html";
            break;
         }
         case "f_interactive":
         {
            unselect_menu();
            header_selected = "interactive";
            document.getElementById("interactive").src="Graphics/interactive_over.png";
            hide_submenu();
            document.getElementById("interactive_menu").style.display = "block";
            unselect_submenu("interactive");
            header_sub_selected = "software_projects";
            document.getElementById("software_projects").src="Graphics/software_projects_over.png";
            document.getElementById("content").src="Software/projects.html";
            break;
         }
         case "f_software_projects":
         {
            unselect_menu();
            header_selected = "interactive";
            document.getElementById("interactive").src="Graphics/interactive_over.png";
            hide_submenu();
            document.getElementById("interactive_menu").style.display = "block";
            unselect_submenu("interactive");
            header_sub_selected = "software_projects";
            document.getElementById("software_projects").src="Graphics/software_projects_over.png";
            document.getElementById("content").src="Software/projects.html";
            break;
         }
         case "f_product":
         {
            unselect_menu();
            header_selected = "interactive";
            document.getElementById("interactive").src="Graphics/interactive_over.png";
            hide_submenu();
            document.getElementById("interactive_menu").style.display = "block";
            unselect_submenu("interactive");
            header_sub_selected = "product";
            document.getElementById("product").src="Graphics/product_over.png";
            document.getElementById("content").src="Software/products_services.html";
            break;
         }
         case "f_methodolgy":
         {
            unselect_menu();
            header_selected = "interactive";
            document.getElementById("interactive").src="Graphics/interactive_over.png";
            hide_submenu();
            document.getElementById("interactive_menu").style.display = "block";
            unselect_submenu("interactive");
            header_sub_selected = "methodolgy";
            document.getElementById("methodolgy").src="Graphics/methodolgy_over.png";
            document.getElementById("content").src="Software/methodology.html";
            break;
         }
         case "f_technical":
         {
            unselect_menu();
            header_selected = "interactive";
            document.getElementById("interactive").src="Graphics/interactive_over.png";
            hide_submenu();
            document.getElementById("interactive_menu").style.display = "block";
            unselect_submenu("interactive");
            header_sub_selected = "technical";
            document.getElementById("technical").src="Graphics/technical_over.png";
            document.getElementById("content").src="Software/technical_expertise.html";
            break;
         }
         case "f_clients":
         {
            unselect_menu();
            header_selected = "interactive";
            document.getElementById("interactive").src="Graphics/interactive_over.png";
            hide_submenu();
            document.getElementById("interactive_menu").style.display = "block";
            unselect_submenu("interactive");
            header_sub_selected = "clients";
            document.getElementById("clients").src="Graphics/clients_over.png";
            document.getElementById("content").src="Software/clients.html";
            break;
         }
        default:
            break;
    }
}

function unselect_menu()
{
    header_selected="";
    document.getElementById("contact").src="Graphics/contact.png";
    document.getElementById("about").src="Graphics/about.png";
    document.getElementById("careers").src="Graphics/careers.png";
    document.getElementById("rendering").src="Graphics/rendering.png";
    document.getElementById("animation").src="Graphics/animation.png";
    document.getElementById("interactive").src="Graphics/interactive.png";
    document.getElementById("literature_request").src="Graphics/literature_request.png";
    document.getElementById("login").src="Graphics/login.png";
}

function hide_submenu()
{
    document.getElementById("rendering_menu").style.display = "none";
    document.getElementById("animation_menu").style.display = "none";
    document.getElementById("interactive_menu").style.display = "none";
}

function unselect_submenu(menu)
{
    header_sub_selected = "";
    switch(menu)
    {
        case "rendering":
        {
            document.getElementById("contract").src="Graphics/contract.png";
            document.getElementById("hospitality").src="Graphics/hospitality.png";
            document.getElementById("consumer").src="Graphics/consumer.png";
            document.getElementById("health").src="Graphics/health.png";
            break;
        }
        case "animation":
        {
            document.getElementById("projects").src="Graphics/projects.png";
            document.getElementById("process").src="Graphics/process.png";
        }
        case "interactive":
        {
            document.getElementById("software_projects").src="Graphics/software_projects.png";
            document.getElementById("product").src="Graphics/product.png";
            document.getElementById("methodolgy").src="Graphics/methodolgy.png";
            document.getElementById("technical").src="Graphics/technical.png";
            document.getElementById("clients").src="Graphics/clients.png";
        }
        default:
            break;
    }
}

//mouse over event
function mOver_header(obj)
{
    obj.style.cursor = 'Pointer'

    var index = obj.src.search(/_over/);
    if(index == -1)
    {
        obj.src = obj.src.replace(".png", "_over.png")
    }
}

//mouse out event
function mOut_header(obj)
{
    obj.style.cursor = 'Default'

    var index = obj.src.search(/_over/);
    
    //check if the current object is not clicked
    if(obj.id != header_selected && obj.id != header_sub_selected)
    {
        if(index != -1)
        {
            obj.src = obj.src.replace("_over.png", ".png")
        }
    }
}

function footer_text_over(obj)
{
    obj.style.cursor = 'Pointer';
    obj.className = 'footer_text_over';
}

function footer_text_out(obj)
{
    obj.style.cursor = 'Default';
    obj.className = 'footer_text';
}

function slide_image(type,page)
{
    if(type=="pre")
        self.parent.slide_pre(page);
    else if(type=="next")
        self.parent.slide_next(page);
}

function slide_pre(page)
{
    switch(page)
    {
        case "nucraft":
        {
            $("#project_nucraft").hide("slide", { direction: "right" }, 1000);
            $("#project_steelcase").show("slide", { direction: "left" }, 1000);
            break;
        }
        case "ais":
        {
            $("#project_ais").hide("slide", { direction: "right" }, 1000);
            $("#project_nucraft").show("slide", { direction: "left" }, 1000);
            break;
        }
        case "mayline":
        {
            $("#project_mayline").hide("slide", { direction: "right" }, 1000);
            $("#project_ais").show("slide", { direction: "left" }, 1000);
            break;
        }
        case "haworth":
        {
            $("#project_haworth").hide("slide", { direction: "right" }, 1000);
            $("#project_mayline").show("slide", { direction: "left" }, 1000);
            break;
        }
        case "steelcase":
        {
            $("#project_steelcase").hide("slide", { direction: "right" }, 1000);
            $("#project_haworth").show("slide", { direction: "left" }, 1000);
            break;
        }
        default:
            break;
    }
    
}

function slide_next(page)
{
    switch(page)
    {
        case "nucraft":
        {
            $("#project_nucraft").hide("slide", { direction: "left" }, 1000);
            $("#project_ais").show("slide", { direction: "right" }, 1000);
            break;
        }
        case "ais":
        {
            $("#project_ais").hide("slide", { direction: "left" }, 1000);
            $("#project_mayline").show("slide", { direction: "right" }, 1000);
            break;
        }
        case "mayline":
        {
            $("#project_mayline").hide("slide", { direction: "left" }, 1000);
            $("#project_haworth").show("slide", { direction: "right" }, 1000);
            break;
        }
        case "haworth":
        {
            $("#project_haworth").hide("slide", { direction: "left" }, 1000);
            $("#project_steelcase").show("slide", { direction: "right" }, 1000);
            break;
        }
        case "steelcase":
        {
            $("#project_steelcase").hide("slide", { direction: "left" }, 1000);
            $("#project_nucraft").show("slide", { direction: "right" }, 1000);
            break;
        }
        default:
            break;
    }
    
    }