$(document).ready(function(){
	
	
	var current_slide = 0;
	
	$('#index_slide_prev a').click(function() {
		current_slide = move_index_slide('prev', current_slide);
		return false;
	});
	$('#index_slide_next a').click(function() {
		current_slide = move_index_slide('next', current_slide);
		return false;
	});
	
	$('#index_slide_next a, #index_slide_prev a').click(function(){$(this).blur();});
	
	
	$('#index_slide_next').hover(
	function() {
		$(this).stop(true, true).animate({right:'-55px', width:'55px'},300);
	},
	function() {
		$(this).stop(true, true).animate({right:'-45px', width:'45px'},300);
	}
	); 
	
	$('#index_slide_prev').hover(
	function() {
		$(this).stop(true, true).animate({left:'-55px', width:'55px'},300);
	},
	function() {
		$(this).stop(true, true).animate({left:'-45px', width:'45px'},300);
	}
	);
	 
	
});

function move_index_slide(prevnext, current_slide) {
	var reelwidth = $('#index_slide_reel').css('width').replace("px", "")*1;
	var step = 940;
	var totalslides = (reelwidth/step);
	totalslides--;
	
	var previewstep = 240;
	
	// see if its current or not.
	if(prevnext=='prev') {
		current_slide--;
	} else {
		current_slide++;
	}
	
	var speed = 300;
	
	// now based on the number given, see if we should fast forward the slide, or pull back the slide. 
	if(current_slide>totalslides) {
		current_slide = 0;
		speed = 750;
	} else if(current_slide<0) {
		current_slide = totalslides;
		speed = 750;
	}
	
	nextreelposition = current_slide*step;
	nextpreviewposition = current_slide*previewstep;
	
	$('#index_slide_reel').animate({left:'-'+nextreelposition+'px'},speed);
	$('#index_slide_left_preview_slides').animate({left:'-'+nextpreviewposition+'px'},speed);
	$('#index_slide_right_preview_slides').animate({left:'-'+nextpreviewposition+'px'},speed);
	
	return current_slide;
}