$(window).load(function (){
							
	// footer positioning
	var altura = $('#foot').offset().top;
	altura = altura - 40;
	$('#foot').css('position','absolute');
	$('#foot').css('zIndex','-1');
	$('#foot').css('top',altura+'px');
	
});

$(document).ready(function(){

// menu background fading
	var items = $('#main_navi .menu_item');
	for(i=0; i<items.length; i++){
		items.eq(i).addClass('menu_item_wrap');
		items.eq(i).find('a:not(#login a)').wrap('<div class="menu_item_link"></div>');
		items.eq(i).append('<div class="menu_item_dark"></div><div class="menu_item_white"></div>');
	}
	
	var orig_black = $('#main_navi a:not(.active)').css('color');
	var orig_white = $('#main_navi a.active').css('color');
	
	$('#main_navi a:not(#login a)').hover(function(){
			if(!$(this).hasClass('active')){
				$(this).parent().eq(0).siblings('.menu_item_dark').fadeIn(100);
				$(this).parent().eq(0).siblings('.menu_item_white').fadeOut(100);
				$(this).animate({color: orig_white}, 100);
			}
		}, function(){
			if(!$(this).hasClass('active')){
				$(this).parent().eq(0).siblings('.menu_item_dark').fadeOut(100);
				$(this).parent().eq(0).siblings('.menu_item_white').fadeIn(100);
				$(this).animate({color: orig_black}, 100);
			}
	});
	
//preload login form bg
	var preload = new Image();
	preload.src = '/img/login_bg.png';
	
//when clicked, let's see where
	$(document).bind('click', function(e){
		var t=$(e.target); //clicked object
		
		var r=true; //returned value
		
//show login (unactive login link clicked)
		if(t.is('a#login_link')){
			if ($('div#login').is(':hidden')){
				showLogin();
			}else{
				hideLogin();
			}
			return false;
		}
		
//hide login (outside #login_bg clicked)
		if(!t.is('div#login_bg') && !t.is('div#login_forms') && !t.parents('div#login_forms').length > 0 && !t.parents('div#login_forms form').length > 0){
			hideLogin(); 
		}
		return r;
	});

//switch between forms (webmail/painel)
	$('a#login_link_email').click(function() {
		$(this).addClass('active');
		$('a#login_link_cpanel').removeClass('active');
		$('div#login_email').addClass('shown');
		$('div#login_painel').removeClass('shown');
		$('div#login_bg').removeClass('second_active');
		$('div#login_bg').addClass('first_active');
		return false;
	});
	$('a#login_link_cpanel').click(function() {
		$(this).addClass('active');
		$('a#login_link_email').removeClass('active');
		$('div#login_email').removeClass('shown');
		$('div#login_painel').addClass('shown');
		$('div#login_bg').removeClass('first_active');
		$('div#login_bg').addClass('second_active');
		return false;
	});
	

// login form inputs
	var webmail_usuario=document.getElementById('webmail_usuario');
	var webmail_senha=document.getElementById('webmail_senha');
	var cpanel_usuario=document.getElementById('cpanel_usuario');
	var cpanel_senha=document.getElementById('cpanel_senha');
		
	if(webmail_usuario.value==''){
		webmail_usuario.value='email';
	}
	if(cpanel_usuario.value==''){
		cpanel_usuario.value='usuario';
	}
	if(webmail_senha.value==''){
		webmail_senha.value='senha';
	}
	if(cpanel_senha.value==''){
		cpanel_senha.value='senha';
	}
	
	$('div#login form').submit(function() {
		var id=$(this).attr('id');
		setTimeout('resetform("'+id+'")', 100);
		return true;
	});
	
	function showLogin(){
		$('a#login_link').addClass('active');
		$('a#login_link').animate({color: orig_white}, 100);
		$('a#login_link').parent().eq(0).siblings('.menu_item_dark').fadeIn(100);
		$('a#login_link').parent().eq(0).siblings('.menu_item_white').fadeOut(100);
		$('div#login').fadeIn(100);
	}
	
	function hideLogin(){
		$('a#login_link').removeClass('active');
		$('div#login').fadeOut(100);
		$('a#login_link').parent().eq(0).siblings('.menu_item_dark').fadeOut(100);
		$('a#login_link').parent().eq(0).siblings('.menu_item_white').fadeIn(100);
		$('a#login_link').animate({color: orig_black}, 100);
	}
	
	
	
// submenu bullet
	if($('#submenu li.active').length > 0){
		var active_x=$('#submenu li.active').position().left;
	}else{
		var active_x= -1000;
	}
		
	bullet = '<div id="submenu_bullet"></div>';
	$('#submenu .mainwrap').prepend(bullet);
	bullet = $('#submenu_bullet');
	$('div#submenu').addClass('javascript');
	
	bullet.css('left', active_x);
	
	$('#submenu a').mouseenter(function (){
		bullet.animate({left: $(this).closest('li').position().left}, {duration:80});
	});
	$('#submenu ul').mouseleave(function (){
		setTimeout("bullet.animate({left: "+active_x+"}, 0)", 100);
	});
});

function resetform(id){
	document.getElementById(id).reset();
}

processing = false;

function change_highlighted(object, html, highlighted, or_color){
//makes an element's content change and turn red, then slowly back to original color
//also makes an element bounce up and down (look for /comprar and choose a domain name to see the effect)
//
//parameters: object = the object whose content changes, html = the content, highlighted = the bouncing object, or_color = after red, fade to this color

	object.html(html);
	object.stop();
	object.css('color', '#FF0000');
	console.log(object.css('color'));
	
	if(!processing && highlighted != null){
		processing = true;
		if(highlighted.css('top') == 'auto'){
			highlighted.css('top', '0');
		}
		var posit = parseInt(highlighted.css('top'));
		highlighted.animate({top: (posit-40)+'px'}, 150, 'swing');
		highlighted.animate({top: posit+'px'}, 200, 'easeInCubic');
		highlighted.animate({top: (posit-40)+'px'}, 150, 'swing');
		highlighted.animate({top: posit+'px'}, 400, 'easeOutBounce', function(){processing=false});
	}

	colortimer = setTimeout(returncolor, 1000);
	
	function returncolor(){
		console.log('turn to '+html);
		object.animate({color: or_color}, 1000);
	}
}