ÿþfunction Panes(id)
{
	this.panes = new Array();
	this.maxzIndex = -1;
	this.id = id;
	this.offset = 20;
	this.x = 180;
	this.y = 50;
	this.animation_delay = 500;
	
	this.pos_center = function()
	{
		var pwidth = 727;// + this.panes.length * this.offset;
		var pheight = 401;
		
		this.x = Math.ceil(($(window).width()-pwidth)/4)+20;
		this.y = Math.ceil(($(window).height()-pheight)/4);
	}
	
	this.slide_in = function()
	{
		$('#'+this.id).css('opacity',0);
		$('#'+this.id).css('left',this.x);
		$('#'+this.id).css('top',this.y + 'px');
		
		var c = {};
		c['opacity'] = 1;
		$('#'+this.id).animate(c,this.animation_delay+400);
	

		c['top'] =  this.y + 'px';

				
		for(var i in this.panes)
		{
			var pid = '#'+this.panes[i].id;
			
			var dir = Math.floor(Math.random()*5)%2;
			var change =  Math.floor(Math.random()*600);
			if(dir < 0)
				change *= -1;
			
			$(pid).animate(c,this.animation_delay+change);
			var left = this.x - this.offset * this.panes[i].zIndex;
			$(pid).css('left',left + 'px');
			$(pid).css('z-index',this.panes[i].zIndex);
			
		}
		

	}
	
	this.draw = function()
	{
		$('#'+this.id).css('top',this.y);
		$('#'+this.id).css('left', this.x);
		
		for(var i in this.panes)
		{
			var pid = '#'+this.panes[i].id;
		
			$(pid).css('top',this.y + 'px');
			var left = this.x - this.offset * this.panes[i].zIndex;
			$(pid).css('left',left + 'px');
			$(pid).css('z-index',this.panes[i].zIndex);
			
		}
	}
	
	this.pane_html = function(id,html)
	{
		for(var i in this.panes)
			if(this.panes[i].id == id)
				return this.panes[i].html_inner = html;
	}
	
	this.switch_zindex = function(one,two)
	{
		this.panes[one].zIndex = this.panes[two].zIndex;
		this.panes[two].zIndex = this.maxzIndex;
		
		$('#'+this.panes[one].id).css('z-index',this.panes[one].zIndex);
		$('#'+this.panes[two].id).css('z-index',this.panes[two].zIndex);
	}

	this.pane_click = function(id)
	{
		var pane_to_front;
		for(var i in this.panes)
			if(this.panes[i].id == id)
			{
				pane_to_front = i;
				break;
			}
			
		var pane_to_back;
		for(var i in this.panes)
			if(this.panes[i].zIndex == this.maxzIndex)
			{
				pane_to_back = i;
				break;
			}
			
		var left_back = this.x - this.offset * this.panes[pane_to_back].zIndex;
		var left_front = this.x - this.offset * this.panes[pane_to_front].zIndex;
					
		this.panes[pane_to_back].zIndex = this.panes[pane_to_front].zIndex;
		this.panes[pane_to_front].zIndex = this.maxzIndex;
		
		$('#'+this.panes[pane_to_front].id).css('z-index',this.panes[pane_to_front].zIndex);
		$('#'+this.panes[pane_to_back].id).css('z-index',this.panes[pane_to_back].zIndex);
	
		var c = {};
		c['left'] =  left_back;
	//	c['z-index'] = this.panes[pane_to_front].zIndex;
		$('#'+this.panes[pane_to_front].id).animate(c,this.animation_delay);
		
		c['left'] = left_front;
	//	c['z-index'] = this.panes[pane_to_back].zIndex;
		$('#'+this.panes[pane_to_back].id).animate(c,this.animation_delay);
		


	}
	
	this.pane_create = function(id)
	{
		if(this.pane_exists(id))
			return false;
			
		this.maxzIndex++;
		
		var pane = new Pane(id);
		pane.zIndex = this.maxzIndex;
		
		this.panes.push(pane);
		
		return true;
	}

	
	this.pane_exists = function(id)
	{
		for(var i in this.panes)
			if(this.panes[i].id == id)
				return true;
				
		return false;
	}
	
	this.pane_remove = function(id)
	{
		//
	}
	
	this.html = function()
	{
		var html = '<div id="' + this.id + '">';
		for(var i in this.panes)
			html += this.panes[i].html();
		
		html += '</div>';
		
		return html;
	}
}