/* ********************************************************************
	Main : Scroller : configuration properties.
******************************************************************** */

var defaults = {
	vertical: false,
	start: 1,
	offset: 1,
	size: null,
	scroll: 1,
	visible: null,
	animation: 'fast',
	easing: 'swing',
	auto: 0,
	wrap: null,
	initCallback: null,
	reloadCallback: null,
	itemLoadCallback: null,
	itemFirstInCallback: null,
	itemFirstOutCallback: null,
	itemLastInCallback: null,
	itemLastOutCallback: null,
	itemVisibleInCallback: null,
	itemVisibleOutCallback: null,
	buttonNextHTML: '<div></div>',
	buttonPrevHTML: '<div></div>',
	buttonNextEvent: 'click',
	buttonPrevEvent: 'click',
	buttonNextCallback: null,
	buttonPrevCallback: null
};


function mycarousel_initCallback(carousel)
{
    // 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() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
	// show content
	$("#box2 ul li").css("visibility", "visible");
	// intiate jcarousel
    jQuery('#mycarousel').jcarousel({
        auto: 6,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});