// JavaScript Document


/////////// Script responsável pelo campo "EMAIL" na página inicial. Quando clicado no campo, o texto some, quando desclicado, o texto volta. ///////////

$(document).ready(function(){
	$('#email').focus(function(){
		if($(this).val() == 'Digite Seu E-Mail'){
			$(this).val('');
		}
	});
	$('#email').blur(function(){
		if($(this).val() == ''){
			$(this).val('Digite Seu E-Mail');
		}
	});




/////////// Script responsável pelo MENU principal.///////////

$(function() {
	$("#1, #2, #3").lavaLamp({
    	fx: "backout", 
        speed: 700,
        click: function(event, menuItem) {
    	}
	});
});

/////////// Script responsável pela mini galeria na Página 0 Km. ///////////

$('div.navigation').css({'width' : '250px', 'float' : 'left'});
$('div.content').css('display', 'block');

var onMouseOutOpacity = 0.67;
$('#thumbs ul.thumbs li').opacityrollover({
	mouseOutOpacity:   onMouseOutOpacity,
	mouseOverOpacity:  1.0,
	fadeSpeed:         'fast',
	exemptionSelector: '.selected'
});

var captionOpacity = 0.0;
$('#captionToggle a').click(function(e) {
	var link = $(this);
	
	var isOff = link.hasClass('off');
	var removeClass = isOff ? 'off' : 'on';
	var addClass = isOff ? 'on' : 'off';
	var linkText = isOff ? 'Hide Caption' : 'Show Caption';
	captionOpacity = isOff ? 0.7 : 0.0;

	link.removeClass(removeClass).addClass(addClass).text(linkText).attr('title', linkText);
	$('#caption span.image-caption').fadeTo(1000, captionOpacity);
	
	e.preventDefault();
});

var gallery = $('#thumbs').galleriffic({
	delay:                     2500,
	numThumbs:                 15,
	preloadAhead:              10,
	enableTopPager:            true,
	enableBottomPager:         true,
	maxPagesToShow:            7,
	imageContainerSel:         '#slideshow',
	controlsContainerSel:      '#controls',
	captionContainerSel:       '#caption',
	loadingContainerSel:       '#loading',
	renderSSControls:          true,
	renderNavControls:         true,
	prevLinkText:              '‹ Previous Photo',
	nextLinkText:              'Next Photo ›',
	nextPageLinkText:          'Next ›',
	prevPageLinkText:          '‹ Prev',
	enableHistory:             true,
	autoStart:                 false,
	syncTransitions:           true,
	defaultTransitionDuration: 900,
	onSlideChange:             function(prevIndex, nextIndex) {

		this.find('ul.thumbs').children()
			.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
			.eq(nextIndex).fadeTo('fast', 1.0);
	},
	onTransitionOut:           function(slide, caption, isSync, callback) {
		slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
		caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
	},
	onTransitionIn:            function(slide, caption, isSync) {
		var duration = this.getDefaultTransitionDuration(isSync);
		slide.fadeTo(duration, 1.0);
		
		var slideImage = slide.find('img');
		caption.width(slideImage.width())
			.css({
				'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2),
				'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
			})
			.fadeTo(duration, captionOpacity);
	},
	onPageTransitionOut:       function(callback) {
		this.fadeTo('fast', 0.0, callback);
	},
	onPageTransitionIn:        function() {
		this.fadeTo('fast', 1.0);
	},
	onImageAdded:              function(imageData, $li) {
		$li.opacityrollover({
			mouseOutOpacity:   onMouseOutOpacity,
			mouseOverOpacity:  1.0,
			fadeSpeed:         'fast',
			exemptionSelector: '.selected'
		});
	}
});

function pageload(hash) {
	if(hash) {
		$.galleriffic.gotoImage(hash);
	} else {
		gallery.gotoIndex(0);
	}
}

$.historyInit(pageload, "advanced.html");

$("a[rel='history']").live('click', function() {
	if (e.button != 0) return true;

	var hash = this.href;
	hash = hash.replace(/^.*#/, '');

	$.historyLoad(hash);

	return false;
});



$('#addImageLink').click(function(e) {
	gallery.insertImage('<li>																							\
			<a class="thumb" href="http://farm1.static.flickr.com/79/263120676_2518b40e5b.jpg" title="Dynamically Added Image">\
				<img src="http://farm1.static.flickr.com/79/263120676_2518b40e5b_s.jpg" alt="Dynamically Added Image" />\
			</a>																										\
			<div class="caption">																						\
				<div class="download">																					\
					<a href="http://farm1.static.flickr.com/79/263120676_2518b40e5b_o_d.jpg">Download Original</a>		\
				</div>																									\
				<div class="image-title">Dynamically Added Image</div>													\
				<div class="image-desc">																				\
					<img src="http://farm1.static.flickr.com/38/buddyicons/77261001@N00.jpg" alt="ringydingydo" />		\
					Photo taken by <a href="http://www.flickr.com/photos/ringydingydo/">ringydingydo</a>				\
				</div>																									\
			</div>																										\
		</li>', 5);
	
	e.preventDefault();
});



$('#removeImageByIndexLink').click(function(e) {
	if (!gallery.removeImageByIndex(5))
		alert('There is no longer an image at position 5 to remove!');

	e.preventDefault();
});



$('#removeImageByHashLink').click(function(e) {
	if (!gallery.removeImageByHash('lizard'))
		alert('The lizard image has already been removed!');

	e.preventDefault();
});
});