var image_timer = null;
$(document).ready(function(){
    $('div#banner').append($('<a href="" class="prev">Previous</a>').click(moveBanner));
    $('div#banner').append($('<a href="" class="next">Next</a>').click(moveBanner));
    scheduleBanner();
});

function moveBanner(){
    content_div = $('body.index div#body div.content');
    if (!content_div.hasClass('animating')){
        clearTimeout(image_timer);
        content_div.addClass('animating');
        bg_pos = content_div.backgroundPosition().split(' ');
        if ($(this).hasClass('prev')){
            content_div.animate({ backgroundPosition : (parseInt(bg_pos[0]) + 1000) + 'px 20px' }, 1000, stopAnimation);
        }
        else {
            content_div.animate({ backgroundPosition : (parseInt(bg_pos[0]) - 1000) + 'px 20px' }, 1000, stopAnimation);
        }
    }
    return false;
}

function stopAnimation(){
    content_div = $('body.index div#body div.content');
    content_div.removeClass('animating');
    bg_pos = content_div.backgroundPosition().split(' ');
	if (parseInt(bg_pos[0]) < -1000){
		content_div.css({ backgroundPosition :  0 + 'px 20px' });
	}
	else if (parseInt(bg_pos[0]) > 0){
		content_div.css({ backgroundPosition :  -1000 + 'px 20px' });
	}
    clearTimeout(image_timer);
    scheduleBanner();
}

function scheduleBanner(){
	image_timer = setTimeout('moveBanner()', 6000)
}
