jQuery(function() {
	/*
	var slide = new noobSlide({
		box: $('slide_box'),
		startItem: 1,
		items: $ES('h3','slide_box'),
		interval: 5000,
		size: 602,
		autoPlay: true,
		handles: $ES('div.news','handles'),
		onWalk: function(currentItem,currentHandle){
			this.handles.extend(handles_slide).removeClass('active');
			$$(currentHandle,handles_slide[this.currentIndex]).addClass('active');
			// also walk with a backgroung of the whole carousel
			var idString = jQuery('#handles .active').attr('id');
			//alert(idString);
			carousel_bg_no = idString.substr(6, 1);
			carousel.style.background = 'url(\'/public/site/eleqtro/images/carousel-bg-' + carousel_bg_no + '.png\') no-repeat';
		}
	});
	var handles_slide = $ES('div.news','handles');
	// init carousel/ its background variables
	var carousel = document.getElementById('carousel');
	var carousel_bg_no = 1;
	slide.addHandleButtons(handles_slide);
	slide.walk(0);
	*/
	jQuery('#slide_box').cycle({
		fx:     'scrollLeft',
		timeout: 6000,
		speed: 700,
		startingSlide: 0,
		after: function (curr, next, opts) {
			var current = opts.currSlide+1;
			jQuery('#handles div').removeClass('active');
			jQuery('#handles #handle'+current).addClass('active');
			jQuery('#carousel').css('background-image','url(/public/site/eleqtro/images/carousel-bg-' + current + '.png)');
		}

	
	});
	
	jQuery('#handles #handle1').click(function() { 
		jQuery('#slide_box').cycle(0); 
		return false; 
	});
	jQuery('#handles #handle2').click(function() { 
		jQuery('#slide_box').cycle(1); 
		return false; 
	});
	jQuery('#handles #handle3').click(function() { 
		jQuery('#slide_box').cycle(2); 
		return false; 
	});
	
});