﻿// js of the navigation bars in home page
var currentGroupBar="co1img";
function ToggleGroupBar(bar)
{
    if(bar != currentGroupBar)
    {
        if(currentGroupBar == "co1img")
        {
             $("#co1img").animate({height:'0px'}, "fast", function() { $("#co1img").hide(); }); 
        }
        else
        {
            $("#" + currentGroupBar).animate({height:'20px'}, "fast");
            $("#" + currentGroupBar).children("a").removeClass("expanded");
            $("#" + currentGroupBar + "Sub").hide("fast");
        }
        $("#" + bar).children("a").addClass("expanded");
        $("#" + bar).animate({height:'92px'}, "fast");
        $("#" + bar + "Sub").show("fast");
        currentGroupBar=bar;
    }
    else if(bar != "co1img")
    {
        $("#" + bar).children("a").removeClass("expanded");
        $("#" + bar + "Sub").hide("fast");
        $("#" + bar).animate({height:'20px'}, "fast", function() {  });
        $("#co1img").animate({height:'72px'}, "fast");
        
        currentGroupBar="co1img";
    }
}
var currentSubBar="1";
function ToggleSubBar(bar)
{
    $("#subBarImg" + currentSubBar).hide("fast");
    $("#subBar" + bar).hide("fast");
    $("#subBar" + currentSubBar).show("fast");
    $("#subBarImg" + bar).show("fast");
    currentSubBar=bar;
}
var curdiv=1;
$(document).ready(function()
{
    Initial();
    $("#rco2").mouseover(function(){ goto1();});
    $("#rco3").mouseover(function(){goto2();});
    $("#rco4").mouseover(function(){goto3();});
})
 function hideAllDiv(){
    $("#Div1,#Div2,#Div3").hide();
}
function Initial(){
     hideAllDiv();
    show1();
}
function show1(){
    curdiv=1;
    $("#Div1").fadeIn(function(){checkDiv1();});
}
function show2(){
    curdiv=2;
    $("#Div2").fadeIn(function(){checkDiv2();});
}
function show3(){
    curdiv=3;

    $("#Div3").fadeIn(function(){checkDiv3();});
}
function checkDiv1(){
    if (curdiv!=1){
        $("#Div1").hide();
    }
}
function checkDiv2(){
    if (curdiv!=2){
        $("#Div2").hide();
    }
}
function checkDiv3(){
    if (curdiv!=3){
        $("#Div3").hide();
    }
}
function goto1(){
    hideAllDiv();
    show1();
}
function goto2(){
     hideAllDiv();
    show2();
}
function goto3(){
    hideAllDiv();
    show3();
}
// HomePage safty display control
var cur=1;
$(document).ready(function(){
    saftyInitial();
    $("a#saftyBtn1").mouseover(function(){
						         gotoSafty1();
						         });
    $("a#saftyBtn2").mouseover(function(){
						         gotoSafty2();
						         });
    $("a#saftyBtn3").mouseover(function(){
						         gotoSafty3();
						         });
}); 
function hideAll(){
    $(".saftyBtnActive").removeClass("saftyBtnActive");
    $("#safty1,#safty2,#safty3").hide();
}
function saftyInitial(){
    hideAll();
    showSafty1();
}
function showSafty1(){
    cur=1;
    $("#saftyBtn1").addClass("saftyBtnActive");
    $("#safty1").fadeIn("",function(){check1();});
}
function showSafty2(){
    cur=2;
    $("#saftyBtn2").addClass("saftyBtnActive");
    $("#safty2").fadeIn("",function(){check2();});
}
function showSafty3(){
    cur=3;
    $("#saftyBtn3").addClass("saftyBtnActive");
    $("#safty3").fadeIn("",function(){check3();});
}
function check1(){
    if (cur!=1){
        $("#safty1").hide();
    }
}
function check2(){
    if (cur!=2){
        $("#safty2").hide();
    }
}
function check3(){
    if (cur!=3){
        $("#safty3").hide();
    }
}
function gotoSafty1(){
    hideAll();
    showSafty1();
}
function gotoSafty2(){
    hideAll();
    showSafty2();
}
function gotoSafty3(){
    hideAll();
    showSafty3();
}
