var detailButton = Class.create();

detailButton.prototype = 
{
	initialize: function(e) 
	{
		var p = e.rel.split('_');
		this.e = e;
		this.what = p[0];
		this.id = p[1];
		
		
		this.setEvents(e);
	},
	
	setGlobals: function()
	{
		v['what'] = this.what;
		v['id'] = this.id;
		v['activeButton'] = this;
	},
	
	doRequest: function()
	{	
		
		//alert(v['what']);
		$('detail').style.display='none';
		switch(v['what'])
		{
			case 'detailProject':
			case 'detailTag':
			case 'detailText':
			case 'detailTagText':
				var option = 
				{
					asynchronous:
					true, 
					parameters: 
					'screen='+v['s']+'&what='+v['what']+'&id=' + v['id'],
					onComplete: function(t){v['activeButton'].afterRequest(t);}
				};
				new Ajax.Updater('detail','detail.php', option);
				break;
		}
		
	},
	
	afterRequest: function(t, id)
	{
		//alert(t.responseText);
		$('detail').style.display='block';
		$('detail').style.zIndex=1001;
		initButton();
		startPlayer();
	},
	
	updateAfterRequest: function()
	{
	},
	
	setEvents: function(e)
	{
		Event.observe(e, 'mouseover', this.doMouseover.bindAsEventListener(this), false);
		Event.observe(e, 'mouseout', this.doMouseout.bindAsEventListener(this), false);
		Event.observe(e, 'click', this.doClick.bindAsEventListener(this), false);
		
		e.onclick = function()
		{
			return false;
		};	
		
		e.onmouseover = function()
		{
			return false;
		};
		
		e.onmouseout = function()
		{
			return false;
		};
	},
	
	doClick: function()
	{
		window.location = '#top';
		this.setGlobals();
		this.doRequest();
		this.e.blur();
	},
	
	doMouseover: function()
	{
	},
	
	doMouseout: function()
	{
	}
	
}
	
function initDetailButton()
{
	
	buttons = document.getElementsByClassName('detailButton');
	for(i = 0; i < buttons.length; i++)
	{
		var	b = new detailButton(buttons[i]);
	}	
}