/****************************************************************
*	Criado em: 02/09/2009			Por: THIAGO DE ASSIS LUCA
****************************************************************/

$(document).ready(function() {
						   
	/* Pesonaliza o select da busca */					   
	//$('#filtro').selectbox();
	
	/* verifica se é o primeiro produto de cada linha da lista para fazer a quebra de linha 	
	$('.productList').each(function(){
		for(i=0; i < $(this).children('li').length; i++){
			if(i % 5 == 0){
				if(i == 0){
					$(this).children('li').eq(i).before('<li class="separator" style="display:none">&nbsp;</li>');			
				}
				else{
					$(this).children('li').eq(i).before('<li class="separator">&nbsp;</li>');
				}
			}
		}
	});*/
	
/* INICIO MENU SUPERIOR ABAS	
	 Calcula o  tamanho do ul das abas e centraliza de acordo com a quantidade de abas */	
	var menuWidth = 0;
	for(i=0; i < $('.ul_00 li').length; i++){
		menuWidth += parseInt($('.ul_00 li').eq(i).width());
		if(i % 2 == 0){
			menuWidth += 11;
		}
	}
	
	//$('.ul_00').css('width',menuWidth + 'px').css('margin','0 auto');
	
	
	/* insere as classes para a primeira e ultima li das abas */
	$('.ul_00 li:first').addClass('bgi_12');
	$('.ul_00 li:last').addClass('bgi_09');
	
	if ($('.ul_00 li').hasClass('active')){						   	
		/*configura a li que tiver a classe active com estilo de aba selecionada */
		$('.active').removeClass('bgi_07').addClass('bgi_04').children('a').removeClass('cr_01').addClass('cr_00');
		
		/*configura a li anterior a ativa para fazer a ponta esquerda da aba */
		if( $('.active').prev().attr("class").indexOf("bgi_12") != -1 ){
			$('.active').prev().removeClass('bgi_12')
			$('.active').prev().addClass('bgi_05')
		}
		else{
			$('.active').prev().removeClass('bgi_08')
			$('.active').prev().addClass('bgi_10')
		}
		
		/*configura a li depois da ativa para fazer a ponta direita da aba */
		if( $('.active').next().attr("class").indexOf("bgi_09") != -1 ){
			$('.active').next().removeClass('bgi_09')
			$('.active').next().addClass('bgi_13')
		}
		else{
			$('.active').next().removeClass('bgi_08')
			$('.active').next().addClass('bgi_06')
		}
	}
	
	/* Mouse over do menu superior em abas */
	$('.ul_00 li').hover(
		function() {
			/* Verifica se é a aba ativa, se for retorna sem fazer nada */
			if($(this).attr("class").indexOf("active") != -1){
				return false;
			}
			if($('.ul_00 li').index(this) % 2 != 0){				
				$(this).addClass('bgi_04').removeClass('bgi_07');
				$(this).children('a').removeClass('cr_01');
				$(this).children('a').addClass('cr_00');
				
				/* verifica se a ponta da próxima aba é de uma aba ativa ou se é a ponta da ultima aba */
				if($(this).next().attr("class").indexOf("bgi_10") != -1){
					$(this).next().removeClass('bgi_10').addClass('bgi_14');
				}
				else{
					if($(this).next().attr("class").indexOf("bgi_09") != -1){
						$(this).next().removeClass('bgi_09').addClass('bgi_13');
					}
					else{
						$(this).next().removeClass('bgi_08').addClass('bgi_06');
					}
				}
				
				/* verifica se a ponta da aba anterior é de uma aba ativa ou se é a ponta da primeira aba */
				if($(this).prev().attr("class").indexOf("bgi_06") != -1){
					$(this).prev().removeClass('bgi_06').addClass('bgi_11');
				}
				else{
					if($(this).prev().attr("class").indexOf("bgi_12") != -1){
						$(this).prev().removeClass('bgi_12').addClass('bgi_05');
					}
					else{
						$(this).prev().removeClass('bgi_08').addClass('bgi_10');
					}
				}
			}
			
		},
		function() {
			/* Verifica se é a aba ativa, se for retorna sem fazer nada */
			if($(this).attr("class").indexOf("active") != -1){
				return false;
			}
			if($('.ul_00 li').index(this) % 2 != 0){
				$(this).removeClass('bgi_04').addClass('bgi_07');
				$(this).children('a').removeClass('cr_00');
				$(this).children('a').addClass('cr_01');
				
				/* verifica se a ponta da próxima aba é de uma aba ativa ou se é a ponta da ultima aba */
				if($(this).next().attr("class").indexOf("bgi_14") != -1){
					$(this).next().removeClass('bgi_14').addClass('bgi_10');
				}
				else{
					if($(this).next().attr("class").indexOf("bgi_13") != -1){
						$(this).next().removeClass('bgi_13').addClass('bgi_09');
					}
					else{
						$(this).next().removeClass('bgi_06').addClass('bgi_08');
					}
				}

				/* verifica se a ponta da aba anterior é de uma aba ativa ou se é a ponta da primeira aba */
				if($(this).prev().attr("class").indexOf("bgi_11") != -1){
					$(this).prev().removeClass('bgi_11').addClass('bgi_06');
				}
				else{
					if($(this).prev().attr("class").indexOf("bgi_05") != -1){
						$(this).prev().removeClass('bgi_05').addClass('bgi_12');
					}
					else{
						$(this).prev().removeClass('bgi_10').addClass('bgi_08');
					}					
				}
			}
		}
	);
});