jQuery(document).ready(function(){

	function calculos(side){
		jQuery(document).unbind('keydown',noNumbers);
		jQuery(".arrow").unbind('click');
		if(side == 'esquerda'){
			var classe_posi = 'esquerda';
			var classe_posi_others = 'direita';
			var inserta = 'insertBefore';
		}
		else{
			var classe_posi = 'direita';
			var classe_posi_others = 'esquerda';
			var inserta = 'insertAfter';
		}
		//alert(classe_posi);
		//alert(jQuery('.' + classe_posi + ':eq(2)').attr('id'));
		var c_taget = new Array(3);
		var c_move = new Array(3);
		var i = 0;
		for(i=0;i<=2;i++){
			c_taget[i] = jQuery('.' + classe_posi + ':eq(' + i + ')').attr('id');
			c_move[i] = jQuery('.' + classe_posi_others + ':eq(' + i + ')').attr('id');
		}
		
		if(classe_posi == 'esquerda'){
			//alert('esquerda before');
			var j = 0;
			for(j=0;j<=2;j++){
				jQuery('#' + c_move[j]).clone(true).removeClass(classe_posi_others).addClass(classe_posi).width(0).insertBefore('#' + c_taget[j]);
			}
		}
		else{
			//alert('direita after');
			var j = 0;
			for(j=0;j<=2;j++){
				jQuery('#' + c_move[j]).clone(true).removeClass(classe_posi_others).addClass(classe_posi).width(0).insertAfter('#' + c_taget[j]);
			}
		}
		
		jQuery('.' + classe_posi_others).animate({ 'width' : '0px' },2000, function(){ jQuery(this).remove(); });
		//jQuery('.central').removeClass('central').addClass(classe_posi_others);
		jQuery('.central').removeClass('central').addClass('tempo');
		jQuery('#' + c_taget[0] + ', #' + c_taget[1] + ', #' + c_taget[2]).removeClass(classe_posi).addClass('central');
		var cont = 0;
		jQuery('.' + classe_posi).animate({ 'width' : '1280px' }, 2000, function(){
			jQuery('.tempo').removeClass('tempo').addClass(classe_posi_others);
			//jQuery(".arrow").fadeIn('slow');
			cont++;
			if(cont == 3){
				jQuery(document).bind('keydown',noNumbers);
				jQuery(".arrow").bind('click',function(){ var id = jQuery(this).attr("id"); define(id); } );
			}
		});

	}
	
function calculos2(side){
		//alert('ate aqui beleza');
		jQuery(document).unbind('keydown',noNumbers);
		jQuery(".arrow").unbind('click');
		if(side == 'top'){
			var classe_vert = 'top';
			var classe_vert_others = 'bottom';
			jQuery('.' + classe_vert).removeClass(classe_vert).addClass('temp');
			jQuery('.' + classe_vert_others).clone(true).removeClass(classe_vert_others).addClass(classe_vert).height(0).prependTo('#fundo');
		}
		else {
			var classe_vert = 'bottom';
			var classe_vert_others = 'top';
			jQuery('.' + classe_vert).removeClass(classe_vert).addClass('temp');
			jQuery('.' + classe_vert_others).clone(true).removeClass(classe_vert_others).addClass(classe_vert).height(0).appendTo('#fundo');
		}
		jQuery('.' + classe_vert_others).animate({ 'height' : '0px' },3000, function(){ jQuery(this).remove(); });
		var cont2 = 0;
		jQuery('.' + classe_vert).animate({ 'height' : '760px' },3000, function(){
			//jQuery(".arrow").fadeIn('slow');
			cont2++;
			if(cont2 == 3){
				jQuery(document).bind('keydown',noNumbers);
				jQuery(".arrow").bind('click',function(){ var id = jQuery(this).attr("id"); define(id); } );
			}
		});
		jQuery('.middle').removeClass(classe_vert).removeClass('middle').addClass(classe_vert_others);
		jQuery('.temp').removeClass('temp').addClass('middle');
}


jQuery("*").click(function(){ jQuery("div#instructions").fadeOut('slow'); });


function define(id) {
	//jQuery(".arrow").fadeIn('slow');
	jQuery("div#instructions").fadeOut('slow');
	switch(id)
	{
	case 'arrow_up':
		calculos2('top');
		arrow_view('arrow_up');
		break;
	case 38:
		calculos2('top');
		arrow_view('arrow_up');
		break;
	case 'arrow_right':
		calculos('direita');
		arrow_view('arrow_right');
		break;
	case 39:
		calculos('direita');
		arrow_view('arrow_right');
		break;
	case 'arrow_down':
		calculos2('bottom');
		arrow_view('arrow_down');
		break;
	case 40:
		calculos2('bottom');
		arrow_view('arrow_down');
		break;
	case 'arrow_left':
		calculos('esquerda');
		arrow_view('arrow_left');
		break;
	case 37:
		calculos('esquerda');
		arrow_view('arrow_left');
		break;
	default:
		//jQuery(".arrow").fadeIn('slow');
	}
}
	
	/*
	jQuery(".arrow").click(function(){
		//alert("fechou!");
		var id = jQuery(this).attr("id");
		//var destino = jQuery(this).attr("rel");
		//alert(destino);
		//alert('vai para box: ' + id.slice(3));
		//var id_to_box = id.slice(3);
		define(id);
		//calculos(id_to_box,destino);
		//calculos2(id_to_box);
	});
	*/
	jQuery(".arrow").bind('click',function(){ var id = jQuery(this).attr("id"); define(id); } );

function noNumbers(e)
{
	var keynum;
	var keychar;
	var numcheck;

	if(window.event) // IE
	  {
	  keynum = event.keyCode;
	  }
	else if(e.which) // Netscape/Firefox/Opera
	  {
	  keynum = e.which;
	  }
	//keychar = String.fromCharCode(keynum);
	//numcheck = /\d/;
	//return !numcheck.test(keychar);
	//alert(e);
	//alert(keynum + ' ' + '=' + ' ' + keychar);
	define(keynum);
}

function arrow_view(id_arrow){
	//alert('oi');
	jQuery('#' + id_arrow + ' img').animate({ 'opacity' : '1' },1000,function(){
		jQuery('#' + id_arrow + ' img').animate({ 'opacity' : '0.1' },3000);
	});
}

jQuery("a.arrow").hover(
	function(){ jQuery(this).find("img").animate({ 'opacity' : '1' },'fast'); },
	function(){ jQuery(this).find("img").animate({ 'opacity' : '0.1' },'fast'); }
);

function go_back_page(){
	var urele = document.URL;
	var posicao = urele.indexOf('=');
	var back_tmp = urele.slice(posicao +1);
	var back_page = back_tmp + '.html';
	//alert(back_page);
}
//go_back_page();

//jQuery("a#back_page").click(function(){ onclick="window.history.back()" }


//document.onkeydown = noNumbers;
jQuery(document).bind('keydown',noNumbers);

var baloom_id = '';
jQuery("a.baloom").hover(
	function(){
		baloom_id = jQuery(this).attr('id');
		jQuery("img#" + baloom_id + "_img").fadeIn('slow');
	},
	function(){
		jQuery("img#" + baloom_id + "_img").fadeOut('slow');
	});


});
/*
jQuery(window).load(function(){

	jQuery('.arrow img').animate({ 'opacity' : '1' },2000,function(){
		jQuery('.arrow img').animate({ 'opacity' : '0.1' },1000);
	});

});
*/