/*
 *
 *  Trendmarke.de
 *	banner-slider.js
 *
 */
 
 
 jQuery(document).ready(function(){
								 
								
	function bannercarousel_initCallback(carousel) {
		// create external navigation
		jQuery('.banner-content').prepend('<div class="banner-controls-navi"></div>');
		jQuery( ".banner-element" ).each(
				function( intIndex ){
					var index = intIndex + 1;
					// give the first one an active state
					if (intIndex != 0) {
						jQuery('.banner-controls-navi').append('<span class="banner-navi-item" id="'+index+'"></span>');
					} else {
						jQuery('.banner-controls-navi').append('<span class="banner-navi-item-cur" id="'+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() {
		// check if last element
        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).attr('id')));
		// 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;
    });

		
};

/* set the point in the nav */
function bannernav_reset(carousel,element,index,operation) {
			jQuery('.banner-navi-item-cur').removeClass('banner-navi-item-cur').addClass('banner-navi-item');
			jQuery('.banner-controls-navi #'+jQuery(element).attr('jcarouselindex')).addClass('banner-navi-item-cur');
};
		
		// init Carusel
		jQuery('.banner-content').jcarousel({
        	animation: 'slow',
			wrap: 'both',
			scroll: 1,
			auto: 10,
			initCallback: bannercarousel_initCallback,
			itemVisibleInCallback: bannernav_reset
			});
		
		
	
 });