//.myTabs bolon .activeTab css class uud ashiglagdana
/*
 *CSS common tohirgoo
.homeTabContent{
    clear: both;
    display: block;
    margin-top: 0px;
    padding: 5px;
}
.tabContent{
    display: none;
}

tab settings
.myTabs{
    height: 40px;
    clear: both;
    margin-bottom: 0px;
}
.myTabs a.activeTab:link, .myTabs a:hover{
    background-image: url(/images/uneguinet/tab_active_bg.png);
    background-position: left top;
    background-repeat: repeat-x;
    color: #676767;
    text-decoration: none;
}
.myTabs a:link, .myTabs a:visited{
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
    text-transform: uppercase;
    color: #FFF;
    margin-right: 1px;
    padding-top: 17px;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(/images/uneguinet/tab_bg.jpg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    text-decoration: none;
    display: block;
    float: left;
}





 <div id="home_row4">
    <div id="myTabs3" class="myTabs">
        <a href="#Game1" class="activeTab">Togloom1</a>
        <a href="#Design1">Grafic design1</a>
        <a href="#Photo1">Eldev zurag1</a>
    </div>
    <div class="homeTabContent">
        <div id="Game1" class="tabContent">1</div>
    <div id="Design1" class="tabContent">2</div>
    <div id="Photo1" class="tabContent">3</div>
    </div>
</div>
    <br clear="all" />
<script type="text/javascript">
$(function(){
    //multiple tabs allowed
   myTabs('#home_row2', '#Software');
   myTabs('#home_row3', '#Design');
   myTabs('#home_row4', '#Photo1');
});
</script>
 
 */

function myTabs(target_div, default_tab){
    $(target_div + ' .myTabs a').each(function(){
        $(this).click(function(){
            myTabsDisable(target_div);
            $($(this).attr('href')).fadeIn(1000);
            $(this).attr('class','activeTab');
            return false;
        });
    });

    //default tabiin content iig haruulah
    $(default_tab).show();
    
    //default tab iig idevhjuuleh
    $(target_div + ' .myTabs a').each(function(){
        if($($(this).attr('href')) == default_tab){
            $($(this).attr('href')).fadeIn(1000);
            $(this).attr('class','activeTab');
        }
    });
}
function myTabsDisable(target_div){
    $(target_div + ' .myTabs a').each(function(){
        $($(this).attr('href')).hide();
        $(this).removeClass('activeTab');
    });
    $('#tabContents').show();
    clearTimeout(myTabs);
}
$(function(){
    $('#tabContents').mouseout(function(){
        myTabs = setTimeout('$(this).hide();',3000);
    });
});