$( document ).ready( function(){
	fade_m( "in", 6 );
	login_legendas();
	window.setTimeout( "slidegrupo( 0 )", 3000 );
} );
function fade_m( dir, qt ){
	if( ( $.browser.msie && $.browser.version>=7 ) || !$.browser.msie ){
		if( qt>0 ){
			qt--;
			if( dir=="in" ){
				$( "#mensagem span" ).animate( { opacity: 0.2 }, "slow", function(){ fade_m( "out", qt ) } );
			}
			else{
				$( "#mensagem span" ).animate( { opacity: 1 }, "slow", function(){ fade_m( "in", qt ) } );
			}
		}
		else{
			window.setTimeout( "fade_m( 'in', 6 )", 10000 );
		}
	}
}
function slidegrupo( indice ){
	var mensagem = [ "<a href=\"../sys_aluguebens/\">Conheça a Aluguebens</a>", "<a href=\"../sys_albs/\">Conheça a ALBS</a>", "<a href=\"../sys_taborda/\">Conheça a Taborda</a>", "<a href=\"../sys_mercopar/\">Conheça a Mercopar</a>" ];
	if( indice>mensagem.length-1 ){
		indice = 0;
	}
	$( "#slidegrupo" ).animate( { textIndent: "-300px" }, 200, function(){
		$( "#slidegrupo" ).css( "text-indent", "200px" );
		$( "#slidegrupo" ).html( mensagem[ indice ] );
		indice++;
		$( "#slidegrupo" ).animate( { textIndent: "0" }, 200, function(){
			window.setTimeout( "slidegrupo( "+indice+" )", 3000 );
		} );
	} );
}

function login_legendas(){
	$( "#usuario" ).val( "Insira seu login" );
	$( "#senha" ).remove();
	$( "#entrar" ).before( "<input type=\"text\" id=\"senha\" name=\"senha\" value=\"Insira sua senha\" style=\"position: relative; top: 0; left: 0;\" />" );
	$( "#usuario, #senha" ).css( { "color": "#aaa", "font-size": "0.8em" }  );
	$( "#usuario, #senha" ).focus( function(){ login_focus( $( this ) ) } );
	$( "#usuario, #senha" ).blur( function(){ login_blur( $( this ) ) } );
}
function login_focus( self ){
	if( self.val()=="Insira seu login" || self.val()=="Insira sua senha" ){
		self.val( "" );
		self.css( "color", "#000" );
		if( self.attr( "id" )=="senha" ){
			$( "#senha" ).remove();
			$( "#entrar" ).before( "<input type=\"password\" id=\"senha\" name=\"senha\" />" );
			$( "#senha" ).focus();
			$( "#senha" ).blur( function(){ login_blur( $( this ) ) } );
		}
	}
}
function login_blur( self ){
	if( self.val()=="" ){
		if( self.attr( "id" )=="usuario" ){
			self.css( "color", "#aaa" );
			self.val( "Insira seu login" );
		}
		else{
			$( "#senha" ).remove();
			$( "#entrar" ).before( "<input type=\"text\" id=\"senha\" name=\"senha\" value=\"Insira sua senha\" style=\"color: #aaa; font-size: 0.8em\" />" );
			$( "#senha" ).focus( function(){ login_focus( $( this ) ) } );
		}
	}
}