// JavaScript Document
$(document).ready(function(){
	$("span.linha_1_img span").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('img').addClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '-10px', 
				top: '0px', 
				left: '0px', 
				width: '241px', 
				height: '90px', 
				padding: '0px'
			}, 200);
		
		} , function() {
		$(this).css({'z-index' : '0'});
		$(this).find('img').removeClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '0px',
				top: '0', 
				left: '0', 
				width: '209px', 
				height: '78px', 
				padding: '0px'
			}, 400);
	});
	$("span.linha_2_img span").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('img').addClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '-10px', 
				top: '0px', 
				left: '0px', 
				width: '197px', 
				height: '90px', 
				padding: '0px'
			}, 200);
		
		} , function() {
		$(this).css({'z-index' : '0'});
		$(this).find('img').removeClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '0px',
				top: '0', 
				left: '0', 
				width: '171px', 
				height: '78px', 
				padding: '0px'
			}, 400);
	});
	$("span.linha_3_img span").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('img').addClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '-10px', 
				top: '0px', 
				left: '0px', 
				width: '218px', 
				height: '90px', 
				padding: '0px'
			}, 200);
		
		} , function() {
		$(this).css({'z-index' : '0'});
		$(this).find('img').removeClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '0px',
				top: '0', 
				left: '0', 
				width: '189px', 
				height: '78px', 
				padding: '0px'
			}, 400);
	});
	$("span.linha_4_img span").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('img').addClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '-10px', 
				top: '0px', 
				left: '0px', 
				width: '203px', 
				height: '90px', 
				padding: '0px'
			}, 200);
		
		} , function() {
		$(this).css({'z-index' : '0'});
		$(this).find('img').removeClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '0px',
				top: '0', 
				left: '0', 
				width: '176px', 
				height: '78px', 
				padding: '0px'
			}, 400);
	});
	$("span.linha_5_img span").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('img').addClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '-10px', 
				top: '0px', 
				left: '0px', 
				width: '270px', 
				height: '90px', 
				padding: '0px'
			}, 200);
		
		} , function() {
		$(this).css({'z-index' : '0'});
		$(this).find('img').removeClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '0px',
				top: '0', 
				left: '0', 
				width: '234px', 
				height: '78px', 
				padding: '0px'
			}, 400);
	});
	


$("span.banner_1_img span").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('img').addClass("hover").stop()
			.animate({
				marginTop: '5px', 
				marginLeft: '2px', 
				top: '0px', 
				left: '0px', 
				width: '170px', 
				height: '96px', 
				padding: '0px'
			}, 200);
		
		} , function() {
		$(this).css({'z-index' : '0'});
		$(this).find('img').removeClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '0px',
				top: '0', 
				left: '0', 
				width: '170px', 
				height: '96px', 
				padding: '0px'
			}, 400);
	});
$("span.banner_2_img span").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('img').addClass("hover").stop()
			.animate({
				marginTop: '5px', 
				marginLeft: '2px', 
				top: '0px', 
				left: '0px', 
				width: '170px', 
				height: '96px', 
				padding: '0px'
			}, 200);
		
		} , function() {
		$(this).css({'z-index' : '0'});
		$(this).find('img').removeClass("hover").stop()
			.animate({
				marginTop: '0', 
				marginLeft: '0', 
				top: '0px', 
				left: '0px', 
				width: '170px', 
				height: '96px', 
				padding: '0px'
			}, 400);
	});
	$("span.banner_3_img span").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('img').addClass("hover").stop()
			.animate({
				marginTop: '5px', 
				marginLeft: '2px', 
				top: '0px', 
				left: '0px', 
				width: '170px', 
				height: '96px', 
				padding: '0px'
			}, 200);
		
		} , function() {
		$(this).css({'z-index' : '0'});
		$(this).find('img').removeClass("hover").stop()
			.animate({
				marginTop: '0', 
				marginLeft: '0', 
				top: '0', 
				left: '0', 
				width: '170px', 
				height: '96px', 
				padding: '0px'
			}, 400);
	});
	$("span.banner_4_img span").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('img').addClass("hover").stop()
			.animate({
				marginTop: '5px', 
				marginLeft: '2px', 
				top: '0px', 
				left: '0px', 
				width: '170px', 
				height: '97px', 
				padding: '0px'
			}, 200);
		
		} , function() {
		$(this).css({'z-index' : '0'});
		$(this).find('img').removeClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '0px',
				top: '0', 
				left: '0', 
				width: '170px', 
				height: '97px', 
				padding: '0px'
			}, 400);
	});
	$("span.banner_5_img span").hover(function() {
		$(this).css({'z-index' : '10'});
		$(this).find('img').addClass("hover").stop()
			.animate({
				marginTop: '5px', 
				marginLeft: '2px', 
				top: '0px', 
				left: '0px', 
				width: '170px', 
				height: '96px', 
				padding: '0px'
			}, 200);
		
		} , function() {
		$(this).css({'z-index' : '0'});
		$(this).find('img').removeClass("hover").stop()
			.animate({
				marginTop: '0px', 
				marginLeft: '0px',
				top: '0', 
				left: '0', 
				width: '170px', 
				height: '96px', 
				padding: '0px'
			}, 400);
	});
 
});