$(document).ready(function(){	

	summer_slider();
});
/*************************************************************************************************************/
function summer_slider(){

	var image_width = 0;
	var slider_total_width = 0;
	var pos = 0;
	var i = 1;
	var j = 0;
	var positions = new Array();	
	var panel_width = 165;
	var total_slides = $('#slider .panel img').size();	



	for(j=0;j<total_slides;j++){
		positions[j] = slider_total_width;
		slider_total_width += panel_width;
	}	
	
	$('#slider').css('width',slider_total_width);
	$('#left').addClass('disleft');
	
	$('#left').click(function(e){
		if (pos>0){
		pos = pos-1;
			$('#slider').stop().find('#slider .panel').eq(pos).animate({width: slider_total_width + 'px'}, 10);
			$('#slider').stop().animate({marginLeft: -positions[pos] + 'px'},300);
			$('#right').removeClass('disright');
			i=pos;		
			e.preventDefault();			
				if (pos==0){
					$('#left').addClass('disleft');
				}			
		}
		
	})
	
	$('#right').click(function(e){

		if (pos<positions.length-1 && (pos!=total_slides-5)){
		pos = pos+1;	

			$('#slider').stop().find('#slider .panel').eq(pos).animate({width: slider_total_width + 'px'}, 100);
			$('#slider').stop().animate({marginLeft: -positions[pos] + 'px'},300);
			$('#left').removeClass('disleft');
			i=pos;
			e.preventDefault();

			if (pos==(total_slides-5)){
					$('#right').addClass('disright');
		
			}
			
		}
	})

}