var dark = 'dark';

var hidePopup;

var id;

var imgs = new Array();


function showWindow(id_, exitBtnId, exitBtnId2){

    id = id_;
    $(dark).style.display = "block";
  
    var myFx = new Fx.Tween($(dark));
    

    myFx.set('opacity', 0.7);
    $(id).fade('show');
    $(id).style.display = "block"; $(id).fade(1);

            //alert('show');
 
    $(exitBtnId).addEvent('click', function(){hideWindow(id);return false});
    $(exitBtnId2).addEvent('click', function(){hideWindow(id);return false});
    $(dark).addEvent('click', function(){hideWindow(id);});
    document.addEvent('keydown', onKeyDown);
    document.addEvent('mousewheel', onMouseWheel);
    var f = $(window).getScrollSize();
    $(dark).style.height = f.y + "px";
    var y = window.getScroll();
    if (id == "#preview_popup")
        $(id).style.top = (y.y-50) + "px";
    else window.scrollTo(0,0);
        hidePopup = function(){hideWindow(id);}
}

function hideWindow(id_){
    id = id_;
    var myFx = new Fx.Tween($(dark));
    myFx.set('opacity', 0);
    $(dark).style.display = "none";
    $(id).style.display = "none"; 
    document.removeEvent('keydown', onKeyDown);
    document.removeEvent('mousewheel', onMouseWheel);

    document.body.style.overflow = 'visible';
}

/*
function showWindow(id_, exitBtnId, exitBtnId2){
    id = id_;
    jQuery(dark).style.display = "block";
    var myFx = new Fx.Tween(jQuery(dark));
    myFx.set('opacity', 0.7);
    jQuery(id).fade('show');
    jQuery(id).style.display = "block"; jQuery(id).fade(1);

    jQuery(exitBtnId).addEvent('click', function(){hideWindow(id);return false});
    jQuery(exitBtnId2).addEvent('click', function(){hideWindow(id);return false});
    jQuery(dark).addEvent('click', function(){hideWindow(id);});
    document.addEvent('keydown', onKeyDown);
    document.addEvent('mousewheel', onMouseWheel);
    var f = jQuery(window).getScrollSize();
    jQuery(dark).style.height = f.y + "px";
    var y = window.getScroll();
    if (id == "#preview_popup")
        jQuery(id).style.top = (y.y-50) + "px";
    else window.scrollTo(0,0);
        hidePopup = function(){hideWindow(id);}
}

function hideWindow(id_){
    id = id_;
    var myFx = new Fx.Tween($(dark));
    myFx.set('opacity', 0);
    jQuery(dark).style.display = "none";
    jQuery(id).style.display = "none"; 
    document.removeEvent('keydown', onKeyDown);
    document.removeEvent('mousewheel', onMouseWheel);
}
*/
var onKeyDown = function(event){
    var event = new Event(event);if (event.key == 'esc') hideWindow(id);
}

function onMouseWheel(event){
    return false;
}



function showImage1(img){
    jQuery('#preview_popup_image').src = "/uploads/shop/"+img+".png";
    showWindow("#preview_popup", "#preview_popup_close", "#preview_popup_image");
}


function showOpinionImage(img){
    jQuery('#preview_popup_image').src = "/uploads/opinions/large/"+img+".png";
    showWindow("#preview_popup", "#preview_popup_close", "#preview_popup_image");
}