// JavaScript Document
$(function(){
	$('.slider').append("<div class='arrow left'/><div class='arrow right'/>");
	$('.arrow').append('<span/>').fadeOut(2000);
	$('.slider').hover(function(){
		$('.arrow').fadeIn(400);
	},function(){
		$('.arrow').fadeOut(1500);
	});
	$('.slide').first().addClass('current');	   
	$('.arrow').click(function () {  
      if($(this).hasClass('left')){
		clearInterval(slider);
		slider= setInterval("rotateImages('forward')", 5000);
	  	rotateImages('back');
	  }else{
		clearInterval(slider);
		slider= setInterval("rotateImages('forward')", 5000);
	  	rotateImages('forward');
	  }	   
	});
	var slider= setInterval("rotateImages('forward')", 5000);
});
function rotateImages(move) {
	var oCurPhoto = $('.slide.current');
	if(move=='forward'){
		if(oCurPhoto.index()==$('.slide').last().index())
			var index = 0;		
		else
			var index = oCurPhoto.index()+1;
	}else{
		if(oCurPhoto.index()==$('.slide').first().index())
			var index = $('.slide').last().index();		
		else
			var index = oCurPhoto.index()-1;
	}
	var oNxtPhoto = $('.slide').eq(index);
	oCurPhoto.removeClass('current').addClass('previous').effect('slide', {'direction': 'right', 'mode':'hide', "easing": "linear"}, 500);  
	oNxtPhoto.addClass('current').effect('slide', 500,
		function() {
			oCurPhoto.removeClass('previous');
		});
}