var curTab=1;
var inputDelayer=delayTimer(5000);

// starting the scripts on page load: EDL added captions on 7/18/11. copied from ips.common.js written by IanW.
$(document).ready(function() {
	$('form#search-form div.select').addClass('select-replacement');
	$('form#expert-form div.select').addClass('select-replacement');
	$('form#search-form div.checkbox-wrapper').addClass('adjusted');
	
	$('.content-list li.post:odd').addClass('alt');
	$('.about .post:odd').addClass('alt');	
	// Front page "Our Latest"
	$('#ourlatest .post-list:odd').addClass('alt');	
	//$('.sidebyside li:odd').addClass('alt');


	/*$('div#date-range input#from').example('from');
	$('div#date-range input#to').example('to');*/
	
	$('div#search input.text').example('Search FPIF');
	
	$('div#newsletter input.text').example('myemail@address.org');
	
	$('body.home').addClass('jsworking');
	
	$('#tabbed #switcher li').each(function(i,val) {
		$(this).click(function() {
			showTab(i+1);
			inputDelayer();
		});
	});
	
	// Automatically add captions to images marked with a captions class
	// See jQuery capty plugin below
	$('.img-left-caption').capty({ animation: 'fixed' });
	$('.img-right-caption').capty({ animation: 'fixed' });
	$('.img-center-caption').capty({ animation: 'fixed' });
	
	// Load Plus One Button
	jQuery.getScript('https://apis.google.com/js/plusone.js');
		
	// Load Tweet Button Script & Associate Google Analytics Tracking
	jQuery.getScript('http://platform.twitter.com/widgets.js');
		
	// Load LinkedIn button
	jQuery.getScript('http://platform.linkedin.com/in.js');

	// Load StumbleUpon button
	// jQuery.getScript('http://www.stumbleupon.com/hostedbadge.php?s=1&a=1&d=stumbleupon-button');

});

function rotateFeatured(){
	if (curTab >= $('#tabbed #switcher li').length) {
		curTab=0;
	}
	showTab(curTab+1);
	inputDelayer(rotateFeatured);
}

function delayTimer(delay){
	var timer;
	return function(fn){
		timer=clearTimeout(timer);
		if(fn)
			timer=setTimeout(function(){
				fn();
			},delay);
		return timer;
	}
}

function showTab(number) {
	curTab = number;
	$("#tabbed div.active").removeClass('active');
	$('#tabbed div#tabbed'+number).addClass('active');
	$('#tabbed ol#switcher li.active').removeClass('active');
	$('#tabbed li.switcher'+number).addClass('active');
}

function filePassDialog(id) {
	$("<div class='filepasswordbox'>" +
			"<p><h3>Access to this file is restricted</h3> Please enter the password to download.</p>" +
			"<span class='label'>Password:</span> <input type='password' />" +
			"</div>").dialog({
				modal:true,
				buttons: {
					"Go": function(){
						getPasswordProtectedFile(id, $(this).find("input[type=password]").val());
						$(this).dialog('destroy');
					},
					"Cancel": function() {$(this).dialog('destroy');}
				}
			});
}

function getPasswordProtectedFile(id, password) {
	//alert('getting file '+id+' with password '+password);
	popup = window.open('/files/'+id+'/?password='+password, 'dummyname', 'height=undefined,width=undefined', false);
	//popup.close();
}


/**
 * jQuery Capty - A Caption Plugin - http://wbotelhos.com/capty
 * ---------------------------------------------------------------------------------
 *
 * jQuery Capty is a plugin that creates captions over the images.
 *
 * Licensed under The MIT License
 *
 * @version         0.2.1
 * @since           12.18.2010
 * @author          Washington Botelho dos Santos
 * @documentation   wbotelhos.com/capty
 * @twitter         twitter.com/wbotelhos
 * @license         opensource.org/licenses/mit-license.php MIT
 * @package         jQuery Plugins
 *
 * Usage with default values:
 * ---------------------------------------------------------------------------------
 * $('#capty').capty();
 *
 * <img id="capty" src="image.jpg" alt="Super Mario Bros.&reg;" width="150" height="150"/>
 *
 * This plugin has been modified for the purposes of this website.
 *
 */

;(function($) {

	$.fn.capty = function(settings) {
		var options = $.extend({}, $.fn.capty.defaults, settings);

		if (this.length == 0) {
			debug('Selector invalid or missing!');
			return;
		} else if (this.length > 1) {
			return this.each(function() {
				$.fn.capty.apply($(this), [settings]);
			});
		}

		var $this		= $(this),
			name		= $this.attr('name'),
			$caption	= $('<div class="' + options.cCaption + '"/>'),
			$elem		= $this;

		if ($this.attr('alt').length == 0) { return; }

		if ($this.parent().is('a')) {
			$elem = $this.parent();
		}

		// class should be one of: 
		// img-left-caption, img-right-caption, img-center-caption
		var img_align;
		var pad_left = "8px";
		var pad_right = "8px";
		if ($this.hasClass('img-right-caption')) { 
			img_align = 'right'; 
			pad_right = "0";
		}
		else if ($this.hasClass('img-center-caption')) { 
			img_align = 'center'; 
		}
		else if ($this.hasClass('img-left-caption')) { 
			img_align = 'left'; 
			pad_left = '0'; 
		}

		var $image		= $elem.wrap('<div class="' + options.cImage + '"/>').parent(),
			$wrapper	= $image.wrap('<div style="float: '+img_align+'; padding-top: 0; padding-bottom: 0; padding-left: '+pad_left+'; padding-right: '+pad_right+'; border: none"><div class="' + options.cWrapper + '"/>').parent();

		// Take the CSS width of the image and add to it to give the
		// div a little space.
		var div_width = parseInt($this.css('width'));
		div_width = div_width + 24;
		div_width = div_width + "px";

		$wrapper.css({
			float:		'left',
			width:		div_width
		});


		$caption.css({
			padding:	'6px'
		})

		.click(function(evt) {
			evt.stopPropagation();
		})
		.appendTo($wrapper);

		if (name) {
			var $content = $(name);

			if ($content.length) {
				$content.appendTo($caption);
			} else {
				$caption.html('<span style="color: #F00;">Content invalid or missing!</span>');
			}
		} else {
			$caption.html($this.attr('alt'));
		}

		if (options.prefix) {
			$caption.prepend(options.prefix);
		}

		if (options.sufix) {
			$caption.append(options.sufix);
		}

		if (options.animation == 'slide') {
			$wrapper.hover(
				function() {
					$caption.animate({ top: (-1 * options.height) }, { duration: options.speed, queue: false });
				},
	    		function() {
					$caption.animate({ top: 0 }, { duration: options.speed, queue: false });
				}
	    	);
		} else if (options.animation == 'fade') {
			$caption.css({
				opacity:	0,
				top:		(-1 * options.height) + 'px'
			});

			$wrapper.hover(
				function() {
					$caption.stop().animate({ opacity: options.opacity }, options.speed);
				},
	    		function() {
					$caption.stop().animate({ opacity: 0 }, options.speed);
				}
	    	);
		} else if (options.animation == 'fixed') {
			$caption.css('top', (-1 * options.height) + 'px');
		} else {
			debug($this.attr('id') + ': invalid animation!');
		}

		return $this;
	};

	function debug(message) {
		if (window.console && window.console.log) {
			window.console.log(message);
		}
	};

	$.fn.capty.defaults = {
		animation:	'slide',
		cCaption:	'ips-caption',
		cImage:		'',
		cWrapper:	'capty-wrapper',
		height:		30,
		opacity:	.7,
		prefix:		'',
		speed:		200,
		sufix:		''
	};

})(jQuery);

