autoSlide = autotime;//1=>true,0=>false
slideSpeed = 5;//second

var imgURLs = new Array();
var slideImgs = new Array();
var img_term = 0;
var slideIntObject;
var paused = 0;
Event.observe(window, 'load', function() {

	$$('#featureThumbs a').each(function(i) {

		var e = i.readAttribute('href');

		imgURLs.unshift(i);
		slideImgs.unshift(e);
		Event.observe(i,'mouseover',function() {
			
			paused = 1;
			
			$$('#featureBig li').invoke('hide');
			$$(e).invoke('show');

			$$('#featureThumbs a').each(function(x) {
				x.removeClassName('active');
			});

			img_term = parseInt(i.innerHTML) - 1 ;

			i.addClassName('active');

			return false;
		});
		
		Event.observe(i,'mouseout',function() {
			paused = 0;
		});
		return false;

	});

	if(autoSlide) {
		var imgCount = imgURLs.length;

		slideIntObject = setInterval(function() {
			//console.log(img_term);
			if(!paused) {
				img_term = (img_term == imgCount-1)?0:(img_term+1);
				for(j=0;j<imgCount;j++)
				{
					i = imgURLs[img_term];
					e = slideImgs[img_term];
					$$('#featureBig li').invoke('hide');
					$$(e).invoke('show');
					$("feature"+(j+1)+"Thumb").removeClassName('active');
				}

				$("feature"+(img_term+1)+"Thumb").addClassName('active');
			}
		}, (slideSpeed*1000));
	}

	function change(ref) {
		$$('#featureBig li').invoke('hide');
		alert(ref);

	};

	$$('#featureBig li').invoke('hide');
	$('feature1').show();

});