// AJAX
var myRequest;
function ajax_execute(div,func,data,fade,erase){
	
	if(myRequest) myRequest.cancel();
	myRequest = new Request({
		method: 'post', evalScripts: true, url: uriDir+'_php/ajax_display.php',
		
		onRequest: function(){
			// IF LOADING ICON EXISTS, SHOW IT
			if (document.id(div+'_loading'))
			loadingSet=setTimeout("$('"+div+"_loading').setStyle('display','')",10);
			if (fade=='true'){
				var myElement=document.id(document.getElementById(div));
				myElement.setStyle('opacity','0');
			}
			if (document.id(div) && div!='' && (erase=='true')) { document.id(div).empty();}
		},
		
		onSuccess: function(responseText, responseXML) { 
			// IF LOADING ICON EXISTS, HIDE IT
			if (document.id(div+'_loading')){
				clearTimeout(loadingSet);
				document.id(div+'_loading').setStyle('display','none');
			}
			// IF FADE
			if (fade=='true'){
				var myElement=document.id(div);
				var myFx = new Fx.Tween(myElement, {
					duration: '300',
					transition: 'linear',
					link: 'cancel',
					property: 'opacity'
				});
				myFx.start(0, 1);
				//myElement.tween('opacity',[0,1]);
			}
			if (document.id(div) && div!='') { document.id(div).set('html',responseText);}
			if (myovertext) myovertext.reposition();
		} 
		
	});
	
	myRequest.send('func='+func+'&'+data);
}

// BROWSE NAVIGATION
var currpage;
var numpages;
var limit;
var s;
function format_bytes(size) {
    var units = new Array(' B', ' KB', ' MB', ' GB', ' TB');
    for (var i = 0; size >= 1024 && i < 4; i++) size /= 1024;
    return size.round(0)+units[i];
}
var olay=null;
var Overlay = new Class({
  
  Implements: [Options,Events],
  
  
  options:  {
    id: 'overlay',
    color: '#000',
    duration: 500,
    opacity: 0.5,
    zIndex: 5000/*
    onClick: $empty,
    onClose: $empty,
    onHide: $empty,
    onOpen: $empty,
    onShow: $empty
    */
  },
  
  initialize: function(container,options) {
    this.setOptions(options);
    this.container = document.id(container);
    this.overlay = new Element('div',{
      id: this.options.id,
      opacity: 0,
      styles: {
        position: 'absolute',
        backgroundImage: 'url(../../_media/images/overlay.png)',
        left: 0,
        top: 0,
		'vertical-align':'middle',
        'z-index': this.options.zIndex
      },
      events: {
        click: function() {
          this.fireEvent('click');
        }.bind(this)
      }
    }).inject(this.container);
    this.tween = new Fx.Tween(this.overlay,{ 
      duration: this.options.duration,
      link: 'cancel',
      property: 'opacity',
      onStart: function() {
        var size = this.container.getScrollSize();
        this.overlay.setStyles({
          width: size.x,
          height: size.y
        });
      }.bind(this),
      onComplete: function() {
        this.fireEvent(this.overlay.get('opacity') == this.options.opacity ? 'show' : 'hide');
      }.bind(this)
    });
  },
  open: function() {
    this.fireEvent('open');
    this.tween.start(this.options.opacity);
  },
  close: function() {
    this.fireEvent('close');
    this.tween.start(0);
  }
});
var lock=0;

function runOverlay(dir,before){
	olay.open();
}
function loginOpen(){
	$('loginError').setStyle('display','none');
	$('loginContainer').setStyle('display','block');
	document.form_loginForm.reset();
	loginOlay.open();
}