$(document).ready(function() {

    var urlvalue = checkurl();
    var urlvaluetab1 = checkurltab1();
    var urlvaluetab2 = checkurltab2();
    var urlvaluetab3 = checkurltab3();


    //URL checking functions for edit mode and web pages

    function checkurl() {
        var location = window.location;
        locationurl = location.toString();
        var urlvaluetemp = locationurl.indexOf('cmspagemode=edit');
        return urlvaluetemp;
    }

    function checkurltab1() {
        var location = window.location;
        locationurltab1 = location.toString();
        var urlvaluetemptab1 = locationurl.indexOf('staff.aspx');
        return urlvaluetemptab1;
    }

    function checkurltab2() {
        var location = window.location;
        locationurltab2 = location.toString();
        var urlvaluetemptab2 = locationurl.indexOf('contactus.aspx');
        return urlvaluetemptab2;
    }

    function checkurltab3() {
        var location = window.location;
        locationurltab3 = location.toString();
        var urlvaluetemptab3 = locationurl.indexOf('sitemap.aspx');
        return urlvaluetemptab3;
    }


    // checking for the web page in live mode
    if ((urlvalue == -1) && (urlvaluetab1 == -1) && (urlvaluetab2 == -1) && (urlvaluetab3 == -1))
    { hoverall(); }

    //tab1 page
    else if (urlvaluetab1 != -1) {
        hoverall();
        $('div#quicklinktab1').html('<div style="margin: 0px; text-align: center;color: #FFF3C4;font-weight: bold;">Our Staff <span style="font-size: 10px;">&nabla;</span></div>');

        $('div#quicklinktab1').hover(
function() {
    //hideall();
    $('div#quicklinktab1').removeClass("activetab");
    $('div#quicklinktab1').addClass("inactivetab");
},
function() {
});
    }


    //tab2 page
    else if (urlvaluetab2 != -1) {
        hoverall();
        $('div#quicklinktab2').html('<div style="text-align: center;margin: 0px;color: #FFF3C4;font-weight: bold;">Contact Us <span style="font-size: 10px;">&nabla;</span></div>');
        $('div#quicklinktab2').hover(
function() {
    //hideall();
    $('div#quicklinktab2').removeClass("activetab");
    $('div#quicklinktab2').addClass("inactivetab");
},
function() {
});
    }

    //tab3 page
    else if (urlvaluetab3 != -1) {
        hoverall();
        $('div#quicklinktab3').html('<div style="text-align: center; margin: 0px;color: #FFF3C4;font-weight: bold;">Sitemap <span style="font-size: 10px;">&nabla;</span></div>');
        $('div#quicklinktab3').hover(
function() {
    //hideall();
    $('div#quicklinktab3').removeClass("activetab");
    $('div#quicklinktab3').addClass("inactivetab");
},
function() {
});
    }

    // show the containers at the bottom for editing mode
    else {
        $('div#tab1content').css({ display: "block" });
        $('div#tab1content').removeClass("tab1contentposition");
        $('div.tab1placeholder').append($('div#tab1content'));
        $('div#tab2content').css({ display: "block" });
        $('div#tab2content').removeClass("tab2contentposition");
        $('div.tab2placeholder').append($('div#tab2content'));
        $('div#tab3content').css({ display: "block" });
        $('div#tab3content').removeClass("tab3contentposition");
        $('div.tab3placeholder').append($('div#tab3content'));
    }
    //hover function for all pages
    function hoverall() {

        //quicklinks tab1

        $('div#quicklinktab1').hover(
function() {
    //hideall();
    $('div#tab1content').css({ display: "block" });
    $('div#tab2content').css({ display: "none" });
    $('div#tab3content').css({ display: "none" });

    $('div#quicklinktab1').removeClass("inactivetab");
    $('div#quicklinktab1').addClass("activetab");


    //colors for the icon
    $('#tab1icon').css({ color: "#10306B" });
    $('#tab2icon').css({ color: "#7b9ace" });
    $('#tab3icon').css({ color: "#7b9ace" });
},
function() {
    $('div#tab1content').css({ display: "none" });
    $('div#quicklinktab1').removeClass("activetab");
    $('div#quicklinktab1').addClass("inactivetab");
    $('#tab1icon').css({ color: "#7b9ace" });
}
);

        //quicklinks tab2

        $('div#quicklinktab2').hover(
function() {
    //hideall();
    $('div#tab1content').css({ display: "none" });
    $('div#tab2content').css({ display: "block" });
    $('div#tab3content').css({ display: "none" });
    $('div#quicklinktab2').removeClass("inactivetab");
    $('div#quicklinktab2').addClass("activetab");
    //colors for the icon
    $('#tab1icon').css({ color: "#7b9ace" });
    $('#tab2icon').css({ color: "#10306B" });
    $('#tab3icon').css({ color: "#7b9ace" });
},
function() {
    $('div#tab2content').css({ display: "none" });
    $('div#quicklinktab2').removeClass("activetab");
    $('div#quicklinktab2').addClass("inactivetab");
    $('#tab2icon').css({ color: "#7b9ace" });
}
);
        //quicklinks tab3
$('div#quicklinktab3').hover(
function() {
    //hideall();
    $('div#tab1content').css({ display: "none" });
    $('div#tab2content').css({ display: "none" });
    $('div#tab3content').css({ display: "block" });
    $('div#quicklinktab3').removeClass("inactivetab");
    $('div#quicklinktab3').addClass("activetab");
    //colors for the icon
    $('#tab1icon').css({ color: "#7b9ace" });
    $('#tab2icon').css({ color: "#7b9ace" });
    $('#tab3icon').css({ color: "#10306B" });
},

function() {
    $('div#tab3content').css({ display: "none" });
    $('div#quicklinktab3').removeClass("activetab");
    $('div#quicklinktab3').addClass("inactivetab");
    $('#tab3icon').css({ color: "#7b9ace" });
}
);
    } //end of hover action tab

    //function to hide all the content divs
    function hideall() {
        $("div #tab1content").hide();
        $("div #tab2content").hide();
        $("div #tab3content").hide();
    }

    // function to remove active tabs on hover action
    function activetab() {
        $('#quicklinktab1').removeClass("activetab");
        $('#quicklinktab3').removeClass("activetab");
        $('#quicklinktab2').removeClass("activetab");
    }
});