// JavaScript Document


function openLight(zoom_img){
        $$('body > .wrapper')[0].insert("<div id='overlay'></div>");
		// Used document.documentElement.clientHeight instead of document.body.clientHeight
        $('overlay').setStyle({'height':document.documentElement.clientHeight+'px'});
        new Effect.Opacity('overlay',{from:0.0,to:0.8,duration:0.3,transition:Effect.Transitions.sinoidal,afterFinish:function(){
                $$('body > .wrapper')[0].insert("<div id='lightbox'><iframe src='"+zoom_img+"' width='90%' height='650px' frameborder='0'></iframe></div>");
                $$('#lightbox')[0].insert("<div class='closebtn'><a>Close Compare Window</a></div>");
                $$('#lightbox > div')[0].observe('click',function(){
                                                                $('overlay').remove();
                                                                $('lightbox').remove();
                });
        }});
}