/* should be removed
function ShowSubCat(cid)
{
    var div = document.getElementById('divSubCat_' + cid);
    div.style.visibility = 'visible';
    var img = document.getElementById('imgCat_' + cid);
    img.style.visibility = 'visible';
    
    pos = getElementPosition(img);
    alert(pos.left + ' ' + pos.top);
    div.style.top = (pos.top - 10) + 'px';
    div.style.left = (pos.left + 20) + 'px';
}

function HideSubCat(cid)
{

}
*/
var divcat1;
var divcat2; // current shown category div (level 2)
var divcat3;
var hidedivsub; // category div (level 2) to be hidden

function ShowSubCat(cid) {//alert(cid);
    if ($('#divSubCat_' + cid).length <= 0)
        return;

    clsname = $('#divSubCat_' + cid).attr('class');
    hideAllCat(clsname);


    if (clsname == 'divCat_2') {
        divcat2 = 'divSubCat_' + cid;
        hideAllCat('divCat_3');
    }
    else
        divcat3 = 'divSubCat_' + cid;

    divsubcat = $('#divSubCat_' + cid);
    $(divsubcat).show();


    $('#imgCat_' + cid).show();

    //pos = $('#imgCat_' + cid).position();
    pos = getElementPosition('imgCat_' + cid);
    //alert(pos.top + ' ' + pos.left);
    $(divsubcat).css('top', (pos.top - 15));
    $(divsubcat).css('left', (pos.left + 10));

    //alert(pos.left + ' ' + pos.top);
    divsub = 'divSubCat_' + cid;
}

function hideAllCat(clsname) {
    $('.' + clsname).hide();
    $('.imgCatArrow').hide();

}

function HideSubCat() {

    setTimeout('_HideSubCat()', 500)



}

function _HideSubCat() {
    //alert(hidedivsub + ' ' + divsub);
    //alert(divcat3);        
    if (checkMouseIn('divCatMain') || (divcat2 && checkMouseIn(divcat2)) || (divcat3 && checkMouseIn(divcat3)))
        return;

    hideAllCat('divCat_2');
    hideAllCat('divCat_3');

}