Event.observe(window, 'load', function(){

	showPart($('sessions'));

	$$('a.tab').each(function(item){

		Event.observe(item, 'click', function(event){

			showPart(this);
			Event.stop(event);

		});

		Event.observe(item, 'focus', function(){

			this.blur();

		});

	});

});

var eventTabImages = {

	home:{on:new Image(), off:new Image()},
	eventsinfo:{on:new Image(), off:new Image()},
	sessions:{on:new Image(), off:new Image()},
	partner:{on:new Image(), off:new Image()},
	specialevent:{on:new Image(), off:new Image()}

}

for(var keys in eventTabImages){

	eventTabImages[keys].on.src = '/korea/heroeshappenhere/xml/events/_img/tab_'+ keys +'_ov.gif';
	eventTabImages[keys].on.alt = keys;

	eventTabImages[keys].off.src = '/korea/heroeshappenhere/xml/events/_img/tab_'+ keys +'.gif';
	eventTabImages[keys].off.alt = keys;

}

var layer = {

	isInit:false,
	div:null,

	eventSrc:null,

	floatTop:false,
	floatLeft:false,

	init:function(){

		this.div = Element.extend(Builder.node('div', {id:'layer', style:'display:none;'}));

		$('heroes_event_content_div').appendChild(this.div);

		new Draggable(this.div);

		this.isInit = true;

	},

	open:function(obj, url, ft, fl, t, l){

		if(!this.isInit)this.init();

		this.div.hide();

		this.eventSrc = Element.extend(obj);

		this.floatTop = (false || ft);
		this.floatLeft = (false || fl);

		if(t){
			this.div.style.top = (t +'px');
			this.floatTop = false;
		}else{
			if(!this.floatTop)
				this.div.style.top = ((obj.getHeight() + obj.cumulativeOffset().top) +'px');
		}

		if(l){
			this.div.style.left = (l +'px');
			this.floatRight = false;
		}else{
			if(!this.floatRight)
				this.div.style.left = (obj.cumulativeOffset().left +'px');
		}

		new Ajax.Updater(this.div, url, {
			method:'get',
			onComplete:function(request){

				if(layer.floatTop || layer.floatLeft)layer.rePositoining();

				Effect.Appear(layer.div, {duration:0.3});

				//if(layer.floatTop || layer.floatRight)setTimeout("layer.rePositoining();", 300);

			}
		});

	},


	close:function(){

		Effect.Fade(this.div, {duration:0.3});

	},

	rePositoining:function(){

		if(this.floatTop)
			this.div.style.top = ((this.eventSrc.cumulativeOffset().top - this.div.getHeight()) +'px');

		if(this.floatLeft)
			this.div.style.left = ((this.eventSrc.cumulativeOffset().left - this.div.getWidth() + this.eventSrc.getWidth()) +'px');

	}

}



function showPart(aTags){

	try{
		layer.close();
	}catch(e){/**do nothing**/}

	$$('a.tab').each(function(item){

		if(item.id == aTags.id){
			item.update(eventTabImages[item.id].on);
			$(item.id +'_content').show();
		}else{
			item.update(eventTabImages[item.id].off);
			$(item.id +'_content').hide();
		}

	});

}