$(document).ready(function(){

	var totWidth=0;
	var positions = new Array();

	$('#slides .slide').each(function(i){
		/* Loop through all the slides and store their accumulative widths in totWidth */
		positions[i]= totWidth;
		totWidth += $(this).find('img').width();

		/* The positions array contains each slide's commulutative offset from the left part of the container */

		if(!$(this).find('img').width())
		{
			alert("Please, fill in width & height for all your images!");
			return false;
		}
	});

	$('#slides').width(totWidth);

	/* Change the container div's width to the exact width of all the slides combined */

	$('#slide_menu ul li a').click(function(e){

		/* On a thumbnail click */
		$('li.menuItem').removeClass('act').addClass('inact');
		$(this).parent().addClass('act');

		var pos = $(this).parent().prevAll('.menuItem').length;

		$('#slides').stop().animate({marginLeft:-positions[pos]+'px'},450);
		/* Start the sliding animation */

		e.preventDefault();
		/* Prevent the default action of the link */
	});

	$('#slide_menu ul li.menuItem:first').addClass('act').siblings().addClass('inact');
	/* On page load, mark the first thumbnail as active */
});

function next_slide() {
	//$(slideshow).find('.slide:visible')
	var jq = $('#slide_menu li.menuItem.act').removeClass('act').addClass('inact').next();
	if(jq.length > 0) { jq.find('a').click().parent().addClass('act').removeClass('inact'); }
	else { $('#slide_menu li.menuItem:first a').click().parent().addClass('act').removeClass('inact'); }
}

function prev_slide() {
	var jq = $('#slide_menu li.menuItem.act').removeClass('act').addClass('inact').prev();
    if(jq.length > 0) { jq.find('a').click().parent().addClass('act').removeClass('inact'); }
    else { $('#slide_menu li.menuItem:last a').click().parent().addClass('act').removeClass('inact'); }

}