/**
 * jQuery.ScrollTo - Easy element scrolling using jQuery.
 * Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
 * Dual licensed under MIT and GPL.
 * Date: 5/25/2009
 * @author Ariel Flesler
 * @version 1.4.2
 *
 * http://flesler.blogspot.com/2007/10/jqueryscrollto.html
 */
;(function(d){var k=d.scrollTo=function(a,i,e){d(window).scrollTo(a,i,e)};k.defaults={axis:'xy',duration:parseFloat(d.fn.jquery)>=1.3?0:1};k.window=function(a){return d(window)._scrollable()};d.fn._scrollable=function(){return this.map(function(){var a=this,i=!a.nodeName||d.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!i)return a;var e=(a.contentWindow||a).document||a.ownerDocument||a;return d.browser.safari||e.compatMode=='BackCompat'?e.body:e.documentElement})};d.fn.scrollTo=function(n,j,b){if(typeof j=='object'){b=j;j=0}if(typeof b=='function')b={onAfter:b};if(n=='max')n=9e9;b=d.extend({},k.defaults,b);j=j||b.speed||b.duration;b.queue=b.queue&&b.axis.length>1;if(b.queue)j/=2;b.offset=p(b.offset);b.over=p(b.over);return this._scrollable().each(function(){var q=this,r=d(q),f=n,s,g={},u=r.is('html,body');switch(typeof f){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)){f=p(f);break}f=d(f,this);case'object':if(f.is||f.style)s=(f=d(f)).offset()}d.each(b.axis.split(''),function(a,i){var e=i=='x'?'Left':'Top',h=e.toLowerCase(),c='scroll'+e,l=q[c],m=k.max(q,i);if(s){g[c]=s[h]+(u?0:l-r.offset()[h]);if(b.margin){g[c]-=parseInt(f.css('margin'+e))||0;g[c]-=parseInt(f.css('border'+e+'Width'))||0}g[c]+=b.offset[h]||0;if(b.over[h])g[c]+=f[i=='x'?'width':'height']()*b.over[h]}else{var o=f[h];g[c]=o.slice&&o.slice(-1)=='%'?parseFloat(o)/100*m:o}if(/^\d+$/.test(g[c]))g[c]=g[c]<=0?0:Math.min(g[c],m);if(!a&&b.queue){if(l!=g[c])t(b.onAfterFirst);delete g[c]}});t(b.onAfter);function t(a){r.animate(g,j,b.easing,a&&function(){a.call(this,n,b)})}}).end()};k.max=function(a,i){var e=i=='x'?'Width':'Height',h='scroll'+e;if(!d(a).is('html,body'))return a[h]-d(a)[e.toLowerCase()]();var c='client'+e,l=a.ownerDocument.documentElement,m=a.ownerDocument.body;return Math.max(l[h],m[h])-Math.min(l[c],m[c])};function p(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);


//http://binarykitten.me.uk/2009/02/11/jquery-image-preloader-plus-callbacks/
(function($){$.preLoadImages=function(imageList,callback){var pic=[],i,total,loaded=0;if(typeof imageList!='undefined'){if($.isArray(imageList)){total=imageList.length;for(i=0;i<total;i++){pic[i]=new Image();pic[i].onload=function(){loaded++;if(loaded==total){if($.isFunction(callback)){callback();}}};pic[i].src=imageList[i];}}
else{pic[0]=new Image();pic[0].onload=function(){if($.isFunction(callback)){callback();}}
pic[0].src=imageList;}}
pic=undefined;};})(jQuery);



jQuery(document).ready(function() {
	
	jQuery('div.thumbs').addClass('collapsed');
	jQuery('p.hide').css('display','block');
	
	var itemWidth = 189;
	var numItems = jQuery('div.thumbs ul img').length;
	var newWidth = numItems * itemWidth;
	
	jQuery('div.thumbs ul').width(newWidth);

	jQuery('div.thumbs ul li a').click(function(){
		jQuery('div.thumbs ul li a.active').removeClass('active');
		jQuery(this).addClass('active');
		jQuery('div.large img').attr('src', jQuery(this).attr('href').substring(5));
		jQuery("div.scroll").scrollTo(jQuery(this), 1000, {axis:'x', offset:{ left: -393 }, onAfter:function(){setupButtons()}});
		return false;
	});

	var setupButtons = function() {
		var rightMargin = 15; // margin width in pixels
		var shownWidth = 960; // pixels
		var fromLeft = jQuery('div.scroll').scrollLeft(); // get the current offset from Left
		var fromRight = newWidth - fromLeft - shownWidth;
		
		if(fromRight < (itemWidth - rightMargin)){
			jQuery('p.next').hide(500);
		}else{
			jQuery('p.next').show(500);
		}
		if(fromLeft < itemWidth){
			jQuery('p.prev').hide(500);
		}else{
			jQuery('p.prev').show(500);
		}
		//alert('fromLeft: ' + fromLeft + ', fromRight: ' + fromRight);
		return true;
	};

	setupButtons();

	jQuery('p.prev a, p.next a').click(function() {
		var direction = jQuery(this).parent('p').attr('class');
		
		if(direction == 'next') {
			jQuery('div.scroll').scrollTo('+=' + itemWidth + 'px', 500, {axis:'x', onAfter:function(){setupButtons()}});
		}else{
			jQuery('div.scroll').scrollTo('-=' + itemWidth + 'px', 500, {axis:'x', onAfter:function(){setupButtons()}});
		}
		return false;
	});
	
	jQuery('p.hide a').click(function() {
		jQuery('div.text').hide(500);					
		return false;
	});
	
	var images = new Array();
	jQuery('div.scroll a').each(function(){
		images.push(jQuery(this).attr('href').substring(5));									 
	});
	
	jQuery.preLoadImages(images);

});