var slideshowTimeout;

// Moogaloop Video (VIMEO)
var moogaloop = false;

function loadVideo(swfID, width, height, autoplay) {
	var vimeoVideos = {
		'moogaloop1': 13532717,
		'moogaloop2': 13559639,
		'moogaloop3': 13560374,
		'moogaloop4': 13533057,
		'moogaloop5': 13530436
	};
	var mg = {
		flashvars: {
			clip_id: vimeoVideos[swfID],
			show_portrait: 0,
			show_byline: 0,
			show_title: 0,
			color: 'ffffff',
			autoplay: autoplay,
			js_api: 1,
			js_onLoad: 'vimeo_player_loaded',
			js_swf_id: swfID
		},
		params: {
			allowscriptaccess: 'always',
			allowfullscreen: 'true'
		}
	};
	swfobject.embedSWF("http://vimeo.com/moogaloop.swf", swfID, width, height, "9.0.0","expressInstall.swf", mg.flashvars, mg.params, {});
}
function vimeo_player_loaded(swfID) {
	moogaloop = $('#' + swfID)[0];
	console.log('vimeo player loaded, swf id: ' + swfID);
}


// Lightbox plugin
var lightbox1;
var lightbox2;
var lightbox3;
var lightbox4;

$(document).ready(function() {
	postLoadSlides();
	loadLightboxes();
	
	$('#newsletter h4, #newsletter form').show();
	
	// Setup slideshow
	//$('#slides div.tab2, #slides div.tab3, #slides div.tab4, #slides div.tab5').hide();
	$('#slides div.tab1').show();
	slideshowTimeout = setTimeout("slideshow()", 8000);
	
	// Manually update slide (user clicks on UL/LI list)
	$('#slides ul.s li').click(function () {
		clearTimeout(slideshowTimeout);
		var newTabID = parseInt($(this).attr('id').substring(3,4));
		$('#slides div').hide().filter('.tab' + newTabID).show();
		$('#slides ul.s li').removeClass('current_thumb').filter('#tab' + newTabID).addClass('current_thumb');
		slideshowTimeout = setTimeout("slideshow()", 8000);
		return false;
	});
	
	// Close all lightboxes (not sure which one is open)
	$('.modal .close_btn, .modal .close').live('click', function() {
		lightbox1.close(); lightbox2.close(); lightbox3.close(); lightbox4.close();
	});
	
	// Hover effects for each clicker
	$('#clicker1, #clicker2, #clicker3')
		.hover(
			function() { $('#' + $(this).attr('id') + '_hover').stop().animate({marginTop: "150px"}, 300); },
			function() { $('#' + $(this).attr('id') + '_hover').stop().animate({marginTop: "216px"}, 300); }
		);
		
		
	// Default input text
	$('form input:visible')
		.focus(function() {
			if ($(this).val() == $(this)[0].title) $(this).val('');
		})
		.blur(function() {
			if ($(this).val() == '') $(this).val($(this)[0].title);
		})
		.blur();
	
	$('form input.required').addClass('isNotDefault');
	
	// Add validation method
	jQuery.validator.addMethod('isNotDefault', function(val, el) {
		return (val != $(el)[0].title);
	}, 'You cannot submit the default value');
	
	// Validate newsletter signup form
	$('#newsletter form').validate();
	
		
});


function postLoadSlides() {
	$('#post_load_slides').load("slides.html #ls");
	$('#donate_btn_foot').load("slides.html #li");
	//$('#donate_btn_foot').load("http://www.gmodev2.com/sandboxes/mikeweimer/www.gmo2.com/images/donate.jpg");
}



function loadLightboxes() {
	$('#post_load_content').load("lightbox.html #lc", "", function() {
		
		// Setup lightbox overlays
		var onClose = function() {
			moogaloop.api_pause();
			moogaloop.api_unload();
		}
		
		lightbox1 = $('#b1').overlay({
			api: true,
			expose: {color: '#fff', loadSpeed: 200, opacity: 0.7},
			onLoad: function() {
				loadVideo('moogaloop1',400,300,0);
			},
			onClose: onClose,
			oneInstance: false
		});
		lightbox2 = $('#b2').overlay({
			api: true,
			expose: {color: '#fff', loadSpeed: 200, opacity: 0.7},
			onLoad: function() {
				loadVideo('moogaloop2',400,300,0);
			},
			onClose: onClose,
			oneInstance: false
		});
		lightbox3 = $('#b3').overlay({
			api: true,
			expose: {color: '#fff', loadSpeed: 200, opacity: 0.7},
			onLoad: function() {
				loadVideo('moogaloop3',300,169,0);
				loadVideo('moogaloop4',400,225,0);
			},
			onClose: onClose,
			oneInstance: false
		});
		lightbox4 = $('#b4').overlay({
			api: true,
			expose: {color: '#000', loadSpeed: 200, opacity: 0.8},
			onLoad: function() {
				loadVideo('moogaloop5',640,360,1);
			},
			onClose: onClose,
			oneInstance: false
		});
		
		// Load lightboxes
		$('#clicker1').click(function() {
			lightbox1.load();
			$("html:not(:animated),body:not(:animated)").animate({scrollTop:100}, 900);
		});
		$('#clicker2').click(function() {
			lightbox2.load();
			$("html:not(:animated),body:not(:animated)").animate({scrollTop:100}, 900);
		});
		$('#clicker3').click(function() {
			lightbox3.load();
			$("html:not(:animated),body:not(:animated)").animate({scrollTop:100}, 900);
		});
		
		//$('#donate_btn_foot').addClass('btn_added');
		
		
/*	$('.process').click(function() {
		var elementClicked = $(this).attr("href");
		var destination = $(elementClicked).offset().top;
		$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-20}, 900 );
		return false;
	});*/
	
		// Lightbox video overlays
		$('#crisis_video').click(function() {
			lightbox4.load();
		});
		
		$('#slide_video_frame .close').text('Close').click(function() {
			lightbox1.close(); lightbox2.close(); lightbox3.close(); lightbox4.close(); moogaloop.pause(); moogaloop.unload();
		});
	});
}

function slideshow() {
	var oldTabID = parseInt($('#slides div:visible').attr('class').substr(3,1));
	var newTabID = (oldTabID < $('#slides ul.s li').length) ? (oldTabID + 1) : 1;
	$('#slides div').hide().filter('.tab' + newTabID).fadeIn(800);
	$('#slides ul.s li').removeClass('current_thumb').filter('#tab' + newTabID).addClass('current_thumb');
	slideshowTimeout = setTimeout("slideshow()", 8000);
}