//Specific to Prizebook
var currentPictureNumber = -1;
var relation = '';
var relationArray = new Array();
var currentPictureArray = new Array();
var relationArrayIndex = 0;
var haveRelationInArray = false;

var LITBox = Class.create();
LITBox.prototype = {
   initialize: function(mes){
   this.mes = mes;
   this.options = Object.extend({
      width: 600,
      height: 500,
      type: 'window',
      func: null,
      draggable: true,
      resizable: true,
      overlay: true,
      opacity: 1
   }, arguments[1] || {});
   this.setup();
   },
   setup: function(){
      this.rn = ( Math.floor ( Math.random ( ) * 100000000 + 1 ) );
      this.getWindow();
      switch(this.options.type){
         case 'window' : this.d4.innerHTML = this.getAjax(this.mes);
            break;
         case 'content' : this.getContent(this.mes);
            break;
         case 'alert' : this.d4.innerHTML = this.mes;
            break;
         case 'confirm' : this.d4.innerHTML = '<p>' + this.mes + '</p>';
            this.button_y = document.createElement('input');
            this.button_y.type='button';
            this.button_y.value='Yes';
            this.d4.appendChild(this.button_y);
            this.button_y.d= this.d; this.button_y.d2 = this.d2;
            this.button_y.temp = this.options.func;
            this.button_y.onclick=this.remove;
            this.button_n = document.createElement('input');
            this.button_n.type='button';
            this.button_n.value='No';
            this.d4.appendChild(this.button_n);
            this.button_n.d= this.d; this.button_n.d2 = this.d2;
            this.button_n.onclick=this.remove;
         case 'iframe' : 
            this.d4.innerHTML = '<iframe src="'+this.mes+'" width="100%"></iframe>';
            break;   
         default: 
            if($(this.options.type)){
              this.d4.innerHTML = $(this.options.type).innerHTML;
            }
            break;
      }
      this.display();
   },
   getWindow: function(){
      this.over = null;
      if(this.options.overlay == true){
	      this.d = document.createElement('div');
	      document.body.appendChild(this.d);
	      this.d.className = 'LB_overlay';   
	      this.d.setAttribute("id", "LB_overlay");
	      this.d.style.display = 'block';
      }
      this.d2 = document.createElement('div');
      document.body.appendChild(this.d2);
      this.d2.className = 'LB_window';
      this.d2.setAttribute("id", "LB_window");
      this.d2.style.height = parseInt(this.options.height) + 'px';

      this.d3 = document.createElement('div');
      this.d2.appendChild(this.d3);
      this.d3.className='LB_closeAjaxWindow';
      this.d3.setAttribute("id", "LB_closeAjaxWindow");
      this.d3.d2 = this.d2;
      this.d3.over = this.over;
      this.d3.options = this.options;
      this.d3.onmouseover=this.getDraggable;
      this.d3.onmouseout=this.dropDraggable;
      this.close = document.createElement('a');
      this.d3.appendChild(this.close);
      this.close.d = this.d;
      this.close.d2 = this.d2;
      this.close.onclick=this.remove;
      this.close.href='javascript:void(0)';
      this.close.innerHTML='<img src="../images/closelabel.gif" border="0" />';
      this.d4 = document.createElement('div');
      this.d4.className='LB_content';
      this.d4.setAttribute("id", "LB_content");
      this.d4.style.height = parseInt(this.options.height) - 30 + 'px';
      this.d4.style.width = parseInt(this.options.width) + 'px';
      this.d2.appendChild(this.d4);
      this.clear = document.createElement('div');
      this.d2.appendChild(this.clear);
      this.clear.style.clear='both';
      if(this.options.resizable){
	      this.d5 = document.createElement('div');
	      this.d2.appendChild(this.d5);
	      this.d5.className='LB_resize';
	      this.d5.d2 = this.d2;
	      this.d5.d2.d4 = this.d4;
	      this.d5.over = this.over;
	      this.d5.options = this.options;
	      this.d5.onmouseover=this.getResizer;
	      this.d5.onmouseout=this.dropResizer;
      }
      if(this.options.overlay == true){
	      this.d.d = this.d;
	      this.d.d2 = this.d2;
      }
   },
   getContent: function(obj){
   	  currentPictureNumber = -1;
   	  haveRelationInArray = false;
   	  indexRelationInArray = -1;
   	  
   	  alternate = obj.getAttribute('alt');
   	  relation = obj.getAttribute('rel');

   	  if (relationArrayIndex>0){
   	  	  for (i=0; i<relationArrayIndex; i++){
   	  	  	 if (relationArray[i] == relation){
   	  	  	 	haveRelationInArray = true;
   	  	  	 	indexRelationInArray = i;
   	  	  	 	break;
   	  	  	 }
   	  	  }
   	  }
   	  
   	  relationArray[relationArrayIndex] = relation;
      relationArrayIndex ++;
      
   	  obj.setAttribute('alt','current_pic_litbox');
   	  
   	  images = document.getElementsByTagName('img');

   	  totalPictures = 0;
   	  havePreviousImage = false;
   	  previousImageIndex = -1;
   	  haveNextImage = false;
   	  nextImageIndex = -1;
   	  
	  for (i=0; i<images.length; i++){
	  	image = images[i];	
		relAttribute = String(image.getAttribute('rel'));
		altAttribute = String(image.getAttribute('alt'));
		if (relAttribute == relation){
			totalPictures = totalPictures+1;
		}
		if ((relAttribute == relation) && (altAttribute == 'current_pic_litbox')){
			currentPictureNumber = totalPictures;
			j = i-1;
			while(j>=0){
				tempImage = images[j];
				tempRelAttribute = String(tempImage.getAttribute('rel'));
				if (tempRelAttribute == relation){
					havePreviousImage = true;
					previousImageIndex = j;
					break;
				}
				j--;
			}
			j = i+1;
			while (j<images.length){
				tempImage = images[j];
				tempRelAttribute = String(tempImage.getAttribute('rel'));
				if (tempRelAttribute == relation){
					haveNextImage = true;
					nextImageIndex = j;
					break;
				}
				j++;
			}
		}
	  }
	  
  	  this.d7 = document.createElement("div");
	  this.d7.setAttribute('id','hoverNav');
	  this.d7.setAttribute('name', relation);
 	  this.d7.className = 'hoverNav';
	  this.d4.appendChild(this.d7);
	  this.close.d7 = this.d7;
	  
	
	  this.d8 = document.createElement("a");
	  this.d8.setAttribute('id','LB_prevLink');
	  this.d8.setAttribute('name', relation);
	  this.d8.setAttribute('href','javascript: callbackNull();');
	  this.d8.style.display = "none";
	  this.d8.onclick = this.previousImage;
	  this.d7.appendChild(this.d8);
	
	  this.d9 = document.createElement("a");
	  this.d9.setAttribute('id','LB_nextLink');
	  this.d9.setAttribute('name', relation);
	  this.d9.setAttribute('href','javascript: callbackNull();');
	  this.d9.style.display = "none";
	  this.d9.onclick = this.nextImage;
	  this.d7.appendChild(this.d9);

	  if (havePreviousImage){
     	if (haveRelationInArray){
     		
     		litboxPrevAllArr = document.getElementsByName('LB_prevLink');
		   	litboxPrev = litboxPrevAllArr[indexRelationInArray];
			litboxPrev.style.display = "block";
			
		} else {
			
		  	litboxPrevAllArr = document.getElementsByName('LB_prevLink');
		   	litboxPrev = litboxPrevAllArr[relationArrayIndex-1];
			litboxPrev.style.display = "block";
			
		}
	  }
	  
	  
	  if (haveNextImage){
	  	if (haveRelationInArray){
     		
     		litboxNextAllArr = document.getElementsByName('LB_nextLink');
		   	litboxNext = litboxNextAllArr[indexRelationInArray];
			litboxNext.style.display = "block";
			
		} else {
			
			litboxNextAllArr = document.getElementsByName('LB_nextLink');
		   	litboxNext = litboxNextAllArr[relationArrayIndex-1];
			litboxNext.style.display = "block";
			
		}
	  }
	  
	  imgSrc = obj.getAttribute('src');
	  imgPreloader = new Image();
	  
	  this.objLitboxImage = document.createElement("img");
	  this.objLitboxImage.setAttribute('id','litboxImage');
	  this.d4.appendChild(this.objLitboxImage);
	  
	  imgPreloader.onload = (function(){
		 this.objLitboxImage.setAttribute('src', imgSrc);
	  }).bind(this);
	  
	  this.d6 = document.createElement('div');
      this.d2.appendChild(this.d6);
      this.d6.setAttribute("id", "LB_imageNumber");
  	  this.d6.style.height = 30;    
      this.d6.innerHTML='';
      
	  imgPreloader.src = imgSrc;
	  this.d3.style.height = 30;
      this.d3.style.width = imgPreloader.width;
      this.d4.style.height = imgPreloader.height+10;
      this.d4.style.width = imgPreloader.width+10;
      this.d2.style.height = imgPreloader.height+80;
      this.d2.style.width = imgPreloader.width+10;
	  
      obj.setAttribute('alt', alternate);
      
  	  if (haveRelationInArray){
	  	   imgPreloaderSecond = new Image();
	 	   imgPreloaderSecond.src = imgSrc; 	   
	 	   
	  	   litboxImagesAllArr = document.getElementsByName('litboxImage');
		   litboxImg = litboxImagesAllArr[indexRelationInArray];
		   
		   litboxImg.setAttribute('src', imgSrc);
		  
		   litboxImagesNumberAllArr = document.getElementsByName('LB_imageNumber');
		   litobxImageNumber = litboxImagesNumberAllArr[indexRelationInArray];
		   litobxImageNumber.innerHTML='';
		   
		   litboxImagesCloseAllArr = document.getElementsByName('LB_closeAjaxWindow');
		   litboxImagesClose = litboxImagesCloseAllArr[indexRelationInArray];
		   litboxImagesClose.style.width = imgPreloaderSecond.width;
		   
		   litboxImagesContentAllArr = document.getElementsByName('LB_content');
		   litboxImagesContent = litboxImagesContentAllArr[indexRelationInArray];
	       litboxImagesContent.style.height = imgPreloaderSecond.height+10;
           litboxImagesContent.style.width = imgPreloaderSecond.width+10;
           
           litboxImagesWindowAllArr = document.getElementsByName('LB_window');
		   litboxImagesWindow = litboxImagesWindowAllArr[indexRelationInArray];          
	       litboxImagesWindow.style.height = imgPreloaderSecond.height+80;
	       litboxImagesWindow.style.width = imgPreloaderSecond.width+10;
	       
	       currentPictureArray[indexRelationInArray] = currentPictureNumber;
	       
  	  } else { 	
  	  	   currentPictureArray[relationArrayIndex-1] = currentPictureNumber;
  	  }
      
   },
   previousImage: function(){
 	  totalPictures = 0;
   	  havePrevImage = false;
   	  haveNextImage = false;
   	  indexRelationInArray = -1;
   	  objRelation = this.getAttribute('name');
   	  
   	  if (relationArrayIndex>0){
   	  	  for (i=0; i<relationArrayIndex; i++){
   	  	  	 if (relationArray[i] == objRelation){
   	  	  	 	indexRelationInArray = i;
   	  	  	 	break;
   	  	  	 }
   	  	  }
   	  	  
   	  	  litboxImagesAllArr = document.getElementsByName('litboxImage');
		  litboxImg = litboxImagesAllArr[indexRelationInArray];
		  
		  litboxNextPicAllArr = document.getElementsByName('LB_nextLink');
		  litboxNext = litboxNextPicAllArr[indexRelationInArray];
		  
		  litboxPrevPicAllArr = document.getElementsByName('LB_prevLink');
		  litboxPrev = litboxPrevPicAllArr[indexRelationInArray];
		  
		  litboxImagesNumberAllArr = document.getElementsByName('LB_imageNumber');
		  litobxImageNumber = litboxImagesNumberAllArr[indexRelationInArray];
		  
		  litboxImagesCloseAllArr = document.getElementsByName('LB_closeAjaxWindow');
		  litboxImagesClose = litboxImagesCloseAllArr[indexRelationInArray];
		  
		  litboxImagesContentAllArr = document.getElementsByName('LB_content');
		  litboxImagesContent = litboxImagesContentAllArr[indexRelationInArray];
		  
		  litboxImagesWindowAllArr = document.getElementsByName('LB_window');
		  litboxImagesWindow = litboxImagesWindowAllArr[indexRelationInArray];
		  
		  imgPreloaderSecond = new Image();

   	  }
   	  
	  images = document.getElementsByTagName('img');
	  for (i=0; i<images.length; i++){
	  	image = images[i];	
		relAttribute = String(image.getAttribute('rel'));
		altAttribute = String(image.getAttribute('alt'));
		if (relAttribute == objRelation){
			totalPictures = totalPictures+1;
			if (totalPictures == (currentPictureArray[indexRelationInArray]-1)){
				src = image.getAttribute('src');
				if (relationArrayIndex>0){
					imgPreloaderSecond.src = src; 
					litboxImg.setAttribute('src', src);
					litboxImagesClose.style.width = imgPreloaderSecond.width;
					litboxImagesContent.style.height = imgPreloaderSecond.height+10;
           			litboxImagesContent.style.width = imgPreloaderSecond.width+10;
           			litboxImagesWindow.style.height = imgPreloaderSecond.height+80;
	       			litboxImagesWindow.style.width = imgPreloaderSecond.width+10;
				} else {
					$('litboxImage').src = src;
				}
				tempPicNumber = totalPictures;
				imageObj = image;
			
				j = i-1;
				while(j>=0){
					tempImage = images[j];
					tempRelAttribute = String(tempImage.getAttribute('rel'));
					if (tempRelAttribute == objRelation){
						havePrevImage = true;
						prevImageIndex = j;
						break;
					}
					j--;
				}
				
				j = i+1;
				while (j<images.length){
					tempImage = images[j];
					tempRelAttribute = String(tempImage.getAttribute('rel'));
					if (tempRelAttribute == objRelation){
						haveNextImage = true;
						break;
					}
					j++;
				}
			}	
		}
	 }
	 
     if (havePrevImage){
     	if (relationArrayIndex>0){
			litboxPrev.style.display = "block";
		} else {
     		$('LB_prevLink').setStyle({display: 'block'});
		}
     } else {
     	if (relationArrayIndex>0){
			litboxPrev.style.display = "none";
		} else {
     		$('LB_prevLink').setStyle({display: 'none'});
		}
     }
     
     if (haveNextImage){
     	if (relationArrayIndex>0){
			litboxNext.style.display = "block";
		} else {
     		$('LB_nextLink').setStyle({display: 'block'});
		}
     } else {
     	if (relationArrayIndex>0){
			litboxNext.style.display = "none";
		} else {
        	$('LB_nextLink').setStyle({display: 'none'});	
		}
     }

	 currentPictureArray[indexRelationInArray] = tempPicNumber;
	 
	 if (relationArrayIndex>0){
	 	  litobxImageNumber.innerHTML = '';
	 } else {
	 	$('LB_imageNumber').innerHTML = '';  		
	 }
	 redisplay(this);
   },
   nextImage: function(){
   	
   	  totalPictures = 0;
   	  haveNextImage = false;
   	  havePrevImage = false;
   	  indexRelationInArray = -1;
   	  objRelation = this.getAttribute('name');
   	  
   	  if (relationArrayIndex>0){
   	  	  for (i=0; i<relationArrayIndex; i++){
   	  	  	 if (relationArray[i] == objRelation){
   	  	  	 	indexRelationInArray = i;
   	  	  	 	break;
   	  	  	 }
   	  	  }
   	  	  
   	  	  litboxImagesAllArr = document.getElementsByName('litboxImage');
		  litboxImg = litboxImagesAllArr[indexRelationInArray];
		  
		  litboxNextPicAllArr = document.getElementsByName('LB_nextLink');
		  litboxNext = litboxNextPicAllArr[indexRelationInArray];
		  
		  litboxPrevPicAllArr = document.getElementsByName('LB_prevLink');
		  litboxPrev = litboxPrevPicAllArr[indexRelationInArray];
		  
		  litboxImagesNumberAllArr = document.getElementsByName('LB_imageNumber');
		  litobxImageNumber = litboxImagesNumberAllArr[indexRelationInArray];
		  
		  litboxImagesCloseAllArr = document.getElementsByName('LB_closeAjaxWindow');
		  litboxImagesClose = litboxImagesCloseAllArr[indexRelationInArray];
		  
		  litboxImagesContentAllArr = document.getElementsByName('LB_content');
		  litboxImagesContent = litboxImagesContentAllArr[indexRelationInArray];
		  
		  litboxImagesWindowAllArr = document.getElementsByName('LB_window');
		  litboxImagesWindow = litboxImagesWindowAllArr[indexRelationInArray];
		  
		  imgPreloaderSecond = new Image();
   	  }
   	  
   	  
	  images = document.getElementsByTagName('img');
	  for (i=0; i<images.length; i++){
	  	image = images[i];	
		relAttribute = String(image.getAttribute('rel'));
		altAttribute = String(image.getAttribute('alt'));
		if (relAttribute == objRelation){
			totalPictures = totalPictures+1;
			if (totalPictures == (currentPictureArray[indexRelationInArray]+1)){
				src = image.getAttribute('src');
				if (relationArrayIndex>0){
					imgPreloaderSecond.src = src; 
					litboxImg.setAttribute('src', src);
					litboxImagesClose.style.width = imgPreloaderSecond.width;
					litboxImagesContent.style.height = imgPreloaderSecond.height+10;
           			litboxImagesContent.style.width = imgPreloaderSecond.width+10;
           			litboxImagesWindow.style.height = imgPreloaderSecond.height+80;
	       			litboxImagesWindow.style.width = imgPreloaderSecond.width+10;
				} else {
					$('litboxImage').src = src;
				}
				tempPicNumber = totalPictures;
				imageObj = image;
				
				j = i-1;
				while(j>=0){
					tempImage = images[j];
					tempRelAttribute = String(tempImage.getAttribute('rel'));
					if (tempRelAttribute == objRelation){
						havePrevImage = true;
						break;
					}
					j--;
				}
				
				j = i+1;
				while (j<images.length){
					tempImage = images[j];
					tempRelAttribute = String(tempImage.getAttribute('rel'));
					if (tempRelAttribute == objRelation){
						haveNextImage = true;
						break;
					}
					j++;
				}
			}	
		}
	 }
	 
     if (haveNextImage){
     	if (relationArrayIndex>0){
			litboxNext.style.display = "block";
		} else {
     		$('LB_nextLink').setStyle({display: 'block'});
		}
     } else {
     	if (relationArrayIndex>0){
			litboxNext.style.display = "none";
		} else {
     		$('LB_nextLink').setStyle({display: 'none'});     	
		}
     }
     
     if (havePrevImage){
     	if (relationArrayIndex>0){
			litboxPrev.style.display = "block";
		} else {
     		$('LB_prevLink').setStyle({display: 'block'});
		}
     } else {
     	if (relationArrayIndex>0){
			litboxPrev.style.display = "none";
		} else {
     		$('LB_prevLink').setStyle({display: 'none'});     	
		}
     }
     currentPictureArray[indexRelationInArray] = tempPicNumber;
     
     if (relationArrayIndex>0){
	 	  litobxImageNumber.innerHTML = '';
	 } else {
		 $('LB_imageNumber').innerHTML = '';
	 }
	 redisplay(this);
   },
   getDraggable: function(){
      if(this.options.draggable){
      if(this.resize)this.resize.destroy();
      if(!this.drag || (this.drag && !this.drag.dragging))
      this.drag = new Draggable(this.d2,{});
      }
   },
   getResizer: function(){
      if(this.options.resizable){
      if(this.drag)this.drag.destroy();
      if(!this.resize || (this.resize && !this.resize.dragging))
      this.resize = new Resizer(this.d2,{});
      }
   },
   dropDraggable: function(){
      if(this.options.draggable){
      if(!this.drag.dragging && this.drag){
      this.drag.destroy();
      }}
   },
   dropResizer: function(){
      if(this.options.resizable){
      if(!this.resize.dragging && this.resize){
      this.resize.destroy();
      }}
   },
   display: function(){
      Element.setOpacity(this.d2, 0);
      this.position();
      new Effect.Opacity(this.d2, {from:0,to:this.options.opacity,duration:.5});
   },
   position: function(){
      	var de = document.documentElement;
   		var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
   		var h = self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
   
   
     	if (window.innerHeight && window.scrollMaxY) {	
   			yScroll = window.innerHeight + window.scrollMaxY;
   		} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
   					yScroll = document.body.scrollHeight;
   				} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
   					yScroll = document.body.offsetHeight;
     			}
     	if (this.options.type != 'content'){
      		this.d2.style.width = this.options.width + 'px';
     	}
      	if (haveRelationInArray) {
      		this.d2.style.display = 'none';
      	} else {
      	    this.d2.style.display = 'block';	
      	}
   		if (this.options.type != 'content'){
   			this.d2.style.left = ((w - this.options.width)/2)+"px";
   		} else {
   			this.d2.style.left = ((w - this.d2.offsetWidth)/2)+"px";
   		}
   	
      	var pagesize = this.getPageSize();
      	var arrayPageScroll = this.getPageScrollTop();
   		if(this.d2.offsetHeight > h - 100){
	   		this.d2.style.top = "45px";
   			this.d2.style.height=h-100 + 'px';
   			//this.d4.style.height=h-145 + 'px';
   			this.d4.style.overflow ='auto';
   		} else {   
   			this.d2.style.top = (arrayPageScroll[1] + ((pagesize[1]-this.d2.offsetHeight)/2))+"px";
   		}
   		if(this.d){this.d.style.height =   yScroll +"px";}
   },
   remove: function(){
      	if(this.temp) this.temp();
   		new Effect.Opacity(this.d2, {from:1,to:0,duration:.5});
   		if (this.d7){
   			objectRelation = this.d7.getAttribute('name');
   			elementsToDeleteArray = new Array();
   			elementsToDeleteIndex = 0;
   			
   			allInstancesByRelationArray = document.getElementsByName('hoverNav');
   			for (i=0; i<allInstancesByRelationArray.length; i++){
   				if (allInstancesByRelationArray[i].getAttribute('name') == objectRelation){
   					contentDiv = allInstancesByRelationArray[i].parentElement;
   					windowDiv = contentDiv.parentElement;
   					elementsToDeleteArray[elementsToDeleteIndex] = windowDiv;
   					elementsToDeleteIndex ++;
   				}
   			}
   			
   			for (i=0; i<elementsToDeleteArray.length; i++){
   				Element.remove(elementsToDeleteArray[i]);
   			}
   			
   			apearencesInArray = 0;
   			positionApearenceArray = new Array();
   			
   			for (i=0; i<relationArray.length; i++){
   				if (relationArray[i] == objectRelation){
   					positionApearenceArray[apearencesInArray] = i;
   					apearencesInArray ++;
   				}
   			}
   			
   			for (i=positionApearenceArray.length-1; i>=0; i--){
   				relationArray.splice(positionApearenceArray[i], 1);
   			}
   			relationArrayIndex = relationArray.length;
   			
   		} else {
   			Element.remove(this.d2);
   		}
   		if(this.d){new Effect.Opacity(this.d, {from:.6,to:0,duration:.5});
   		Element.remove(this.d);}
   },
   parseQuery: function(query){
      var Params = new Object ();
      if ( ! query ) return Params; // return empty object
      var Pairs = query.split(/[;&]/);
      for ( var i = 0; i < Pairs.length; i++ ) {
         var KeyVal = Pairs[i].split('=');
         if ( ! KeyVal || KeyVal.length != 2 ) continue;
         var key = unescape( KeyVal[0] );
         var val = unescape( KeyVal[1] );
         val = val.replace(/\+/g, ' ');
         Params[key] = val;
      }
      return Params;
   },
   getPageScrollTop: function(){
      var yScrolltop;
      if (self.pageYOffset) {
         yScrolltop = self.pageYOffset;
      } else if (document.documentElement && document.documentElement.scrollTop){    // Explorer 6 Strict
         yScrolltop = document.documentElement.scrollTop;
      } else if (document.body) {// all other Explorers
         yScrolltop = document.body.scrollTop;
      }
      arrayPageScroll = new Array('',yScrolltop) 
      return arrayPageScroll;
   },
   getPageSize: function(){
      var de = document.documentElement;
      var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
      var h = self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
      
      arrayPageSize = new Array(w,h) 
      return arrayPageSize;
   },
   getAjax: function(url){
   	  posURL = url.indexOf('?');
   	  if (posURL > 0){
   	  	parameters = url.substring(posURL+1);
   	  	script = url.substring(0, posURL);
   	  	popupWindowAjax = new AjaxEMI();
	 	popupWindowAjax.loadHTML('LB_content', script, parameters);	
   	  } else {
   	  	popupWindowAjax = new AjaxEMI();
	  	popupWindowAjax.loadHTML('LB_content', url);	
   	  }
   }

}

function redisplay(obj){
   	  indexRelationInArray = -1;
   	  objRelation = obj.getAttribute('name');
   	  if (relationArrayIndex>0){
   	  	  for (i=0; i<relationArrayIndex; i++){
   	  	  	 if (relationArray[i] == objRelation){
   	  	  	 	indexRelationInArray = i;
   	  	  	 	break;
   	  	  	 }
   	  	  }
		  litboxImagesWindowAllArr = document.getElementsByName('LB_window');
		  litboxImagesWindow = litboxImagesWindowAllArr[indexRelationInArray];
   	  }
   	  Element.setOpacity(litboxImagesWindow, 0);
      reposition(obj);
      new Effect.Opacity(litboxImagesWindow, {from:0,to:8,duration:.5});
	 
}

function reposition(obj){
	  indexRelationInArray = -1;
   	  objRelation = obj.getAttribute('name');
   	  if (relationArrayIndex>0){
   	  	  for (i=0; i<relationArrayIndex; i++){
   	  	  	 if (relationArray[i] == objRelation){
   	  	  	 	indexRelationInArray = i;
   	  	  	 	break;
   	  	  	 }
   	  	  }
   	  	  
		  litboxImagesWindowAllArr = document.getElementsByName('LB_window');
		  litboxImagesWindow = litboxImagesWindowAllArr[indexRelationInArray];
		  
		  litboxImagesContentAllArr = document.getElementsByName('LB_content');
		  litboxImagesContent = litboxImagesContentAllArr[indexRelationInArray];
		  
		  litboxImagesOverlayAllArr = document.getElementsByName('LB_overlay');
		  litboxImagesOverlay = litboxImagesOverlayAllArr[indexRelationInArray];
   	  }
   	
  	  var de = document.documentElement;
	  var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	  var h = self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;


 	  if (window.innerHeight && window.scrollMaxY) {	
			yScroll = window.innerHeight + window.scrollMaxY;
	  } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
			yScroll = document.body.scrollHeight;
      } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
			yScroll = document.body.offsetHeight;
   	  }
   	  
	  litboxImagesWindow.style.left = ((w - litboxImagesWindow.offsetWidth)/2)+"px";
  	  var pagesize = regetPageSize();
  	  var arrayPageScroll = regetPageScrollTop();
	  if(litboxImagesWindow.offsetHeight > h - 100){
//   			litboxImagesWindow.style.top = "45px";
			litboxImagesWindow.style.height = h-100 + 'px';
			//this.d4.style.height=h-145 + 'px';
			litboxImagesContent.style.overflow ='auto';
	  } else { 
			litboxImagesWindow.style.top = (arrayPageScroll[1] + ((pagesize[1]-litboxImagesWindow.offsetHeight)/2))+"px";
	  }

	  if(litboxImagesOverlay){litboxImagesOverlay.style.height =   yScroll +"px";}
	  
}

function regetPageScrollTop(){
      var yScrolltop;
      if (self.pageYOffset) {
         yScrolltop = self.pageYOffset;
      } else if (document.documentElement && document.documentElement.scrollTop){    // Explorer 6 Strict
         yScrolltop = document.documentElement.scrollTop;
      } else if (document.body) {// all other Explorers
         yScrolltop = document.body.scrollTop;
      }
      arrayPageScroll = new Array('',yScrolltop) 
      return arrayPageScroll;
}

function regetPageSize(){
      var de = document.documentElement;
      var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
      var h = self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
      
      arrayPageSize = new Array(w,h) 
      return arrayPageSize;
}

function callbackNull(){
}


var Resizers = {
  drags: [],
  observers: [],
  
  register: function(draggable) {
    if(this.drags.length == 0) {
      this.eventMouseUp   = this.endDrag.bindAsEventListener(this);
      this.eventMouseMove = this.updateDrag.bindAsEventListener(this);
      this.eventKeypress  = this.keyPress.bindAsEventListener(this);
      
      Event.observe(document, "mouseup", this.eventMouseUp);
      Event.observe(document, "mousemove", this.eventMouseMove);
      Event.observe(document, "keypress", this.eventKeypress);
    this.drags.push(draggable);

    }
  },
  
  unregister: function(draggable) {
    this.drags = this.drags.reject(function(d) { return d==draggable });
    if(this.drags.length == 1){this.drags.pop();}
    if(this.drags.length == 0) {
      Event.stopObserving(document, "mouseup", this.eventMouseUp);
      Event.stopObserving(document, "mousemove", this.eventMouseMove);
      Event.stopObserving(document, "keypress", this.eventKeypress);
    }
  },
  
  activate: function(draggable) {
    window.focus(); // allows keypress events if window isn't currently focused, fails for Safari
    this.activeDraggable = draggable;
  },
  
  deactivate: function() {
    this.activeDraggable = null;
  },
  
  updateDrag: function(event) {
    if(!this.activeDraggable) return;
    var pointer = [Event.pointerX(event), Event.pointerY(event)];
    // Mozilla-based browsers fire successive mousemove events with
    // the same coordinates, prevent needless redrawing (moz bug?)
    if(this._lastPointer && (this._lastPointer.inspect() == pointer.inspect())) return;
    this._lastPointer = pointer;
    this.activeDraggable.updateDrag(event, pointer);
  },
  
  endDrag: function(event) {
    if(!this.activeDraggable) return;
    this._lastPointer = null;
    this.activeDraggable.endDrag(event);
    this.activeDraggable = null;
  },
  
  keyPress: function(event) {
    if(this.activeDraggable)
      this.activeDraggable.keyPress(event);
  },
  
  addObserver: function(observer) {
    this.observers.push(observer);
    this._cacheObserverCallbacks();
  },
  
  removeObserver: function(element) {  // element instead of observer fixes mem leaks
    this.observers = this.observers.reject( function(o) { return o.element==element });
    this._cacheObserverCallbacks();
  },
  
  notify: function(eventName, draggable, event) {  // 'onStart', 'onEnd', 'onDrag'
    if(this[eventName+'Count'] > 0)
      this.observers.each( function(o) {
        if(o[eventName]) o[eventName](eventName, draggable, event);
      });
  },
  
  _cacheObserverCallbacks: function() {
    ['onStart','onEnd','onDrag'].each( function(eventName) {
      Resizers[eventName+'Count'] = Resizers.observers.select(
        function(o) { return o[eventName]; }
      ).length;
    });
  }
}


var Resizer = Class.create();
Resizer.prototype = {
  initialize: function(element) {
  	this.offset = Array();
    var options = Object.extend({
      handle: false,
      
      reverteffect: function(element, top_offset, left_offset) {
        var dur = Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02;
        element._revert = new Effect.Move(element, { x: -left_offset, y: -top_offset, duration: dur});
      },
      
      zindex: 1000,
      revert: false,
      scroll: false,
      scrollSensitivity: 20,
      scrollSpeed: 15,
      snap: false   // false, or xy or [x,y] or function(x,y){ return [x,y] }
    }, arguments[1] || {});
    this.element = $(element);
    
    if(options.handle && (typeof options.handle == 'string')) {
      var h = Element.childrenWithClassName(this.element, options.handle, true);
      if(h.length>0) this.handle = h[0];
    }
    if(!this.handle) this.handle = $(options.handle);
    if(!this.handle) this.handle = this.element;
    
    if(options.scroll && !options.scroll.scrollTo && !options.scroll.outerHTML)
      options.scroll = $(options.scroll);

    Element.makePositioned(this.element); // fix IE    

    this.delta    = this.currentDelta();
    this.options  = options;
    this.dragging = false;   

    this.oHeight = parseInt(this.element.style.height);
    this.oWidth = parseInt(this.element.style.width);

    this.eventMouseDown = this.initDrag.bindAsEventListener(this);
    Event.observe(this.handle, "mousedown", this.eventMouseDown);
    
    Resizers.register(this);
  },
  
  destroy: function() {
    Event.stopObserving(this.handle, "mousedown", this.eventMouseDown);
    Resizers.unregister(this);
  },
  
  currentDelta: function() {
    return([
      parseInt(Element.getStyle(this.element,'width') || '0'),
      parseInt(Element.getStyle(this.element,'height') || '0')]);
  },
  
  initDrag: function(event) {
    if(Event.isLeftClick(event)) {    
      // abort on form elements, fixes a Firefox issue
      var src = Event.element(event);
      if(src.tagName && (
        src.tagName=='INPUT' ||
        src.tagName=='SELECT' ||
        src.tagName=='OPTION' ||
        src.tagName=='BUTTON' ||
        src.tagName=='TEXTAREA')) return;
        
      if(this.element._revert) {
        this.element._revert.cancel();
        this.element._revert = null;
      }
      
      var pointer = [Event.pointerX(event), Event.pointerY(event)];
      var pos     = Position.cumulativeOffset(this.element);

      this.offset[0] = pointer[0];
      this.offset[1] = pointer[1];
      Resizers.activate(this);
      Event.stop(event);
    }
  },
  
  startDrag: function(event) {
    this.dragging = true;
    
    if(this.options.zindex) {
      this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0);
      this.element.style.zIndex = this.options.zindex;
    }
    
    if(this.options.ghosting) {
      this._clone = this.element.cloneNode(true);
      Position.absolutize(this.element);
      this.element.parentNode.insertBefore(this._clone, this.element);
    }
    
    
    Resizers.notify('onStart', this, event);
    if(this.options.starteffect) this.options.starteffect(this.element);
  },
  
  updateDrag: function(event, pointer) {
    if(!this.dragging) this.startDrag(event);
    Position.prepare();
    Resizers.notify('onDrag', this, event);
    this.draw(pointer);
    if(this.options.change) this.options.change(this);
    
    if(this.options.scroll) {
      this.stopScrolling();
      
      var p;
      if (this.options.scroll == window) {
        with(this._getWindowScroll(this.options.scroll)) { p = [ left, top, left+width, top+height ]; }
      } else {
        p = Position.page(this.options.scroll);
        p[0] += this.options.scroll.scrollLeft;
        p[1] += this.options.scroll.scrollTop;
        p.push(p[0]+this.options.scroll.offsetWidth);
        p.push(p[1]+this.options.scroll.offsetHeight);
      }
      var speed = [0,0];
      if(pointer[0] < (p[0]+this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[0]+this.options.scrollSensitivity);
      if(pointer[1] < (p[1]+this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[1]+this.options.scrollSensitivity);
      if(pointer[0] > (p[2]-this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[2]-this.options.scrollSensitivity);
      if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.scrollSensitivity);
      this.startScrolling(speed);
    }
    
    // fix AppleWebKit rendering
    if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0);
    Event.stop(event);
  },
  
  finishDrag: function(event, success) {
    this.dragging = false;

    if(this.options.ghosting) {
      Position.relativize(this.element);
      Element.remove(this._clone);
      this._clone = null;
    }

    Resizers.notify('onEnd', this, event);

    var revert = this.options.revert;
    if(revert && typeof revert == 'function') revert = revert(this.element);
    
    var d = this.currentDelta();
    if(revert && this.options.reverteffect) {
      this.options.reverteffect(this.element, 
        d[1]-this.delta[1], d[0]-this.delta[0]);
    } else {
      this.delta = d;
    }

    //if(this.options.zindex)
      this.element.style.zIndex = this.originalZ;

    if(this.options.endeffect) 
      this.options.endeffect(this.element);

    Resizers.deactivate(this);
    //Resizers.reset();
  },
  
  keyPress: function(event) {
    if(event.keyCode!=Event.KEY_ESC) return;
    this.finishDrag(event, false);
    Event.stop(event);
  },
  
  endDrag: function(event) {
    if(!this.dragging) return;
    this.stopScrolling();
    this.finishDrag(event, true);
    Event.stop(event);
    this.oWidth = parseInt(this.element.style.width);
    this.oHeight = parseInt(this.element.style.height);
  },
  
  draw: function(point) {
    var pos = Position.cumulativeOffset(this.element);
    var d = this.currentDelta();
    pos[0] -= d[0]; pos[1] -= d[1];
    var p = new Array();
  
    p[0] = this.oWidth + point[0] - this.offset[0];
    p[1] = this.oHeight + point[1] - this.offset[1];
    
    var style = this.element.style;
    if((!this.options.constraint) || (this.options.constraint=='horizontal')){
      style.width = p[0] + "px"; this.element.d4.style.width = p[0] + 'px';}
    if((!this.options.constraint) || (this.options.constraint=='vertical')){
      style.height  = p[1] + "px"; this.element.d4.style.height = p[1]-30 + 'px';}
    if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering

  },
  
  stopScrolling: function() {
    if(this.scrollInterval) {
      clearInterval(this.scrollInterval);
      this.scrollInterval = null;
      Resizers._lastScrollPointer = null;
    }
  },
  
  startScrolling: function(speed) {
    this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed];
    this.lastScrolled = new Date();
    this.scrollInterval = setInterval(this.scroll.bind(this), 10);
  },
  
  scroll: function() {
    var current = new Date();
    var delta = current - this.lastScrolled;
    this.lastScrolled = current;
    if(this.options.scroll == window) {
      with (this._getWindowScroll(this.options.scroll)) {
        if (this.scrollSpeed[0] || this.scrollSpeed[1]) {
          var d = delta / 1000;
          this.options.scroll.scrollTo( left + d*this.scrollSpeed[0], top + d*this.scrollSpeed[1] );
        }
      }
    } else {
      this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000;
      this.options.scroll.scrollTop  += this.scrollSpeed[1] * delta / 1000;
    }
    
    Position.prepare();
    Resizers.notify('onDrag', this);
    Resizers._lastScrollPointer = Resizers._lastScrollPointer || $A(Resizers._lastPointer);
    Resizers._lastScrollPointer[0] += this.scrollSpeed[0] * delta / 1000;
    Resizers._lastScrollPointer[1] += this.scrollSpeed[1] * delta / 1000;
    if (Resizers._lastScrollPointer[0] < 0)
      Resizers._lastScrollPointer[0] = 0;
    if (Resizers._lastScrollPointer[1] < 0)
      Resizers._lastScrollPointer[1] = 0;
    this.draw(Resizers._lastScrollPointer);
    
    if(this.options.change) this.options.change(this);
  },
  
  _getWindowScroll: function(w) {
    var T, L, W, H;
    with (w.document) {
      if (w.document.documentElement && documentElement.scrollTop) {
        T = documentElement.scrollTop;
        L = documentElement.scrollLeft;
      } else if (w.document.body) {
        T = body.scrollTop;
        L = body.scrollLeft;
      }
      if (w.innerWidth) {
        W = w.innerWidth;
        H = w.innerHeight;
      } else if (w.document.documentElement && documentElement.clientWidth) {
        W = documentElement.clientWidth;
        H = documentElement.clientHeight;
      } else {
        W = body.offsetWidth;
        H = body.offsetHeight
      }
    }
    return { top: T, left: L, width: W, height: H };
  }
}