var slider = {
	init: function() {
		slider.hints = Core.getElementsByClass('hint');
		slider.delay = 10000;
		slider.index = 0;
		slider.widthOffset = 0;
		
		slider.slide();
	},
	slide: function() {
		slider.widthOffset += 8;
		if (slider.index == slider.hints.length) {
			slider.index = 0;
			slider.hints[1].style.width = "100%";
		}
		if (slider.widthOffset < 100) {
			if (slider.index+1 < slider.hints.length) {
				slider.hints[slider.index+1].style.width = slider.widthOffset + "%";
			}
			slider.hints[slider.index].style.width = 100 - slider.widthOffset + "%";
			//if (slider.index+1 >= slider.hints.length) {slider.widthOffset = 100;}
			setTimeout("slider.slide()",40);
		} else {
			slider.widthOffset = 0;
			slider.hints[slider.index].style.width = 0;
			slider.index++;
			
			setTimeout("slider.slide()",slider.delay);
		}
	}
};

Core.start(slider);