function isValueInArray(arr, val) {
	inArray = false;
	for (i = 0; i < arr.length; i++)
		if (val == arr[i])
			inArray = true;
	return inArray;
}

function removeItems(array, item) {
var i = 0;
while (i < array.length) {
if (array[i] == item) {
array.splice(i, 1);
} else {
i++;
}
}
return array;
}

function mycarousel_initCallback(carousel) {
  $('.jcarousel-control a').bind('click', function() {
      carousel.scroll($.jcarousel.intval($(this).attr('id')));
      return false;
  });

  $('#mycarousel-next').bind('click', function() {
      carousel.next();
      return false;
  });

  $('#mycarousel-prev').bind('click', function() {
      carousel.prev();
      return false;
  });
  
  carousel.clip.hover(function() {
        carousel.stopAuto();
  }, function() {
        carousel.startAuto();
  });
};

function mycarousel_itemLoadCallback(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    
    $("#loader").show();
    
    $.get(
        'load_images.php',
        {
            first: carousel.first,
            last: carousel.last
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};

function mycarousel_itemAddCallback(carousel, first, last, xml)
{
    // Set the size of the carousel
    carousel.size(parseInt($('total', xml).text()));

    $('image', xml).each(function(i) {
        carousel.add(first + i, mycarousel_getItemHTML($(this).text()));
    });

    $("#loader").hide();
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(url)
{
    return '<img src="' + url + '" width="679" height="320" alt="Decart" />';
};

$(document).ready(function() {
  $('#scroller').jcarousel({
    scroll: 1,
    auto: 3,
    animation: 2000,
    wrap: 'circular',
    initCallback: mycarousel_initCallback,
    buttonNextHTML: null,
    buttonPrevHTML: null,
    //itemVisibleOutCallback: {onAfterAnimation: function(carousel, item, i, state, evt) { carousel.remove(i); }},
    itemLoadCallback: mycarousel_itemLoadCallback,
    itemFirstInCallback: {onBeforeAnimation: function(){$("#loader").show();}}
  });
  
  $(".jcarousel-control").jImagePreloader();
  
  $("a[href='#top']").click(function(){
		$('html, body').animate({scrollTop:0}, 'slow');
	});
});