var isValidated = false;

$(document).ready( function() {
	
	$('.scroll-pane').jScrollPane({
		verticalDragMaxHeight: '56',
		verticalDragMinHeight: '56'
	});
	
	$('.welcome-p').jScrollPane({
		verticalDragMaxHeight: '56',
		verticalDragMinHeight: '56'
	});
	
	$('#sidebar-left #quote-box .mid').jScrollPane({
		verticalDragMaxHeight: '56',
		verticalDragMinHeight: '56'
	});
	
	$('.slideshow').cycle({
		fx:     'fade',
		timeout:    800,
		speed: 4000,
		next:   '#next2', 
		prev:   '#prev2' 
		// choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	
		
	
	/**
	 * Personalize Tooltip
	 */
	$('#personalize .toggle_tooltip').mouseover( function() {
		$(this).addClass('selected');
		$('.personalize_tooltip').fadeIn('fast');
	});
	$('#personalize').mouseleave( function() {
		$('#personalize .toggle_tooltip').removeClass('selected');
		$('.personalize_tooltip').fadeOut('fast');
	});
	/**
	 * Share Tooltip
	 */
	$('#share .toggle_tooltip').mouseenter( function() {
		$(this).addClass('selected');
		$('.share_tooltip').fadeIn('fast');
	});
	$('#share').mouseleave( function() {
		$('#share .toggle_tooltip').removeClass('selected');
		$('.share_tooltip').fadeOut('fast');
	});
	/**
	 * Bookmarks Tooltip
	 */
	$('#bookmarks .toggle_tooltip').mouseenter( function() {
		$(this).addClass('selected');
		$('.bookmark_tooltip').fadeIn('fast');
	});
	$('#bookmarks').mouseleave( function() {
		$('#bookmarks .toggle_tooltip').removeClass('selected');
		$('.bookmark_tooltip').fadeOut();
	});

	$('#share_this_form').submit( function(event) {
		
		window.isValidated = true;
		
		$('#share_this_form .input.text input').each( function() {
			if ( $(this).attr('value') == '' )
			{
				$(this).addClass('input-error');
				window.isValidated = false;
			} else {
				$(this).removeClass('input-error');
			}
		});
		
		if ( window.isValidated )
		{
			$('#share_this_form .error-message').hide();
			var formData = $(this).serialize();
			
			$.ajax({
				type: 'POST',
				url: '/proposals/share',
				data: formData,
				success: function() {
					$('.share_tooltip').html($('<div>').addClass('title').append('Your message has been sent!'));
				}
			});
			event.preventDefault();
			return false;
		} else {
			$('#share_this_form .error-message').show();
			event.preventDefault();
			return false;
		}
	});

	$('#filmstrip .fs-content a').each(function() {
		
		var tipContent = $(this).attr('tooltip')
		
		$(this).qtip({
		   	content: '<img src="/img/filmstrip/'+tipContent+'.png" />',
		   	show: {
				when: {
					event: 'mouseover'
				},
				delay: 10
			},
		   	hide: 'mouseout',
			position: {
				corner: {
					target: 'topMiddle',
					tooltip: 'topMiddle'
				}
			},
			style: {
				background: 'none',
				border: 'none',
				padding: 0,
				margin: 0,
				width: 153,
				height: 39
			}
		});
		
	});
	
	/**
	 * Randomize which slide is initialy displayed on default page
	 */
	var numSlides = $('.fs').length;
	var randomSlide = (Math.floor((Math.random()*numSlides) + 1));
	var chooseSlide = ".fs.slide" + randomSlide;
	// Un to randomize -- $(chooseSlide).trigger('click');
	// To set to slide 1 ... $(.fs.slide1).trigger('click');
	
	
	/**
	 * Google Analyics on Next - Previous Arrows 
	 * alert($(this).text());
	 */
	$('#slideshow .jcarousel-next').click(function(){
		_gaq.push(['_trackEvent', 'FSlide', 'Arrow_Click', 'Next']);
	});
	
	$('#slideshow .jcarousel-prev').click(function(){
		_gaq.push(['_trackEvent', 'FSlide', 'Arrow_Click', 'Previous']);
	});
	
	$("a[rel]").overlay({
		top: '5%', 
		fixed: false,
		// some mask tweaks suitable for modal dialogs
		mask: {
			color: '#000000',
			loadSpeed: 200,
			opacity: 0.8
		},
		closeOnClick: false
	});
	
	$(".tabs").tabs(".panes > div");
	
	var tabapi = $(".simple_overlay ul.tabs").data("tabs");
	
	$(".overview-buttons li a").click(function() {
		var whichTab = $(this).attr('class');
		tabapi.click("#"+whichTab);
		$(".simple_overlay ul.tabs li a").removeClass("selected");
		$(".simple_overlay ul.tabs li."+whichTab+" a").addClass("selected");
		$("#popout").removeClass("black");
	});
	
	$(".simple_overlay#popout ul.tabs li a").click(function() {
		var whichTab = $(this).attr('class');
		tabapi.click("#"+whichTab);
		$(".simple_overlay ul.tabs li a").removeClass("selected");
		$(this).addClass("selected");
		$("#popout").removeClass("black");
	});

});