// JavaScript Document
$(function(){
	$(document).ready(function() {
		$("#col1").hover(function() {
			//redimenciona as divs												
			$("#col1").css("width", "167px");
			$("#col2").css("width", "52px");
			$("#col3").css("width", "52px");
			$("#col4").css("width", "52px");
			$("#col5").css("width", "52px");
			
			$("#col1 a").css("width", "167px");
			$("#col2 a").css("width", "52px");
			$("#col3 a").css("width", "52px");
			$("#col4 a").css("width", "52px");
			$("#col5 a").css("width", "52px");
			//transparencia
			$("#col1").css("opacity", "1");
			$("#col2").css("opacity", "0.80");
			$("#col3").css("opacity", "0.80");
			$("#col4").css("opacity", "0.80");
			$("#col5").css("opacity", "0.80");
			$("#col1").css("-moz-opacity", "1");
			$("#col2").css("-moz-opacity", "0.80");
			$("#col3").css("-moz-opacity", "0.80");
			$("#col4").css("-moz-opacity", "0.80");
			$("#col5").css("-moz-opacity", "0.80");
			$("#col1").css("filter", "alpha(opacity=100)");
			$("#col2").css("filter", "alpha(opacity=80)");
			$("#col3").css("filter", "alpha(opacity=80)");
			$("#col4").css("filter", "alpha(opacity=80)");
			$("#col5").css("filter", "alpha(opacity=80)");

			//posiciona as imagens
			$("#col5").css("background-position", "-7px 0px");
			$("#col4").css("background-position", "-80px 0px");
			$("#col3").css("background-position", "-30px 0px");
			$("#col2").css("background-position", "-105px 0px");
			$("#col1").css("background-position", "0px 0px");
			//ponteiro
			$("#ncol5").css("background-position", "-328px 0px");
			$("#ncol4").css("background-position", "-273px 0px");
			$("#ncol3").css("background-position", "-218px 0px");
			$("#ncol2").css("background-position", "-163px 0px");
			$("#ncol1").css("background-position", "-108px -31px");
		});
		$("#col2").hover(function() {
			//redimenciona as divs	
			$("#col1").css("width", "52px");
			$("#col2").css("width", "167px");
			$("#col3").css("width", "52px");
			$("#col4").css("width", "52px");
			$("#col5").css("width", "52px");
			
			$("#col1 a").css("width", "52px");
			$("#col2 a").css("width", "167px");
			$("#col3 a").css("width", "52px");
			$("#col4 a").css("width", "52px");
			$("#col5 a").css("width", "52px");			
			//transparencia
			$("#col1").css("opacity", "0.80");
			$("#col2").css("opacity", "1");
			$("#col3").css("opacity", "0.80");
			$("#col4").css("opacity", "0.80");
			$("#col5").css("opacity", "0.80");
			$("#col1").css("-moz-opacity", "0.80");
			$("#col2").css("-moz-opacity", "1");
			$("#col3").css("-moz-opacity", "0.80");
			$("#col4").css("-moz-opacity", "0.80");
			$("#col5").css("-moz-opacity", "0.80");
			$("#col1").css("filter", "alpha(opacity=80)");
			$("#col2").css("filter", "alpha(opacity=100)");
			$("#col3").css("filter", "alpha(opacity=80)");
			$("#col4").css("filter", "alpha(opacity=80)");
			$("#col5").css("filter", "alpha(opacity=80)");
			//posiciona as imagens
			$("#col5").css("background-position", "-7px 0px");
			$("#col4").css("background-position", "-80px 0px");
			$("#col3").css("background-position", "-30px 0px");
			$("#col2").css("background-position", "0px 0px");
			$("#col1").css("background-position", "-10px 0px");
			//ponteiro
			$("#ncol5").css("background-position", "-328px 0px");
			$("#ncol4").css("background-position", "-273px 0px");
			$("#ncol3").css("background-position", "-218px 0px");
			$("#ncol2").css("background-position", "-163px -31px");
			$("#ncol1").css("background-position", "-108px 0px");			
		});
		$("#col3").hover(function() {
			//redimenciona as divs
			$("#col1").css("width", "52px");
			$("#col2").css("width", "52px");
			$("#col3").css("width", "167px");
			$("#col4").css("width", "52px");
			$("#col5").css("width", "52px");
			
			$("#col1 a").css("width", "52px");
			$("#col2 a").css("width", "52px");
			$("#col3 a").css("width", "167px");
			$("#col4 a").css("width", "52px");
			$("#col5 a").css("width", "52px");
			//transparencia
			$("#col1").css("opacity", "0.80");
			$("#col2").css("opacity", "0.80");
			$("#col3").css("opacity", "1");
			$("#col4").css("opacity", "0.80");
			$("#col5").css("opacity", "0.80");
			$("#col1").css("-moz-opacity", "0.80");
			$("#col2").css("-moz-opacity", "0.80");
			$("#col3").css("-moz-opacity", "1");
			$("#col4").css("-moz-opacity", "0.80");
			$("#col5").css("-moz-opacity", "0.80");
			$("#col1").css("filter", "alpha(opacity=80)");
			$("#col2").css("filter", "alpha(opacity=80)");
			$("#col3").css("filter", "alpha(opacity=100)");
			$("#col4").css("filter", "alpha(opacity=80)");
			$("#col5").css("filter", "alpha(opacity=80)");
			//posiciona as imagens
			$("#col5").css("background-position", "-7px 0px");
			$("#col4").css("background-position", "-80px 0px");
			$("#col3").css("background-position", "0px 0px");
			$("#col2").css("background-position", "-105px 0px");
			$("#col1").css("background-position", "-10px 0px");
			//ponteiro
			$("#ncol5").css("background-position", "-328px 0px");
			$("#ncol4").css("background-position", "-273px 0px");
			$("#ncol3").css("background-position", "-218px -31px");
			$("#ncol2").css("background-position", "-163px 0px");
			$("#ncol1").css("background-position", "-108px 0px");
		});
		$("#col4").hover(function() {
			//redimenciona as divs	
			$("#col1").css("width", "52px");
			$("#col2").css("width", "52px");
			$("#col3").css("width", "52px");
			$("#col4").css("width", "167px");
			$("#col5").css("width", "52px");
			
			$("#col1 a").css("width", "52px");
			$("#col2 a").css("width", "52px");
			$("#col3 a").css("width", "52px");
			$("#col4 a").css("width", "167px");
			$("#col5 a").css("width", "52px");			
			//transparencia
			$("#col1").css("opacity", "0.80");
			$("#col2").css("opacity", "0.80");
			$("#col3").css("opacity", "0.80");
			$("#col4").css("opacity", "1");
			$("#col5").css("opacity", "0.80");
			$("#col1").css("-moz-opacity", "0.80");
			$("#col2").css("-moz-opacity", "0.80");
			$("#col3").css("-moz-opacity", "0.80");
			$("#col4").css("-moz-opacity", "1");
			$("#col5").css("-moz-opacity", "0.80");
			$("#col1").css("filter", "alpha(opacity=80)");
			$("#col2").css("filter", "alpha(opacity=80)");
			$("#col3").css("filter", "alpha(opacity=80)");
			$("#col4").css("filter", "alpha(opacity=100)");
			$("#col5").css("filter", "alpha(opacity=80)");
			//posiciona as imagens
			$("#col5").css("background-position", "-7px 0px");
			$("#col4").css("background-position", "0px 0px");
			$("#col3").css("background-position", "-30px 0px");
			$("#col2").css("background-position", "-105px 0px");
			$("#col1").css("background-position", "-10px 0px");
			//ponteiro
			$("#ncol5").css("background-position", "-328px 0px");
			$("#ncol4").css("background-position", "-273px -31px");
			$("#ncol3").css("background-position", "-218px 0px");
			$("#ncol2").css("background-position", "-163px 0px");
			$("#ncol1").css("background-position", "-108px 0px");
		});
		$("#col5").hover(function() {
			//redimenciona as divs	
			$("#col1").css("width", "52px");
			$("#col2").css("width", "52px");
			$("#col3").css("width", "52px");
			$("#col4").css("width", "52px");
			$("#col5").css("width", "167px");
			
			$("#col1 a").css("width", "52px");
			$("#col2 a").css("width", "52px");
			$("#col3 a").css("width", "52px");
			$("#col4 a").css("width", "52px");
			$("#col5 a").css("width", "167px");
			//transparencia
			$("#col1").css("opacity", "0.80");
			$("#col2").css("opacity", "0.80");
			$("#col3").css("opacity", "0.80");
			$("#col4").css("opacity", "0.80");
			$("#col5").css("opacity", "1");
			$("#col1").css("-moz-opacity", "0.80");
			$("#col2").css("-moz-opacity", "0.80");
			$("#col3").css("-moz-opacity", "0.80");
			$("#col4").css("-moz-opacity", "0.80");
			$("#col5").css("-moz-opacity", "1");
			$("#col1").css("filter", "alpha(opacity=80)");
			$("#col2").css("filter", "alpha(opacity=80)");
			$("#col3").css("filter", "alpha(opacity=80)");
			$("#col4").css("filter", "alpha(opacity=80)");
			$("#col5").css("filter", "alpha(opacity=100)");
			//posiciona as imagens
			$("#col5").css("background-position", "0px 0px");
			$("#col4").css("background-position", "-80px 0px");
			$("#col3").css("background-position", "-30px 0px");
			$("#col2").css("background-position", "-105px 0px");
			$("#col1").css("background-position", "-10px 0px");
			//ponteiro
			$("#ncol5").css("background-position", "-328px -31px");
			$("#ncol4").css("background-position", "-273px 0px");
			$("#ncol3").css("background-position", "-218px 0px");
			$("#ncol2").css("background-position", "-163px 0px");
			$("#ncol1").css("background-position", "-108px 0px");
		});
		$("#ncol1").hover(function() {
			//redimenciona as divs												
			$("#col1").css("width", "167px");
			$("#col2").css("width", "52px");
			$("#col3").css("width", "52px");
			$("#col4").css("width", "52px");
			$("#col5").css("width", "52px");
			
			
			
			//transparencia
			$("#col1").css("opacity", "1");
			$("#col2").css("opacity", "0.80");
			$("#col3").css("opacity", "0.80");
			$("#col4").css("opacity", "0.80");
			$("#col5").css("opacity", "0.80");
			$("#col1").css("-moz-opacity", "1");
			$("#col2").css("-moz-opacity", "0.80");
			$("#col3").css("-moz-opacity", "0.80");
			$("#col4").css("-moz-opacity", "0.80");
			$("#col5").css("-moz-opacity", "0.80");
			$("#col1").css("filter", "alpha(opacity=100)");
			$("#col2").css("filter", "alpha(opacity=80)");
			$("#col3").css("filter", "alpha(opacity=80)");
			$("#col4").css("filter", "alpha(opacity=80)");
			$("#col5").css("filter", "alpha(opacity=80)");

			//posiciona as imagens
			$("#col5").css("background-position", "-7px 0px");
			$("#col4").css("background-position", "-80px 0px");
			$("#col3").css("background-position", "-30px 0px");
			$("#col2").css("background-position", "-105px 0px");
			$("#col1").css("background-position", "0px 0px");
			//ponteiro
			$("#ncol5").css("background-position", "-328px 0px");
			$("#ncol4").css("background-position", "-273px 0px");
			$("#ncol3").css("background-position", "-218px 0px");
			$("#ncol2").css("background-position", "-163px 0px");
			$("#ncol1").css("background-position", "-108px -31px");
		});
		$("#ncol2").hover(function() {
			//redimenciona as divs	
			$("#col1").css("width", "52px");
			$("#col2").css("width", "167px");
			$("#col3").css("width", "52px");
			$("#col4").css("width", "52px");
			$("#col5").css("width", "52px");
			//transparencia
			$("#col1").css("opacity", "0.80");
			$("#col2").css("opacity", "1");
			$("#col3").css("opacity", "0.80");
			$("#col4").css("opacity", "0.80");
			$("#col5").css("opacity", "0.80");
			$("#col1").css("-moz-opacity", "0.80");
			$("#col2").css("-moz-opacity", "1");
			$("#col3").css("-moz-opacity", "0.80");
			$("#col4").css("-moz-opacity", "0.80");
			$("#col5").css("-moz-opacity", "0.80");
			$("#col1").css("filter", "alpha(opacity=80)");
			$("#col2").css("filter", "alpha(opacity=100)");
			$("#col3").css("filter", "alpha(opacity=80)");
			$("#col4").css("filter", "alpha(opacity=80)");
			$("#col5").css("filter", "alpha(opacity=80)");
			//posiciona as imagens
			$("#col5").css("background-position", "-7px 0px");
			$("#col4").css("background-position", "-80px 0px");
			$("#col3").css("background-position", "-30px 0px");
			$("#col2").css("background-position", "0px 0px");
			$("#col1").css("background-position", "-10px 0px");
			//ponteiro
			$("#ncol5").css("background-position", "-328px 0px");
			$("#ncol4").css("background-position", "-273px 0px");
			$("#ncol3").css("background-position", "-218px 0px");
			$("#ncol2").css("background-position", "-163px -31px");
			$("#ncol1").css("background-position", "-108px 0px");
		});
		$("#ncol3").hover(function() {
			//redimenciona as divs
			$("#col1").css("width", "52px");
			$("#col2").css("width", "52px");
			$("#col3").css("width", "167px");
			$("#col4").css("width", "52px");
			$("#col5").css("width", "52px");
			//transparencia
			$("#col1").css("opacity", "0.80");
			$("#col2").css("opacity", "0.80");
			$("#col3").css("opacity", "1");
			$("#col4").css("opacity", "0.80");
			$("#col5").css("opacity", "0.80");
			$("#col1").css("-moz-opacity", "0.80");
			$("#col2").css("-moz-opacity", "0.80");
			$("#col3").css("-moz-opacity", "1");
			$("#col4").css("-moz-opacity", "0.80");
			$("#col5").css("-moz-opacity", "0.80");
			$("#col1").css("filter", "alpha(opacity=80)");
			$("#col2").css("filter", "alpha(opacity=80)");
			$("#col3").css("filter", "alpha(opacity=100)");
			$("#col4").css("filter", "alpha(opacity=80)");
			$("#col5").css("filter", "alpha(opacity=80)");
			//posiciona as imagens
			$("#col5").css("background-position", "-7px 0px");
			$("#col4").css("background-position", "-80px 0px");
			$("#col3").css("background-position", "0px 0px");
			$("#col2").css("background-position", "-105px 0px");
			$("#col1").css("background-position", "-10px 0px");
			//ponteiro
			$("#ncol5").css("background-position", "-328px 0px");
			$("#ncol4").css("background-position", "-273px 0px");
			$("#ncol3").css("background-position", "-218px -31px");
			$("#ncol2").css("background-position", "-163px 0px");
			$("#ncol1").css("background-position", "-108px 0px");
		});
		$("#ncol4").hover(function() {
			//redimenciona as divs	
			$("#col1").css("width", "52px");
			$("#col2").css("width", "52px");
			$("#col3").css("width", "52px");
			$("#col4").css("width", "167px");
			$("#col5").css("width", "52px");
			//transparencia
			$("#col1").css("opacity", "0.80");
			$("#col2").css("opacity", "0.80");
			$("#col3").css("opacity", "0.80");
			$("#col4").css("opacity", "1");
			$("#col5").css("opacity", "0.80");
			$("#col1").css("-moz-opacity", "0.80");
			$("#col2").css("-moz-opacity", "0.80");
			$("#col3").css("-moz-opacity", "0.80");
			$("#col4").css("-moz-opacity", "1");
			$("#col5").css("-moz-opacity", "0.80");
			$("#col1").css("filter", "alpha(opacity=80)");
			$("#col2").css("filter", "alpha(opacity=80)");
			$("#col3").css("filter", "alpha(opacity=80)");
			$("#col4").css("filter", "alpha(opacity=100)");
			$("#col5").css("filter", "alpha(opacity=80)");
			//posiciona as imagens
			$("#col5").css("background-position", "-7px 0px");
			$("#col4").css("background-position", "0px 0px");
			$("#col3").css("background-position", "-30px 0px");
			$("#col2").css("background-position", "-105px 0px");
			$("#col1").css("background-position", "-10px 0px");
			//ponteiro
			$("#ncol5").css("background-position", "-328px 0px");
			$("#ncol4").css("background-position", "-273px -31px");
			$("#ncol3").css("background-position", "-218px 0px");
			$("#ncol2").css("background-position", "-163px 0px");
			$("#ncol1").css("background-position", "-108px 0px");
		});
		$("#ncol5").hover(function() {
			//redimenciona as divs	
			$("#col1").css("width", "52px");
			$("#col2").css("width", "52px");
			$("#col3").css("width", "52px");
			$("#col4").css("width", "52px");
			$("#col5").css("width", "167px");
			//transparencia
			$("#col1").css("opacity", "0.80");
			$("#col2").css("opacity", "0.80");
			$("#col3").css("opacity", "0.80");
			$("#col4").css("opacity", "0.80");
			$("#col5").css("opacity", "1");
			$("#col1").css("-moz-opacity", "0.80");
			$("#col2").css("-moz-opacity", "0.80");
			$("#col3").css("-moz-opacity", "0.80");
			$("#col4").css("-moz-opacity", "0.80");
			$("#col5").css("-moz-opacity", "1");
			$("#col1").css("filter", "alpha(opacity=80)");
			$("#col2").css("filter", "alpha(opacity=80)");
			$("#col3").css("filter", "alpha(opacity=80)");
			$("#col4").css("filter", "alpha(opacity=80)");
			$("#col5").css("filter", "alpha(opacity=100)");
			//posiciona as imagens
			$("#col5").css("background-position", "0px 0px");
			$("#col4").css("background-position", "-80px 0px");
			$("#col3").css("background-position", "-30px 0px");
			$("#col2").css("background-position", "-105px 0px");
			$("#col1").css("background-position", "-10px 0px");
			//ponteiro
			$("#ncol5").css("background-position", "-328px -31px");
			$("#ncol4").css("background-position", "-273px 0px");
			$("#ncol3").css("background-position", "-218px 0px");
			$("#ncol2").css("background-position", "-163px 0px");
			$("#ncol1").css("background-position", "-108px 0px");
		});		
	});
});