pic1on = new Image(1024,100); pic1on.src="http://art-club.pl/themes/rainy_day/images/topOn.png";
var loginFormVar = 0;
var menuFormVar = 0;

window.addEvent('domready', function() {
	// jeżeli kliknie po za obszar wyłącz formę
	var loginCor = $('kontenerPanelLogowania').getPosition();
	var loginSizeX = 372;
	var loginSizeY = 106;
	
	var menuCor = $('kontenerPanelMenu').getPosition();
	var menuSizeX = 444;
	var menuSizeY = 185;
	
	document.addEvent('click', function(event){
		if(loginFormVar == 1){
			if((event.client.x > loginCor.x) 
				&& (event.client.x < (loginCor.x + loginSizeX)) 
				&& (event.client.y > 80) 
				&& (event.client.y < (loginCor.y + loginSizeY)))
			{
				// nic nie rób
			} else { // zamknij
				loginForm();
			}
		}
		
		if(menuFormVar == 1){
			if((event.client.x > menuCor.x) 
				&& (event.client.x < (menuCor.x + menuSizeX)) 
				&& (event.client.y > 80) 
				&& (event.client.y < (menuCor.y + menuSizeY)))
			{
				// nic nie rób
			} else { // zamknij
				menuForm();
			}
		}
	});
});

function loginForm(){
	var morph = new Fx.Morph('kontenerPanelLogowania');
	
	if(loginFormVar == 0){
		document.getElementById('panelLogowania').style.display = 'block';
	
		morph.start({
			width: '372px',
			height: '106px'
		}).chain(function(){$('panelLogowania').tween('opacity', [0, 1]);});
		
		loginFormVar = 1;
	} else {		
		$('panelLogowania').morph('.panelLogowaniaKlasa');
		$('kontenerPanelLogowania').morph('.kontenerPanelLogowaniaKlasa');
		
		loginFormVar = 0;
	}
}

function menuForm(){
	var morph = new Fx.Morph('kontenerPanelMenu');
	
	if(menuFormVar == 0){
		document.getElementById('panelMenu').style.display = 'block';
	
		morph.start({
			width: '444px',
			height: '185px'
		}).chain(function(){$('panelMenu').tween('opacity', [0, 1]);});
		
		menuFormVar = 1;
	} else {		
		$('panelMenu').morph('.panelMenuKlasa');
		$('kontenerPanelMenu').morph('.kontenerPanelMenuKlasa');
		
		menuFormVar = 0;
	}
}

function showTips(aim, nr){
	var tipsCor = $(aim).getPosition();
	var tipsSize = $(aim).getSize();
	var left = tipsCor.x;
	var width = Math.round(tipsSize.x/2);
	if(aim == 'rightMenuClick'){
		var leftOK = left - width;
	} else {
		if(width <= 10){
			var leftOK = left - width;
		} else {
			var leftOK = left;
		}
	}
	
	document.getElementById('podp' + nr).style.left = leftOK + "px";
	document.getElementById('podp' + nr).style.display = 'block';
	
	$('podp' + nr).tween('opacity', [0, 1]);
}

function hideTips(nr){
	document.getElementById('podp' + nr).style.opacity = "0";
	document.getElementById('podp' + nr).style.left = "0px";
	document.getElementById('podp' + nr).style.display = 'none';
}