/*
 *
 * 	Y3m.de - Banner Slider
 *	banner-slider.js
 *
 */
 
 
 jQuery(document).ready(function(){
								 
								
		function bannercarousel_initCallback(carousel)
{

	// create external navigation
		jQuery('.jcarousel-container').prepend('<div class="banner-controls-navi"></div>');
		jQuery( ".banner-item" ).each(

				function( intIndex ){
					var index = intIndex + 1;
					// give the first one an active stae
					if (intIndex != 0) {
						jQuery('.banner-controls-navi').append('<span class="banner-navi-item">'+index+'</span>');
					} else {
						jQuery('.banner-controls-navi').append('<span class="banner-navi-item-cur">'+index+'</span>');
					}
				 }
			 );
		
		jQuery('.jcarousel-prev').bind('click', function() {
        carousel.prev();
		var old = jQuery('.banner-navi-item-cur');
		if (jQuery(old).prev()) {
		jQuery(old).removeClass('banner-navi-item-cur').addClass('banner-navi-item');
		jQuery(old).prev().addClass('banner-navi-item-cur');
		}
        return false;
    });

    jQuery('.jcarousel-next').bind('click', function() {
        carousel.next();
		var old = jQuery('.banner-navi-item-cur')
		if (jQuery(old).next()) {
		var old = jQuery('.banner-navi-item-cur').removeClass('banner-navi-item-cur').addClass('banner-navi-item');
		jQuery(old).next().addClass('banner-navi-item-cur');
		}
        return false;
    });

		
		jQuery('.banner-controls-navi span').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
		// change class of the btn
		
		var old = jQuery('.banner-navi-item-cur').removeClass('banner-navi-item-cur').addClass('banner-navi-item');
		jQuery(this).addClass('banner-navi-item-cur');
        return false;
    });

		
};

		
		// init Carusel
		jQuery('.banner-carousel').jcarousel({
        	animation: 'slow',
			initCallback: bannercarousel_initCallback
    	});
		
		
	
 });