var VANTHIA = function(){

	var menuElements;
	var menuFx;
	var selected = -1;
	var innerbox;
	var preloader;
	var boxFx;
	var screenframe;
	var screenbox;
	var screenFx;
	var loadStage = 0;
	var ajaxRequest = false;
	var timer;

	var defaultCSS = {'padding-left': 40, 'color': '#73695d'};
	var selectedCSS = {'padding-left': 20, 'color': '#ffffc0'};

	var tla = ['tlo_skalki.jpg', 'tlo_www.jpg', 'tlo_road.png', 'tlo_swiat.png', 'tlo_races.jpg', 'tlo_orc.jpg', 'tlo_mail.jpg'];

	function schowaj(){
		loadStage = 0;
		innerbox.innerHTML = '';
		boxFx.cancel();
		boxFx.set(0);
		preloader.style.display = 'block';
	}

	function pokaz(){
		loadStage++;
		if(loadStage >= 3){
			innerbox.style.backgroundImage = "url('css/gfx/"+tla[selected]+"')";
			boxFx.start(1);
			preloader.style.display = 'none';
		}
	}

	return {

		'start': function(){

			menuElements = $$("#nav a");

			menuElements.each(function(el, key){

				el.addEvent('click', function(){

					el.blur();
					if(selected != key){

						selected = key;

						schowaj();
						
						clearTimeout(timer);
						timer = setTimeout(pokaz, 710);

						new Asset.image('css/gfx/'+tla[selected], {onload: pokaz});
						
						if(ajaxRequest){
							ajaxRequest.cancel();
						}
						ajaxRequest = new Request({url: 'ajax.php', method: 'get', onComplete: pokaz});
						ajaxRequest.send(Hash.toQueryString({key: key}));

						var options = {
							'0': defaultCSS,
							'1': defaultCSS,
							'2': defaultCSS,
							'3': defaultCSS,
							'4': defaultCSS,
							'5': defaultCSS,
							'6': defaultCSS
						}

						options[key] = selectedCSS;
						options[7] = {'top': el.offsetTop+150};

	
						menuFx.start(options);
					}
					return false;
				});
			});

			menuElements[7] = $('bar');
			menuFx = new Fx.Elements(menuElements, {link: 'cancel', transition: Fx.Transitions.Quad.easeOut, duration: 700});

			innerbox = $('innerbox');
			preloader = $('preloader');
			boxFx = new Fx.Tween(innerbox, 'opacity', {'link': 'cancel'})

			screenframe = $('screenframe');
			screenbox = $('screenbox');
			screenFx = new Fx.Tween(screenframe, 'opacity', {'link': 'cancel'});
			
			var closeScreenshot = function(){
				screenFx.start(0);
				screenbox.style.display = 'none';
			}

			screenframe.addEvent('click', closeScreenshot);
			screenbox.addEvent('click', closeScreenshot);
			menuElements[0].fireEvent('click');

			var bottomlinks = $$('#bottomlinks a');
			var bottomFx = new Fx.Elements(bottomlinks, {link: 'cancel'});
			$$('#bottomlinks a').addEvents({
				'mouseover': function(){
					bottomFx.start({
						'0': {
							'color': '#f1f08d',
							'background-color': '#35322f',
							'border-color': '#a79d91'
						}
					});
				},

				'mouseout': function(){
					bottomFx.start({
						'0': {
							'color': '#665d56',
							'background-color': '#48423c',
							'border-color': '#48423c'
						}
					});
				}
			});
		},

		setContent: function(content){
			innerbox.innerHTML = '<div class="content">'+content+'</div>';

			$$('a.screenshot').addEvent('click', function(){
				this.blur();
				screenFx.set(0);
				screenFx.start(0.5);
				screenbox.innerHTML = '<img src="'+this.href+'" alt="" />';
				screenbox.style.display = 'block';
				return false;
			});
		}
	}
}();

window.addEvent('domready', function(){
	VANTHIA.start();
});