// JavaScript Document

$('#slidercontainer').removeClass('nojs')

	
	var speed = 0;
	var minimum = 0;
	
	//work out contents width
	var maximum = 0;
	jQuery.each($(".sliderbx"),function(){
maximum += parseInt($(this).css("width"));
	});
	$("#bannerbx").css("width",maximum);
	
	
	maximum -= parseInt($("#sliderbxcont").css("width"));
	
	//maximum += 36;
	setInterval(update,20);
	
	$("#banleft").mouseover(function(){
$("#speed").stop();
$("#speed").animate({"left": "300px"}, 500);
	})
	
	$("#banright").mouseover(function(){
$("#speed").stop();
$("#speed").animate({"left": "100px"}, 500);
	})
	
	$("#banleft").mouseout(function(){
$("#speed").stop();
$("#speed").animate({"left": "200px"}, 500);
	})
	
	$("#banright").mouseout(function(){
$("#speed").stop();
$("#speed").animate({"left": "200px"}, 500);
	})
	
	function update() {
lv = $("#speed").css("left");
lv = parseInt(lv)-200;
if (!lv) lv=0;
speed = lv/10;
$("#v1").html(" " +speed);
//pos += Number($("#speed").css("left"));
current = $("#bannerbx").css("left");
current = parseInt(current);
current += speed;

if (current>0) current=0;
if (current<-maximum) current=-maximum;
$("#v2").html(current);
$("#bannerbx").css("left", current);
	}