function loadpage(){
	return true;
}
function leavepage(url){

	(function(){ gotopage(url); }).delay($$('.Image img').length*50);
	
	$$('.Image img').each(function(img,index){
		img.removeEvents();
		(function(){ var myFx = new Fx.Tween(img,{duration: 800,transition: Fx.Transitions.Quart.easeOut}).start('opacity',0); }).delay(($$('.Image img').length-index)*50)
	})
}
var lng = 'en';
var WEBPAGESTATUS = 'close';
var WORKINFO = 'off';

window.addEvent('domready',function(){
	
	$$('#Menu a').each(function(bt){
		bt.addEvents({
			'click': function(event){
				// event.preventDefault();
				// loadWebpage();
				$$('#Menu a').removeClass('select');
				bt.set({'class':'select'});
			}
		});
	});

	$$('.Image img').each(function(img,index){
		var myFx = new Fx.Tween(img,{duration: 800,transition: Fx.Transitions.Quart.easeIn}).set('opacity',0);
		img.setStyles({'display':'block'});
		img.addEvents({
			'load': function(event){
				(function(){ myFx.start('opacity', 1); }).delay((index+1)*50);
			}
		});
		(function(){
			if (img.getStyle('opacity') == 0){
				myFx.start('opacity', 1);
			}
		}).delay((index+10)*50);
	})
	
	$('closewebpage').addEvents({
		'click': function(){
			hideWebpage();
		}
	})

});


function loadWebpage(id){
	WEBPAGESTATUS = 'open';
	if($('WebpageContentTarget')){
		new Fx.Reveal($('WebpageContentTarget'),{ onComplete: function(){
			loadWebpage2(id);
		}}).dissolve();
	} else {
		loadWebpage2(id);
	}
}

function loadWebpage2(id){
	if(!$('WebpageContentTarget')){
		var WebpageContentTarget = new Element('div',{'id':'WebpageContentTarget'}).injectInside($('Content'));
	}
	if($('Menu').getCoordinates().width < 450){
		var myFx2 = new Fx.Tween($('Menu'),{duration: 800,transition: Fx.Transitions.Quart.easeOut,onComplete: function(){
			loadWebpageIn(id);
		}}).start('width', 460);
	} else {
		loadWebpageIn(id);
	}
}

function loadWebpageIn(id){
	var myHTMLRequest = new Request.HTML({
		url: 'include.webpage.inc.php?id='+id+'&lng='+lng,
		update: $('WebpageContentTarget'),
		onComplete: function(){
			openWebpage(id);
		}
	}).get();
}

function openWebpage(id){
	$$('#Menu a').removeClass('select');
	$('WBt'+id).set({'class':'select'});
	$('closewebpage').setStyles({'display':'block'});
	new Fx.Reveal($('WebpageContentTarget'),{
		onComplete: function(){
			if ($('WebpageContentToScroll').getHeight() > $('WebpageContent').getHeight() ){
				var scroll = new Element('div', { id: 'scrollbar1', 'class': 'scrollbar-vert', styles:{'height':$('WebpageContent').getHeight()-20} }).injectInside($('WebpageContentTarget'));
				var handle = new Element('div', { id: 'handle1', 'class': 'handle-vert' }).injectInside(scroll);		
				var scr = new ScrollBar($('WebpageContent'), scroll, handle);
				scr.update();
			}
		}
	}).reveal();
	// $('Main').addEvents({
	// 	'click': function(){
	// 		$('Main').removeEvents('mouseenter');
	// 		hideWebpage();
	// 	}
	// })
}

function hideWebpage(){
	WEBPAGESTATUS = 'close';
	new Fx.Reveal($('WebpageContentTarget'),{ onComplete: function(){
		$$('#Menu a').removeClass('select');
		$('NBt'+currentnode).set({'class':'select'});
		var myFx2 = new Fx.Tween($('Menu'),{duration: 800,transition: Fx.Transitions.Quart.easeOut}).start('width', 220);
		$('closewebpage').setStyles({'display':'none'});
	}}).dissolve();
}

function loadUrlIn(url,target){
	var myHTMLRequest = new Request.HTML({
		url: url+'&lng='+lng,
		update: $(target),
		onComplete: function(){
	}}).get();
}

var WorkInfo = new Class({
	initialize: function(element,target,content){
		element.addEvents({
			'mouseleave': function(){
				resetWorkInfo(target);
			},
			'mouseenter': function(){
				if(WEBPAGESTATUS == 'open'){
					// hideWebpage();
					// (function(){ showWorkInfo(element,target,content); }).delay(1500);
					showWorkInfo(element,target,content);
				} else {
					showWorkInfo(element,target,content);
				}
			}
		})
	}
});

function showWorkInfo(element,target,content){
	WORKINFO = 'on';
	$$('.Image').each(function(img){
		var myFxopacity = new Fx.Tween(img,{duration: 200,link:'chain'});
		if (img.getElement('a') != element){
			// img.setStyles({'opacity':'0.25'});
			// myFxopacity.start('opacity',0.25);
		} else {
			// myFxopacity.start('opacity',1);
		}
	})
	target.set({'html':content});
}

function resetWorkInfo(target){
	WORKINFO = 'off';
	(function(){ resetWorkInfoOpacityTest(target); }).delay(250);
};

function resetWorkInfoOpacityTest(target){
	if (WORKINFO == 'off'){
		(function(){ resetWorkInfoOpacity(target); }).delay(250);
	}
}

function resetWorkInfoOpacity(target){
	if (WORKINFO == 'off'){
		$$('.Image').each(function(img){
			var myFxopacityall = new Fx.Tween(img,{duration: 200,link:'cancel',wait: false}).start('opacity',1);
		})
		target.set({'html':''});
	}
}