$('.catMain').removeClass('active');

$('.catMainHolder').mouseover(function () {
    $('.subCat').eq($(this).index()).show();
    $('.catMain').eq($(this).index()).addClass('active');
});
$('.catMainHolder').mouseout(function () {
    $('.subCat').eq($(this).index()).hide();
    $('.catMain').removeClass('active');
});

$('.catMainHolder').has('.subCat').hover(function () {
    $('.subCat', this).show();
    $('.catMain', this).addClass('active');
}, function () {
    $('.subCat', this).hide();
    $('.catMain.active').removeClass('active');
});

$('.catMain').removeClass('active');
$('.catMainHolder').mouseover(function () {
$(this).find('.subCat').show();
$(this).find('.catMain').addClass('active');
//$('.subCat').eq($(this).index()).show();
//$('.catMain').eq($(this).index()).addClass('active');
});
$('.catMainHolder').mouseout(function () {
$(this).find('.subCat').hide();
$(this).find('.catMain').removeClass('active');
//$('.subCat').eq($(this).index()).hide();
//$('.catMain').removeClass('active');
});