var current = null;



var Containers = {

	

	container_array: new Array(),

	zindex: 10,

	veil: null,

	

	add: function(id, draggable, veiled) {

		this.id = id;

		this.container_array.push(new container(id, veiled));

		this.makeDraggable();	

		this.makeOnTop(id);

		if(veiled == true) {

			this.veilShow(id);

		}

	},

	

	get: function(id) {

		for(i=0; i<this.container_array.length; i++) {

			if(this.container_array[i].id == id) {

				return this.container_array[i];

			}

		}

	},

	

	exists: function(id) {

		for(i=0; i<this.container_array.length; i++) {

			if(this.container_array[i].id == id) {

				return true;

			}

		}

		return false;

	},

	

	veilShow: function(id) {

		$j("#pageContent").append('<div id="veil" class="veil"></div>');

		$("veil").style.opacity = 0.1;

		$j("#veil").fadeTo('slow', 0.8);

		$('veil').style.zIndex = this.zindex++;

		$('container_' + id).style.zIndex = this.zindex++;

    },

	

    veilHide: function(id) {

		$j("#veil").fadeOut("slow");

		$j("#veil").remove();

	},

	

	remove: function(id) {

		if(this.container_array.length > 2) {

			if(this.container_array[(this.container_array.length-1)].id == id) {

				current = this.container_array[(this.container_array.length-2)].id;

			} else {

				current = this.container_array[(this.container_array.length-1)].id;

			}

		}

		for(i=0; i<this.container_array.length; i++) {

			if(this.container_array[i].id == id) {

				Element.remove(id);

				Element.remove('container_' + id);

				this.container_array.splice(i, 1);

			}

		}

	},

		

	makeDraggable: function() {

		$j('.container').draggable({ handle: 'h2', opacity: 0.8, stack: {group: 'container', min:50 } });

	},

	

	makeOnTop: function(id) {

		for(i=0; i<this.container_array.length; i++) {

			if((this.container_array[i].id == id) && (this.container_array[i].draggable != false)) {

				if(($('container_' + id).style.zIndex != this.zindex)) {

					$('container_' + id).style.zIndex = this.zindex++;

				}

			}

		}

		current = id;

	},

	

	close: function(id) {

		this.remove(id);

		this.veilHide(id);

	},

	

	refresh: function(module, id, vars, div) {

		xajax.$(div).innerHTML = '<div style="height:100px; text-align:center;"><div style="height:60px; background-color:#E2E4E7; margin:20px; border:1px solid #2B3159;"><img src="http://www.agrintelligence.com/ordersys/midwest_div/images/ajax-loader.gif" style="margin-top:15px;"></div></div>';

		xajax.call('createContainer', {callback:renderLoading, parameters:[module, id, vars]});

		xajax.call('removeElementChildren', {parameters:[div]});

	},

	

	collapse: function(id, module, reload_vars) {

		//if(in_array(id, this.container_array)) {

			xajax.call('taskbarCommand', {mode:'synchronous', parameters:['addElement', 'global', id, module, reload_vars]});

			xajax.call('taskbarCommand', {parameters:['display']});

			this.close(id);

		//}

	}

}



container = function(id, veiled) {

	this.id = id;

	this.veiled = veiled;

	return this;

}