// JavaScript Document

///Variaveis
var Navigator;
var Obj;
var ObjWidth;
var Size;	
var ObjMargin;
var posX;
var imgThumb;
var ObjAtivo;
var ObjImg;
var img_port;
var ObjAtvWidth;
// Main
$(document).ready(function(){
						 	
	Navigator = $('.navigator');
	Obj = $('.navigator ul li');
	
	organizador();
	servicos();

	Obj.bind('click', function(){		
		ObjAtivo = $(this);
		$('.imgativa').hide();
		imgThumb = ObjAtivo.find('img.imgthumb');
		Obj.find('img.imgthumb').css({'display' : 'block'});
		Obj.find('img.imgthumb').animate({'opacity' : 1}, 'slow');
		imgThumb.animate({'opacity' : 0}, 'slow', function (){imgThumb.css({'display' : 'none'})});
		ObjImg = ObjAtivo.find('a').attr('href');
		img_port=  new Image();
		img_port.src=ObjImg;
		img_port.onload = function(){
			exibeImg(ObjImg);
		}
		return false;
	});
});

// Functions
function organizador(){
	
	ObjWidth = Obj.width();
	Size = Obj.size();	
	ObjMargin = ((Size*ObjWidth) - Navigator.width()) / Size;
	posX = -(ObjWidth-ObjMargin);

	Obj.css({'position' : 'absolute', 'top' : 0});
	
	var i = 1;
	Obj.each(function (){
		  posX += (ObjWidth-ObjMargin);
		  $(this).find('a').attr({ rel: i});
		  $(this).css({'left' : posX});
		  i++;
	});
}

function Show(ObjAtivo){	
	Obj.animate({'width' : 100, 'height' : 100}, 'slow');
	ObjAtivo.find('a').attr('rel');
	ObjMargin = ((Size*ObjWidth) - (Navigator.width() - 480)) / Size;
	var i = 1;
	posX = -(ObjWidth-ObjMargin);
	Obj.each(function (){
		if(i< ObjAtivo.find('a').attr('rel')){
			posX += (ObjWidth-ObjMargin);
			$(this).animate({'left' : posX}, 'slow');
		}else{
			if(i==ObjAtivo.find('a').attr('rel')){
				ObjAtivo.animate({'width' : 480, 'height' : 'auto', 'left' : (posX + ObjWidth)-ObjMargin}, 'slow');
				var offSet = ObjAtivo.offset();
				posX += 480;
			}else{
				posX += (ObjWidth-ObjMargin);
				$(this).animate({'left' : posX}, 'slow');
			}
		}
	  i++;
	});	
}
function exibeImg(){
	Show(ObjAtivo);
	ObjAtivo.append('<div class="imgativa"><img src="' + ObjImg + '" /></div>');
	$('imgativa').css({'opacity' : 0});
	ObjAtvWidth = ObjAtivo.find('.imgativa').width();
	//alert(ObjAtvWidth);
	//	$('imgativa').animate({'opacity' : 0}, 'slow', function(){Show(ObjAtivo);});
}
function servicos(){
	$('a.serv_on').bind('click', function(){
			$('.servicos ul li').animate({'height' : 160}, 'slow');
			var alt = $(this).parent('li').find('.serv_desc').height();
			$(this).parent('li').animate({'height' : 160+alt}, 'slow');
			$(this).parent('li').find('.serv_desc').css({'display' : 'block'});
			return false;
	});
}
function portfolio(){
	//alert($('#teste').offset.top());
	var offset = $('#titulo').offset();
	$('html,body').animate({scrollTop: offset.top-20}, 600);
	$('a.todas').click(function(e){
		$('html,body').animate({scrollTop: offset.top-20}, 600);
		var offsetCat = $('#categorias').offset();
		$('html,body').animate({scrollTop: offsetCat.top-20}, 600);
		return false;
	});
}