$(document).ready(function () {

    //rotation speed and timer
    var speed = 5000;
    var run = setInterval('rotate()', speed);

    //grab the width and calculate left value
    var item_width = $('#OynatDiv3 li').outerWidth();
    var left_value = item_width * (-1);

    //move the last item before first item, just in case user click prev button
    $('#OynatDiv3 li:first').before($('#OynatDiv3 li:last'));

    //set the default item to the correct position 
    $('#OynatDiv3 ul').css({ 'left': left_value });

    //if user clicked on prev button
    $('#OynatA1').click(function () {

        //get the right position            
        var left_indent = parseInt($('#OynatDiv3 ul').css('left')) + item_width;

        //slide the item            
        $('#OynatDiv3 ul:not(:animated)').animate({ 'left': left_indent }, 200, function () {

            //move the last item and put it as first item            	
            $('#OynatDiv3 li:first').before($('#OynatDiv3 li:last'));

            //set the default item to correct position
            $('#OynatDiv3 ul').css({ 'left': left_value });

        });

        //cancel the link behavior            
        return false;

    });


    //if user clicked on next button
    $('#OynatA2').click(function () {

        //get the right position
        var left_indent = parseInt($('#OynatDiv3 ul').css('left')) - item_width;

        //slide the item
        $('#OynatDiv3 ul:not(:animated)').animate({ 'left': left_indent }, 200, function () {

            //move the first item and put it as last item
            $('#OynatDiv3 li:last').after($('#OynatDiv3 li:first'));

            //set the default item to correct position
            $('#OynatDiv3 ul').css({ 'left': left_value });

        });

        //cancel the link behavior
        return false;

    });

    //if mouse hover, pause the auto rotation, otherwise rotate it
    $('#OynatDiv3').hover(

		function () {
		    clearInterval(run);
		},
		function () {
		    run = setInterval('rotate()', speed);
		}
	);

});

//a simple function to click next link
//a timer will call this function, and the rotation will begin :)  
function rotate() {
    $('#OynatA2').click();
}