$(document).ready(function() {
            $(".tab_content").hide(); //Hide all content
                $("#tabMenu > li").each(function(index, element) {
                    var tabElement = $(element).find("a").attr("href");
                    loadWidget(tabElement,tabElement.replace("#",""));
                });

            $("ul.tabMenu li:first").addClass("selected").show(); //Activate first tab
            $(".tab_content:first").show(); //Show first tab content
            $('#tabArrowContainer').children().eq(0).find("div").css('display', 'block');
            $('#tabArrowContainer').children().each(function(index, element) {
                if (index != 0) {
                    $(element).find("div").css('display', 'none');
                }
            });
                
            $("#tabMenu > li").click(function() {
                $('#tabMenu > li').removeClass('selected'); //Remove any "active" class
                $(this).addClass("selected"); //Add "active" class to selected tab
                var tettt = $('#tabArrowContainer').children();
                tettt.each(function(index, element) {
                    $(element).find("div").css('display', 'none');
                });
                //Reassign the LI
                var currSelectedHtmlElement = this;
                var currarrcontainer = $('#tabArrowContainer').children().eq($('#tabMenu > li').index(this)).get(0);
                $(currarrcontainer).find("div").css('display', 'block');
                tettt.each(function(index, element) {
                    var currSelectIndex = $('#tabMenu > li').index(currSelectedHtmlElement);
                    if (index != $('#tabMenu > li').index(currSelectedHtmlElement)) {
                        $(element).find("div").css('display', 'none');
                    }
                });
                $(".tab_content").hide(); //Hide all tab content
                var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                $(activeTab).fadeIn();
            });
            //Get all the LI from the #tabMenu UL
            $('#tabMenu > li').mouseover(function() {
                //Add and remove class, Personally I dont think this is the right way to do it, anyone please suggest    
                $(this).addClass('mouseover');
                $(this).removeClass('mouseout');
            }).mouseout(function() {
                //Add and remove class
                $(this).addClass('mouseout');
                $(this).removeClass('mouseover');
            });
     });
//     var PROXY_RESPOMSE ="http://ywhcsecvm2208/partner/cbs/proxyResponse.aspx #frmContent";
//     function setinnerHTML(domElementName,tabName){
//        if($(domElementName + " #frmContent").length == 0) {
//            $(domElementName).load(PROXY_RESPOMSE,{tabName:tabName},
//	        function (responseText, textStatus, XMLHttpRequest){
//	            //$(domElementName).fadeIn(); //Fade in the active ID content
//            });
//        }else {
//           //$(domElementName).fadeIn(); 
//        }
//     }