﻿function imagehoverEffect(divId, imgId) {
    jQuery(".ui-jqgrid tr.jqgrow td").css({ 'overflow': 'auto' });
    jQuery(".ui-widget-content jqgrow ui-row-ltr").css({ 'overflow': 'auto' });

    jQuery("#" + divId + "").css({ 'z-index': '3' });
    jQuery("#" + imgId + "").addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
                .animate({
                    marginTop: '0px', /* The next 4 lines will vertically align this image */
                    marginLeft: '0px',
                    top: '0%',
                    left: '0%',
                    width: '174px',
                    height: '174px'
                }, 0);
}
function imageblurEffect(divId, imgId) {
    if (divId.indexOf("ProdDetail") != -1) {
        widthVal = "120px"; heightVal = "130px"
    }
    else {
        widthVal = "70px"; heightVal = "70px"
    }
    jQuery(".ui-jqgrid tr.jqgrow td").css({ 'overflow': 'hidden' });
    jQuery(jQuery("#" + divId + "")).css({ 'z-index': '2' }); /* Set z-index back to 0 */
    jQuery(jQuery("#" + imgId + "")).removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
                .animate({
                    marginTop: '0', /* Set alignment back to default */
                    marginLeft: '0',
                    top: '0',
                    left: '0',
                    width: widthVal,
                    height: heightVal
                }, 0);
}
