/**
 * @author jleeder
 */
jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i].hover);
	jQuery("<img>").attr("src", arguments[i].headshot);
  }
}

var Tales = {
	//some defaults
	ext: '.gif',
	path: '/img/aspca/cats/',
	images: new Array(),	
	preload: function(){
		jQuery.preloadImages(Tales.images);
	},
	initialize: function(){
		$('.story').hide();
		$('#default').show();
		$('a.switch').each(function(i){
			$link = $(this);
			name = $link.attr("rel");
			$link.data('info',{
				headshot: Tales.path + name + '-large' + Tales.ext,
				hover: Tales.path + name + '-hover' + Tales.ext,
				normal: Tales.path + name + Tales.ext,
				link: name				
			});
			Tales.images[i] =  $link.data('info');
		});
	},
	hoverOver: function(){
		el = $(this);
		info = el.data('info');
		el.find('img').attr('src', info.hover);	
	},
	hoverOut: function(){
		el = $(this);
			info = el.data('info');
			el.find('img').attr('src', info.normal);
	},
	
	clickCat: function(e){
		el = $(this);
		info = el.data('info');
		$('#headshot').attr('src', info.headshot);
		$('.story').hide();
		$('#'+info.link).show();
		return false;
	}
}

$(document).ready(function(){
	//initialize data for items
	Tales.initialize();
	
	//initialize scrollable area
	$("div.scrollable").scrollable({
		size: 4,
		next: '#next',
		prev: '#prev',
		keyboard: false
	});
	
	$('a.switch').hover( Tales.hoverOver, Tales.hoverOut);
		
	$('a.switch').click(Tales.clickCat);
	
	Tales.preload();
});