var mycarousel_itemList = [
	{url: '/uploadedFiles/File/productsAutos_Image_1361388181_tn.JPG', link: '/uploadedFiles/File/productsAutos_Image_1361388178.JPG', title: 'A'},{url: '/uploadedFiles/File/productsAutos_Image_1361388287_tn.JPG', link: '/uploadedFiles/File/productsAutos_Image_1361388283.JPG', title: 'B'},{url: '/uploadedFiles/File/productsAutos_Image_1361389048_tn.JPG', link: '/uploadedFiles/File/productsAutos_Image_1361389044.JPG', title: 'C'},{url: '/uploadedFiles/File/productsAutos_Image_1361389068_tn.JPG', link: '/uploadedFiles/File/productsAutos_Image_1361389063.JPG', title: 'D'},{url: '/uploadedFiles/File/productsAutos_Image_1361389085_tn.jpg', link: '/uploadedFiles/File/productsAutos_Image_1361389082.jpg', title: 'E'},{url: '/uploadedFiles/File/productsAutos_Image_1361389112_tn.jpg', link: '/uploadedFiles/File/productsAutos_Image_1361389097.jpg', title: 'F'},{url: '/uploadedFiles/File/productsAutos_Image_1361389131_tn.jpg', link: '/uploadedFiles/File/productsAutos_Image_1361389128.jpg', title: 'G'},{url: '/uploadedFiles/File/productsAutos_Image_1361389151_tn.JPG', link: '/uploadedFiles/File/productsAutos_Image_1361389147.JPG', title: 'H'},{url: '/uploadedFiles/File/productsAutos_Image_1361389189_tn.JPG', link: '/uploadedFiles/File/productsAutos_Image_1361389185.JPG', title: 'I'},{url: '/uploadedFiles/File/productsAutos_Image_1361389207_tn.JPG', link: '/uploadedFiles/File/productsAutos_Image_1361389202.JPG', title: 'J'},{url: '/uploadedFiles/File/productsAutos_Image_1361389228_tn.JPG', link: '/uploadedFiles/File/productsAutos_Image_1361389225.JPG', title: 'K'},{url: '/uploadedFiles/File/productsAutos_Image_1361389251_tn.JPG', link: '/uploadedFiles/File/productsAutos_Image_1361389247.JPG', title: 'L'},{url: '/uploadedFiles/File/productsAutos_Image_1361389283_tn.JPG', link: '/uploadedFiles/File/productsAutos_Image_1361389279.JPG', title: 'M'},{url: '/uploadedFiles/File/productsAutos_Image_1361389424_tn.JPG', link: '/uploadedFiles/File/productsAutos_Image_1361389421.JPG', title: 'N'}];

function mycarousel_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, mycarousel_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};

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

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item) {
    return '<img src="' + item.url + '"  alt="' + item.title + '" onclick="showImage(\'' + item.link + '\');" />';
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
		showImage("/uploadedFiles/File/productsAutos_Image_1361388178.JPG");		
});

/* To Put The Image In */
function showImage(src) {   
	$("#loader").addClass("loading");
	$("#loader img").fadeOut("slow").remove();	
	var img = new Image();
	$(img).load(function () {
			$(this).hide();
			$('#loader').removeClass('loading').append(this);
			$(this).fadeIn("slow");
	}).error(function () {
			// notify the user that the image could not be loaded
	}).attr('src', src);
}