var current = 0;
var total = 0;
var $slider;

function loadCurrentImage ()
{
	var $img = $slider.find('li:eq('+current+') img');
	
	if ($img.attr('src')!=$img.attr('longdesc')) {
  		loadImage($img);
	} else {
	  	$(this).fadeIn();
	}
}

function loadImage($img)
{
	var img = $img[0];
  	var new_src = $img.attr('longdesc');
  	
  	$img.bind("load", function () { $(this).fadeIn(); });
  	
	if (img.complete || img.complete === undefined) {
  	 	
  	 	// fix for cached images
        img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
        img.src = new_src;
        
    } else {
    	 img.src = new_src;
    }	
}

function next()
{
	if (current<total-1) {
		current ++;
		
		gotoCurrent();
	}
}

function previous()
{
	
	if (current>0) {
		current --;
		
		gotoCurrent();
	}

}

function gotoCurrent() {
	$slider.scrollTo('li:eq('+current+')', 600);
}


$(document).ready(function() {

	$.scrollTo.defaults.duration = 600;
	$.scrollTo.defaults.onAfter = loadCurrentImage;
	
	$slider = $('.slider');
	
	total = $slider.find('li').length;
	$slider.find('ul').css('width',total*770);
	
	$slider.find('li > img').hide();
	
	
	// prepate slider
	
	$slider.stop();
	
	// load first picture
	//loadCurrentImage ();
	gotoCurrent();
	
	// enable nav buttons
	
	$('.prev').bind('click', previous);
	$('.next').bind('click', next);
	
});