/////////////////////////
// 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","visible");
			}
			
			// 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","visible");
			//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","visible");
				
				
				//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(){

/*
///////////
chamada da função galeria
///////////
*/	
$('.foto_galeria').scrollPages({elementSize:104, elements:4, direction:'left'});

//codigo para colorbox na pagina trabalhos
$("a[rel='foto']").colorbox();

/////////////////////////////
// teaser da home
///////////////////////////
$(".banner").addFlash({src: "http://www.tdb.com.br/swf/banner.swf", width: 980, height: 343, title: "TDB Tecidos", value: "transparent", name: "wmode"});


 ////////////////////////////////////////
// abre e fecha elemento
/////////////////////////////////////////
$('.boxTopSan h4').click(function(){
	$('.boxTopSan h4').removeClass('ativo');
	$('.boxTopSan h4').siblings('div:visible').slideUp('fast');

		if($(this).siblings('div').is(':visible')){
			$(this).removeClass('ativo');
			$(this).siblings('div').slideUp('fast');
		}else{
			$(this).addClass('ativo');
			$(this).siblings('div').slideDown('slow');
		}

	});
	
		/*Altera IMG's*/	
		
		/*IMG DEFAUTL*/
		var imgFirst = $('.box-mini2:first img').attr('src');
		$('#imgID img').attr('src',imgFirst);


		$(".box-tecidos-tipos2 .box-mini2 span").live('click',function(){
			var nome_img = $(this).siblings('img').attr('src');
			//var src = nome_img;
			
			//$("#mask img").fadeOut(5);
			//$("#mask img").fadeIn(5);
			$('#imgID img').attr('src',nome_img);
        });
		
		/*Altera cores*/
		//var fundo = "<div class="borda-tecido-default" style=""></div>";
		
		 $(".rgb, .rgb2").click(function() {
			var id = $(this).attr('class').substr(7);
        	$("#cor"+id).attr("style",'background:'+$(this).attr('rel'));
			$("#cor"+id).fadeTo('fast',0.5);
       	 	return false;
    	});
		
		$('.tiptip').tipTip();
		
		$('.box-tecidos-tipos2 .box-mini2:nth-child(4n)').css('margin-right','0px');
		
		
		$('.box .box-tecidos').each(function(){
			$('.box .box-tecidos:nth-child(3n)').css('margin-right','0px');
		});

		$('.box .box-tecidos').each(function(){
			$('.box .box-tecidos:nth-child(3n)').css('margin-right','0px');
		});		
		
		$('ul.dropdown li ul li a').each(function(){
			$('ul.dropdown li ul li a:last').css('border-bottom','none');		
		});

		var larguraBarra = $('.barra_menu ul li').width();
		$('.barra_menu ul').css({
			width: larguraBarra+'px'
		});
		
		
		
});