var reference_itemList = [
    {url: 'images/reference/bigship', title: 'Bigship'},
    {url: 'images/reference/lpo', title: 'LPO'},
    {url: 'images/reference/pileetplus', title: 'Pile et plus'},
    {url: 'images/reference/boero', title: 'Boero'},
    {url: 'images/reference/proloisirs', title: 'Proloisirs'},
    {url: 'images/reference/navicom', title: 'Navicom'}
];
var visionneuse_itemList = [
	{url: 'images/visonneuse/riastudio-inscription-newsletter-decouverte.png', title: 'Riastudio - Inscrivez vous à notre newsletter', lien: '/presentation/newsletter/'},
	{url: 'images/visonneuse/riastudio-adwords-qualified-individual.png', title: 'Riastudio - Adword Qualified Individual', lien: '/presentation/actualites.php'},
	{url: 'images/visonneuse/riastudio-synchronisation-en-temps-reel.png', title: 'Riastudio - Synchronisation en temps reél', lien: '/prestations/solution-e-business.php'},
	{url: 'images/visonneuse/riastudio-e-commerce-et-internet_banner.png', title: 'Riastudio - E-commerce et internet', lien: '#'}
];

function visionneuse_itemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
};

function visionneuse_getItemHTML(item)
{
   	return '<a href="' + item.lien +'"><img src="' + item.url + '" width="997" height="253" alt="' + item.title + '" /></a>';
};

function reference_itemVisibleInCallback(carousel, item, i, state, evt)
{
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    var idx = carousel.index(i, reference_itemList.length);
    carousel.add(i, reference_getItemHTML(reference_itemList[idx - 1]));
};

function reference_itemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
};
var ie = false;
if ($.browser.msie && $.browser.version.substr(0,1)<7) {
	ie = true;
}
function reference_getItemHTML(item)
{
	url = item.url;
	if(ie)
		url = url + '.gif';
	else
		url = url + '.png';
	
	 return '<a href="http://www.riastudio.fr/references/"><img src="' + url + '" width="218" height="166" alt="' + item.title + '" /></a>';
};



function visionneuse_itemVisibleInCallback(carousel, item, i, state, evt)
{
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    var idx = carousel.index(i, visionneuse_itemList.length);
    carousel.add(i, visionneuse_getItemHTML(visionneuse_itemList[idx - 1]));
};

var timer;
var varCarousel;

function avancer(){
		varCarousel.startAuto();
}

function mycarousel_initCallback(carousel)
{
	var temps = 7000;
	varCarousel = carousel;
	timer = setInterval("avancer()",temps);
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        clearInterval(timer);
    }, function() {
        timer = setInterval("avancer()",temps);
    });
};

jQuery(document).ready(function() {
    jQuery('#liste_reference').jcarousel({
		scroll: 2,
		animation: 'slow',
		wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: reference_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: reference_itemVisibleOutCallback}
	});
	jQuery('#visionneuse').jcarousel({
		scroll: 1,
		auto: 1,
		animation: 'slow',
		wrap: 'circular',
		initCallback: mycarousel_initCallback,
        itemVisibleInCallback: {onBeforeAnimation: visionneuse_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: visionneuse_itemVisibleOutCallback}
	});
});