/**
 * We use the initCallback callback
 * to assign functionality to the controls
 */
 var  countSE
 
function mycarousel_initCallback(carousel) {
	var  $slideElements = jQuery('#slide li');
	countSE = $slideElements.length;
	var  paneltabs = jQuery('.jcarousel-control');
	paneltabs.empty();
	var ahref = '';
	for (i=0; i< countSE; i++)
	{
		ahref = jQuery('<a href="#" id="aslide_'+(i+1)+'">'+(i+1)+'</a>');
		paneltabs.append(ahref);
	}
	
    jQuery('.jcarousel-control a').bind('click', function(el, off) {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
		return false;
    });
	
	
    jQuery('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

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

function initializecarousel(){
	jQuery("#start_slider").jcarousel({
        scroll: 1,
		wrap: 'circular',
		auto: 5,
        initCallback: mycarousel_initCallback,
		itemVisibleInCallback: setActiveLink,
		itemVisibleOutCallback: setActiveLink,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
};

function  setActiveLink(carousel, obejctli,liindex,listate)
{
	var newIndex = ((liindex-1) % countSE)+1;
	jQuery('#aslide_'+newIndex).toggleClass("selected");
}