// JavaScript Document
Object.extend(Element, {
	getWidth: function(element) {
	   	element = $(element);
	   	return element.offsetWidth; 
	},
	setWidth: function(element,w) {
	   	element = $(element);
    	element.style.width = w +"px";
	},
	setHeight: function(element,h) {
   		element = $(element);
    	element.style.height = h +"px";
	},
	setTop: function(element,t) {
	   	element = $(element);
    	element.style.top = t +"px";
	},
	setSrc: function(element,src) {
    	element = $(element);
    	element.src = src; 
	},
	setHref: function(element,href) {
    	element = $(element);
    	element.href = href; 
	},
	setInnerHTML: function(element,content) {
		element = $(element);
		element.innerHTML = content;
	}
});

var	overlayDuration = 0.2;	// shadow fade in/out duration
var overlayOpacity = 0.8;	// controls transparency of shadow overlay

var Lightdiv = Class.create();

//
//  Configurationl
//
LightdivOptions = Object.extend({
    fileLoadingImage:        '/plugins/lightbox/images/loading.gif',     
    fileBottomNavCloseImage: '/plugins/lightbox/images/closelabel.gif',

    overlayOpacity: 0.8,   // controls transparency of shadow overlay

    animate: true,         // toggles resizing animations
    resizeSpeed: 7,        // controls the speed of the image resizing animations (1=slowest and 10=fastest)

    borderSize: 10,         //if you adjust the padding in the CSS, you will need to update this variable

	// When grouping images this is used to write: Image # of #.
	// Change it for non-english localization
	labelImage: "Imaginea",
	labelOf: "din"
}, window.LightdivOptions || {});

Lightdiv.prototype = {
	    initialize: function() {    

	        this.keyboardAction = this.keyboardAction.bindAsEventListener(this);
			this.load_ajax=true;

        var objBody = document.body;
//		alert(objBody);

		var node_popup = Builder.node('div',{id:'popup_overlay'});
		objBody.appendChild(node_popup);
	
        objBody.appendChild(Builder.node('div',{id:'popup_lightbox'}, [
            Builder.node('div',{id:'popup_outerContainer'}, 
                Builder.node('div',{id:'popup_Container'}, [
                    Builder.node('div',{id:'popup_lightboxImage'})
                ])
            )
        ]));
//		$('popup_overlay').hide();
		$('popup_overlay').hide().observe('click', (function() { this.end_overlay(); }).bind(this));
//	$('popup_lightbox').hide();//.observe('click', (function() { this.end_overlay(); }).bind(this));

		},
		
    getPageSize: function() {
	        
	     var xScroll, yScroll;
		
		if (window.innerHeight && window.scrollMaxY) {	
			xScroll = window.innerWidth + window.scrollMaxX;
			yScroll = window.innerHeight + window.scrollMaxY;
		} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
			xScroll = document.body.scrollWidth;
			yScroll = document.body.scrollHeight;
		} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
			xScroll = document.body.offsetWidth;
			yScroll = document.body.offsetHeight;
		}
		
		var windowWidth, windowHeight;
		
		if (self.innerHeight) {	// all except Explorer
			if(document.documentElement.clientWidth){
				windowWidth = document.documentElement.clientWidth; 
			} else {
				windowWidth = self.innerWidth;
			}
			windowHeight = self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
			windowWidth = document.documentElement.clientWidth;
			windowHeight = document.documentElement.clientHeight;
		} else if (document.body) { // other Explorers
			windowWidth = document.body.clientWidth;
			windowHeight = document.body.clientHeight;
		}	
		
		// for small pages with total height less then height of the viewport
		if(yScroll < windowHeight){
			pageHeight = windowHeight;
		} else { 
			pageHeight = yScroll;
		}
	
		// for small pages with total width less then width of the viewport
		if(xScroll < windowWidth){	
			pageWidth = xScroll;		
		} else {
			pageWidth = windowWidth;
		}

		return [pageWidth,pageHeight];
	}
	,

	showSelectBoxes:function (){
		var selects = document.getElementsByTagName("select");
		for (i = 0; i != selects.length; i++) {
			selects[i].style.visibility = "visible";
		}
	},

// ---------------------------------------------------

	hideSelectBoxes:function(){
		var selects = document.getElementsByTagName("select");
		for (i = 0; i != selects.length; i++) {
			selects[i].style.visibility = "hidden";
		}
	},

	// ---------------------------------------------------
	
	showFlash: function (){
		var flashObjects = document.getElementsByTagName("object");
		for (i = 0; i < flashObjects.length; i++) {
			flashObjects[i].style.visibility = "visible";
		}
	
		var flashEmbeds = document.getElementsByTagName("embed");
		for (i = 0; i < flashEmbeds.length; i++) {
			flashEmbeds[i].style.visibility = "visible";
		}
	},

// ---------------------------------------------------
	
	hideFlash:function (){
		var flashObjects = document.getElementsByTagName("object");
		for (i = 0; i < flashObjects.length; i++) {
			flashObjects[i].style.visibility = "hidden";
		}
	
		var flashEmbeds = document.getElementsByTagName("embed");
		for (i = 0; i < flashEmbeds.length; i++) {
			flashEmbeds[i].style.visibility = "hidden";
		}
	
	},

	keyboardAction: function(event) {
        var keycode = event.keyCode;
        var escapeKey;
/*        if (event.DOM_VK_ESCAPE) {  // mozilla
            escapeKey = event.DOM_VK_ESCAPE;
        } else { // ie
            escapeKey = 27;
        }

        var key = String.fromCharCode(keycode).toLowerCase();
        if (key.match(/x|o|c/) || (keycode == escapeKey)){ // close lightdiv
            this.end_overlay();
        } */
    },
	start_overlay:function(){
			this.hideSelectBoxes();
			this.hideFlash();	
			var arrayPageSize = this.getPageSize();
			$('popup_overlay').setStyle({ width: arrayPageSize[0] + 'px', height: arrayPageSize[1] + 'px' });
			new Effect.Appear('popup_overlay', { duration: overlayDuration, from: 0.0, to: overlayOpacity });
	},
	end_overlay: function(){
			this.showSelectBoxes();
			this.showFlash();	
			new Effect.Fade('popup_overlay', { duration: overlayDuration});
			$('popup_lightbox').hide()
	},

	show_popup: function (id,x,y,url){
			this.start_overlay();
			var popUp = document.getElementById(id);
			var w=240;
			var h=100;
			x = x + (document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop);
			y = (screen.width-y)/2;
				
			$('popup_lightbox').setStyle({ top: x + 'px', left: y + 'px' }).show();
			new Effect.Appear('popup_lightbox', { 
				duration: 2, 
				queue: 'end'
			});
			//if(this.load_ajax==true)
			
			new Ajax.Updater('popup_lightboxImage',url,{evalScripts:true});

			this.load_ajax=false;
	        document.observe('keydown', this.keyboardAction); 
	        //alert($(id).offsetWidth);
	},
	
	next_reload:function(){
		this.load_ajax=true;
	},
	
	hide_popup:function(){
/*		var popUp = document.getElementById("popupcontent");
		 $('popup_lightbox').hide();
		popUp.style.visibility = "hidden";
*/		this.end_overlay();
        document.stopObserving('keydown', this.keyboardAction); 
	}


}

var div_manager;
Event.observe(window,'load',function(){div_manager=new Lightdiv(); })
//document.observe('dom:loaded', function () { div_manager=new Lightdiv(); });