$(document).ready(function(){
	jQuery(".iphone .screen").jcarousel({
	    scroll: 1,
	    auto: 5,
	    wrap: 'last',
	    animation: 500,
	    initCallback: mycarousel_initCallback,
	    // This tells jCarousel NOT to autobuild prev/next buttons
	    buttonNextHTML: null,
	    buttonPrevHTML: null,
	    itemVisibleInCallback: {
								onBeforeAnimation:  mycarousel_reloadCallback
							   }
	});
});

function mycarousel_initCallback(carousel) {
    jQuery('.game-desc .screenshots a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr('rel')));
        carousel.startAuto(0);
        
        return false;
    });


    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
}

function mycarousel_reloadCallback(carousel, item, idx, state){
	$('.game-desc .screenshots a').removeClass('selected');
	$('.game-desc .screenshots a[rel='+idx+']').addClass('selected');
}