/////////////////////////
// galeria de Imagens //
///////////////////////

$.extend({
	scrollPages: {
		version: 2.5,
		defaults: {
			elementSize: 50,
			elements: 3,
			speed: "slow",
			direction: "up"
		}
	}
});
$.fn.extend({
	scrollPages: function(options){
		options = $.extend({}, $.scrollPages.defaults, options);
		return this.each(function(){
			
			// Definições de variáveis
			var total = $(".scrollMask li",this).length;
			var mask = options.elementSize * options.elements;
			var area = options.elementSize * total;
			var animation = false;
			var obj = this;
			var dimension = options.direction == "left" ? "width" : "height";
			var side = new Array();
			side[0] = options.direction;
			side[1] = options.direction == "up" ? "down" : "right";
			
			$(".scrollButtom",this).css("visibility","visible");
			if(options.elements >= total){
				$(".scrollButtom",this).css("visibility","visible");
				mask = area;
			}else{
				$(".scrollButtom[rel*='"+options.direction+"']",obj).css("visibility","hidden");
			}
			
			// Aplicação de estilos
			if(options.direction == "up"){
				//$(".scrollMask",this).css({"height": mask + "px", overflow: "hidden"}); // M?scara
				$(".scrollMask ul",this).css({"height": area + "px", marginTop: 0}); // UL
				$(".scrollMask li",this).css({"height": options.elementSize + "px", display: "block"}); // LI
			}else{
				//$(".scrollMask",this).css({"width": mask + "px", overflow: "hidden"}); // M?scara
				$(".scrollMask ul",this).css({"width": area + "px", marginTop: 0}); // UL
				$(".scrollMask li",this).css({"width": options.elementSize + "px", display: "block"}); // LI
			}
			if (area <= mask) $(".scrollButtom",obj).css("visibility","hidden");
			//if (area <= mask + 596) $(".buttom2",obj).css("visibility","hidden");

			// Função que execulta a rolagem
			var rolagem = function(direction){

				// Variáveis
				var margem = -parseInt($(".scrollMask ul",obj).css("margin-"+(options.direction == "up" ? "top" : "left")));

				var intervalo = direction == side[1]
					? ( margem + ( mask * 2 ) ) < area
						? mask
						: area - (margem + mask)
					: ( margem - mask ) < 0
						? margem
						: mask
				;
				direction = direction == side[1]
					? -margem - intervalo
					: -margem + intervalo
				;
				
				$(".scrollButtom",obj).css("visibility","visible");
				var rel = -direction == 0 ? side[0] : (-direction + mask) == area ? side[1] : null;
				if(rel != null) $(".scrollButtom[rel*='"+rel+"']",obj).css("visibility","hidden");
				
				
				//Condição especial para galeria com degrade
				//var rel2 = -direction == 0 ? side[0] : (-direction + mask + 596) == area ? side[1] : null;
				//if(rel2 != null) $(".scrollButtom[rel*='"+rel2+"']",obj).css("visibility","hidden");
				
				// Animação
				animation = true;
				if(options.direction == "up"){
					$(".scrollMask ul",obj).animate({marginTop: direction + "px"},options.speed,function(){ animation = false; });
				}else{
					$(".scrollMask ul",obj).animate({marginLeft: direction + "px"},options.speed,function(){ animation = false; });
				}
			}
			
			// Aplicação de eventos
			$(".scrollButtom",this).unbind("click").click(function(){
				if(!animation){
					var direction = $(this).attr("rel");
					rolagem(direction);
				}
			});
		});
	}
});

$(document).ready( function(){


//////////////////////////////////
// Scroll Estilizado
/////////////////////////////////

	$('#pane2').jScrollPane({showArrows:true});

///////////////////////
// Flash Home
/////////////////////

	$(".teaser").addFlash({src: "swf/apresentacao.swf", width: 952, height: 600, title: "Tabacow"});
	$(".teaserHistorico").addFlash({src: "swf/flash-historico.swf", width: 952, height: 300, title: "Tabacow - História"});
	$(".unico").addFlash({src: "swf/apresentacao-unico.swf", width: 952, height: 600, title: "Tabacow"});

///////////////////////
// slider Simulador
////////////////////////

	$('.sliderMod').scrollPages({elementSize:98, elements:9, direction:'left'});
	

/////////////////////////////////////	
// Centraliza Menu Footer
/////////////////////////////
	$('#footer ul').each(function(){
		var larguraDiv = $(this).parent().width();
		var larguraUl = $(this).width();
		
		var margem = larguraDiv / 2 - larguraUl / 2;
		$(this).css('margin-left',margem+'px');
	})

///////////////////////////////
// abas Simulador
/////////////////////////////

	$('.sliderMod .scrollMask a').click(function(){
		$('.sliderMod .scrollMask a').removeClass('ativo');
		$(this).addClass('ativo');
		var mod = '';
		if($(this).attr('rel') == 'mod1'){
			mod = 'simulador-mod1.php'
		}
		if($(this).attr('rel') == 'mod2'){
			mod = 'simulador-mod2.php'
		}
		if($(this).attr('rel') == 'mod3'){
			mod = 'simulador-mod3.php'
		}
		if($(this).attr('rel') == 'mod4'){
			mod = 'simulador-mod4.php'
		}
		if($(this).attr('rel') == 'mod5'){
			mod = 'simulador-mod5.php'
		}
		if($(this).attr('rel') == 'mod6'){
			mod = 'simulador-mod6.php'
		}
		if($(this).attr('rel') == 'mod7'){
			mod = 'simulador-mod7.php'
		}
		if($(this).attr('rel') == 'mod8'){
			mod = 'simulador-mod8.php'
		}
		
		$.ajax({
			url: 'includes/'+mod
			,success:function(ret){
				$('.conteudoSimulador').html(ret);
				
				$('.escolheCor table a').click(function(){
					
					if($(this).parents('td').siblings('td').children('a').attr('class') == 'ativo'){
						return false;
					}
					if($(this).attr('name') == 'col1'){
						$('.escolheCor table a[name="col1"]').removeClass('ativo')	
					}
					if($(this).attr('name') == 'col2'){
						$('.escolheCor table a[name="col2"]').removeClass('ativo')	
					}
					if($(this).attr('name') == 'col3'){
						$('.escolheCor table a[name="col3"]').removeClass('ativo')	
					}
					$(this).addClass('ativo');
					var cod1 = $('.escolheCor table a.ativo[name="col1"]').attr('rel');
					var cod2 = $('.escolheCor table a.ativo[name="col2"]').attr('rel');
					var cod3 = $('.escolheCor table a.ativo[name="col3"]').attr('rel');
					
					$('.mostraFoto img').attr('src',"images/simulador/fotos/unico-"+cod1+"-"+cod2+".jpg");
					if ($('.escolheCor table a.ativo[name="col3"]').is('a')){
						$('.mostraFoto img').attr('src',"images/simulador/fotos/unico-"+cod1+"-"+cod2+"-"+cod3+".jpg");
					}
				});
			}	
		});	
	});
	
///////////////////////////////////
// Troca Foto Simulador
//////////////////////////////////

	$('.escolheCor table a').click(function(){
		
		if($(this).parents('td').siblings('td').children('a').attr('class') == 'ativo'){
			return false;
		}
		if($(this).attr('name') == 'col1'){
			$('.escolheCor table a[name="col1"]').removeClass('ativo')	
		}
		if($(this).attr('name') == 'col2'){
			$('.escolheCor table a[name="col2"]').removeClass('ativo')	
		}
		if($(this).attr('name') == 'col3'){
			$('.escolheCor table a[name="col3"]').removeClass('ativo')	
		}
		$(this).addClass('ativo');
		var cod1 = $('.escolheCor table a.ativo[name="col1"]').attr('rel');
		var cod2 = $('.escolheCor table a.ativo[name="col2"]').attr('rel');
		var cod3 = $('.escolheCor table a.ativo[name="col3"]').attr('rel');
					
		$('.mostraFoto img').attr('src',"images/simulador/fotos/unico-"+cod1+"-"+cod2+".jpg");
		if ($('.escolheCor table a.ativo[name="col3"]').is('a')){
			$('.mostraFoto img').attr('src',"images/simulador/fotos/unico-"+cod1+"-"+cod2+"-"+cod3+".jpg");
		}
	});

	
});