var ano = {};
function showHover(thisobj, inMode) {
    var hoverDrop = {};
    var imageContainer = {};
    if (inMode) {
        imageContainer = $('#'+$(thisobj).attr("id")+" .prodimage");
        hoverDrop = $(thisobj).children('.hoverdrop-mode');
    }
    else {
        imageContainer = $('#'+$(thisobj).attr("id")+" .shopimage");
        hoverDrop = $(thisobj).find('.hoverdrop');
    }
    
    imageContainer.css("border-color", "#F8931F");
    
    
    var hoverId = hoverDrop.attr("id");
    if (ano[hoverId] == undefined) {
        ano[hoverId] = {};
        ano[hoverId].down = 1;
        ano[hoverId].up = 0;
    }
    else {
        ano[hoverId].down++;
    }
    // console.log("ano." + hoverId + ".down : " + ano[hoverId].down);
    
    hoverDrop.slideDown(150, function(){
        if (ano[hoverId].up == 0) {
            ano[hoverId].down = 0;
        }
        else {
            if ((ano[hoverId].down - ano[hoverId].up) > 0) {
                ano[hoverId].down = ano[hoverId].up = 0;
            }
            else {
                ano[hoverId].down = ano[hoverId].up = 0;
                hoverDrop.slideUp(80);
            }
        }
    });
}
function hideHover(e, thisobj, inMode) {
    var tg = (e.srcElement) ? e.srcElement : e.target;
    if (tg.nodeName == 'SELECT') return;
    
    var hoverDrop = {};
    var imageContainer = {};
    if (inMode) {
        imageContainer = $('#'+$(thisobj).attr("id")+" .prodimage");
        hoverDrop = $(thisobj).children('.hoverdrop-mode');
    }
    else {
        imageContainer = $('#'+$(thisobj).attr("id")+" .shopimage");
        hoverDrop = $(thisobj).find('.hoverdrop');
    }
    
    imageContainer.css("border-color", "#D9CFCD");
    
    var hoverId = hoverDrop.attr("id");
    ano[hoverId].up++;
    // console.log("ano." + hoverId + ".up : " + ano[hoverId].up);
    
    if (!ano[hoverId].down) {
        hoverDrop.slideUp(80);
        ano[hoverId].up = 0;
    };
}