function limpar()
{

	beijo.animate({ right: -1200 }, 1200);
	logoCaroline.show().animate({ top: 104 }, 2000);
	logogsw.fadeOut(2000);
	logogsw.fadeIn(2000);
}

function addressChangeHandler( event )
{
	event = event || { path:SWFAddress.getValue() };
	
	if( event.path == "/" )
	{

		galho1.show().animate({ left: 0 }, 600);
		galho2.show().animate({ right: -5 }, 600);
		logoind.hide().toggle('slow');
		logoCaroline.show().animate({ top: 104 }, 2000);

	}
	else
	{
		var t = event.path.split( "/" );
		
		if( t[1] == "logoind" && t.length >= 2 )
		{
			limpar();
			logoind.fadeIn(2000);
		}
		else if( t[1] == "ingressos" && t.length >= 2 )
		{
			limpar();
			ingressos.fadeIn(2000);
		}
	}
}


$(document).ready(function()
{
	
	logoind = $('.logo');
	galho1 = $('.galho1');
	galho2 = $('.galho2');
	galho3 = $('.galho3');
	logoCaroline = $('.logoCaroline');	
	
	
	//Set Default State of each portfolio piec
	$(".paging").show();
	$(".paging a:first").addClass("active");		

	//Get size of images, how many there are, then determin the size of the image reel.
	var imageWidth = $(".window").width();
	var imageSum = $(".image_reel img").size();
	var imageReelWidth = imageWidth * imageSum;

	//Adjust the image reel to its new size
	$(".image_reel").css({'width' : imageReelWidth});	

	//Paging + Slider Function
	rotate = function(){	

		var triggerID = $active.attr("rel") - 1; //Get number of times to slide
		var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

		$(".paging a").removeClass('active'); //Remove all active class
		$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

		//Slider Animation
		$(".image_reel").animate({ 
			left: -image_reelPosition
		}, 500 );
	}; 

	//Rotation + Timing Event
	rotateSwitch = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			$active = $('.paging a.active').next();
			if ( $active.length === 0) { //If paging reaches the end...
				$active = $('.paging a:first'); //go back to first
			}
			rotate(); //Trigger the paging and slider function
		}, 7000); //Timer speed in milliseconds (3 seconds)
	};

	rotateSwitch(); //Run function on launch

	//On Hover
	$(".image_reel a").hover(function() {
		clearInterval(play); //Stop the rotation
	}, function() {
		rotateSwitch(); //Resume rotation
	});	

	//On Click
	$(".paging a").click(function() {	
		$active = $(this); //Activate the clicked paging

		//Reset Timer
		clearInterval(play); //Stop the rotation
		rotate(); //Trigger rotation immediately
		rotateSwitch(); // Resume rotation

		return false; //Prevent browser jump to link anchor
	});
	
	
	

	$(".buttons").stop().animate({'opacity':0.4}, 300);
	
	$(".buttons").mouseover(
	function() {
	    $(this).stop().animate({'opacity':1.0}, 300);    
	}),
	
	$(".buttons").mouseout(
	function() {
	    $(this).stop().animate({'opacity':0.4}, 300);    
	});
	
	
	
	// Smart Tab    	
	$('#tabs').smartTab({stopOnFocus:true,transitionEffect:'fade'});
	
	// fancybox
	$("a.fancybox").fancybox({
	'transitionIn'		: 'none',
	'transitionOut'		: 'none',
	'titlePosition' 	: 'over',
	'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
	return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
	}
    });
      
	
});

SWFAddress.addEventListener( SWFAddressEvent.CHANGE, addressChangeHandler );
addressChangeHandler();

