function over(o){o.src = o.src.substr(0, (o.src.length - 4)) + '_ro' + o.src.substr(o.src.length - 4);}
function out(o){o.src = o.src.substr(0, (o.src.length - 7)) + o.src.substr(o.src.length - 4);}

var arrowPosition = 225;
var position1 = 225;
var position2 = 467;
var position3 = 640;
var position4 = 765;
var position5 = 885;
var newPosition;
var movingArrow = 0;
var timer;

$(document).ready(function() {
    $('#slideshow').cycle({
		fx: 'fade',
		speedIn: 900,
		speedOut: 2000,
		before: slideChange,
		timeoutFn: function (curr, next, options, forward) { 
           return parseInt($(curr).attr('data-duration'));}
		});
		
		$('#slide_nav_1').click(function() {
		$('#slideshow').cycle(0);
		newPosition = position1;
		moveArrow();
		return false;
		});

		$('#slide_nav_2').click(function() {
	  $('#slideshow').cycle(2);
		newPosition = position2;
		moveArrow();
		return false;
		});

		$('#slide_nav_3').click(function() {
	  $('#slideshow').cycle(4);
		newPosition = position3;
		moveArrow();
		return false;
		});

		$('#slide_nav_4').click(function() {
	  $('#slideshow').cycle(6);
		newPosition = position4;
		moveArrow();
		return false;
		});

		$('#slide_nav_5').click(function() {
	  $('#slideshow').cycle(8);
		newPosition = position5;
		moveArrow();
		return false;
		});

});

function slideChange(curr, next, options, forward)
{

switch (options.nextSlide)
{
case 0:
		newPosition = position1;
		moveArrow();
		break;
case 2:
		newPosition = position2;
		moveArrow();
		break;
case 4:
		newPosition = position3;
		moveArrow();
		break;
case 6:
		newPosition = position4;
		moveArrow();
		break;
case 8:
		newPosition = position5;
		moveArrow();
		break;
default: //do nothing;
}

}

function moveArrow()
{
movingArrow = 1;
if (newPosition > arrowPosition)
{
//move right
moveArrowRight();
}
else
{
//move left
moveArrowLeft();
}

}

function moveArrowRight()
{
if (arrowPosition != newPosition)
{
document.getElementById('slide_nav_arrow').style.marginLeft = (arrowPosition + 4) + 'px';
arrowPosition = arrowPosition + 4;
if (newPosition - arrowPosition < 4)
{
document.getElementById('slide_nav_arrow').style.marginLeft = newPosition + 'px';
arrowPosition = newPosition;
}
timer = setTimeout('moveArrowRight()',1);
}
}

function moveArrowLeft()
{
if (arrowPosition != newPosition)
{
document.getElementById('slide_nav_arrow').style.marginLeft = (arrowPosition - 4) + 'px';
arrowPosition = arrowPosition - 4;
if (arrowPosition - newPosition < 4)
{
document.getElementById('slide_nav_arrow').style.marginLeft = newPosition + 'px';
arrowPosition = newPosition;
}
timer = setTimeout('moveArrowLeft()',1);
}
}