/*window.addEvent('domready',function(){

	var handles_more = $$('#handles_more span');
	var whSlider = new noobSlide({
		box: $('boxSlider'),
		items: $$('#sliderNavi span'),
		size: 791,
		fxOptions: { duration: 2000, transition: Fx.Transitions.Expo.easeInOut, wait: false	},
		handles: $$('#handles span'),
		addButtons: {previous: $('prev'), next: $('next') },
		onWalk: function(currentItem,currentHandle){
			$$(this.handles,handles_more).removeClass('active');
			$$(currentHandle,handles_more[this.currentIndex]).addClass('active');
		}
	});
	whSlider.addActionButtons('previous',$$('#boxSlider .prev'));
	whSlider.addActionButtons('next',$$('#boxSlider .next'));
	whSlider.walk(0,true,false);


});*/

//SAMPLE 4 (walk to item)

window.addEvent('domready', function(){
	var whSlider = new noobSlide({

		box: $('boxSlider'),

		items: $$('#sliderNavi span'),

		size: 791,

		handles: $$('#handles span'),
		
		addButtons: {

			previous: $('prevButton'),
			next: $('nextButton')

		},

		onWalk: function(currentItem,currentHandle){

			//$('info4').set('html',currentItem.getFirst().innerHTML);

			this.handles.removeClass('active');

			currentHandle.addClass('active');

		}

	});
	
	/*whSlider.addActionButtons('previous',$$('#boxSlider prev'));
	whSlider.addActionButtons('next',$$('#boxSlider next'));
	whSlider.walk(0,true,false);*/
	


})




/*window.addEvent('domready',function(){
	//var startItem = 3; // First item to be displayed
	var thumbs_mask7 = $('thumbs_mask7').setStyle('left',(startItem*60-568)+'px').setOpacity(0.8);
	var fxOptions7 = {duration:1000, transition:Fx.Transitions.Back.easeOut, wait:false}
	var thumbsFx = new Fx.Style(thumbs_mask7,'left',fxOptions7);
	var hs7 = new noobSlide({
		box: $('box7'),
		items: [0,1,2,3,4,5,6,7],
		handles: $ES('span','thumbs_handles7'),
		fxOptions: fxOptions7,
		onWalk: function(currentItem){
			thumbsFx.start(currentItem*60-568);
		},
		startItem: startItem
	});
	hs7.walk(0);
});*/
var showButton = function(target){


	if(target.id != 'nextButton' && target.id != 'prevButton'){
		setCount('currSlider', target.id);
		var curr = parseInt(target.id);
	}else{
		var curr = getCount('currSlider');	
		switch(target.id) {
		   case 'nextButton':
			   curr++;
			   setCount('currSlider', curr);
		      break;
		   case 'prevButton':
			   curr--;
			   setCount('currSlider', curr);
		      break;
		}
	}
	var count = getCount('countSlider');
	if(count != null){
		if(curr == count){
			var next = document.getElementById('next');
			if(next && next.style.display != 'none'){
				next.style.display = 'none'
			}
		}else{
			var next = document.getElementById('next');
			if(next && next.style.display != 'block'){
				next.style.display = 'block'
			}
		}
		if(curr == 1){
			var prev = document.getElementById('prev');
			if(prev && prev.style.display != 'none'){
				prev.style.display = 'none'
			}
		}else{
			var prev = document.getElementById('prev');
			if(prev && prev.style.display != 'block'){
				prev.style.display = 'block'
			}
		}	
	}	
}

var getCount = function(id){
	var count = null;
	var tmp = document.getElementById(id);
	if(tmp && tmp.value != null){
		var count = parseInt(tmp.value);	
	}
	return count;
}

var setCount = function(id, current){
	var tmp = document.getElementById(id);
	if(tmp){
		tmp.value = current;	
	}
}
