﻿function servicesTabsManager(p_parent) {

    var tabs = new Array();

    initialize(p_parent);

    function initialize(p_parent) {
        tabs = $(p_parent).find("div.tabItemDiv");

        $(tabs[0]).bind("mouseover", { Id: "0" }, toggleClass);
        $(tabs[1]).bind("mouseover", { Id: "1" }, toggleClass);
        $(tabs[2]).bind("mouseover", { Id: "2" }, toggleClass);
        $(tabs[3]).bind("mouseover", { Id: "3" }, toggleClass);

        $(tabs[0]).bind("mouseout", { Id: "0" }, toggleClass);
        $(tabs[1]).bind("mouseout", { Id: "1" }, toggleClass);
        $(tabs[2]).bind("mouseout", { Id: "2" }, toggleClass);
        $(tabs[3]).bind("mouseout", { Id: "3" }, toggleClass);
    }

    function toggleClass(event) {
        var tab = $(tabs[event.data.Id]);
        $(tab).toggleClass("tabItemOverDiv");
    }    
}