window.addEvent('domready', function(){
	var p;
	var i = $$('.wsRotatorMain')[0].get('rel').toInt() * 1000;
	var a = $$('.jsslide');
	
	var ch = function (){
		var f = a[0];
		a.shift(a[0]);
		a.push(f);
	}
	
	a[0].addClass('on');
	$$('#jsnav a')[a[0].get('rel').toInt()].addClass('on');
	
	var fx = function() {
		a[0].removeClass('on');
		$$('#jsnav a').removeClass('on');
		ch();
		a[0].addClass('on');
		$$('#jsnav a')[a[0].get('rel').toInt()].addClass('on');
	}
	p = fx.periodical(i);
	
	$$('#jsnav a').each(function(l){
		l.addEvent('click', function(e){
			new Event(e).stop();
			$clear(p);
			a[0].removeClass('on');
			$$('#jsnav a').removeClass('on');
			$$('#jsnav a')[l.get('rel').toInt()].addClass('on');
			
			a.empty();
			a.push($$('.jsslide')[l.get('rel').toInt()]);
			for(x = 0; x < $$('.jsslide').length; x++){
				if(x > l.get('rel').toInt()){
					a.push($$('.jsslide')[x]);
				}
			}
			for(x = 0; x < $$('.jsslide').length; x++){
				if(x < l.get('rel').toInt()){
					a.push($$('.jsslide')[x]);
				}
			}
			a[0].addClass('on');
			p = fx.periodical(i);
		});
	});
	/*
	$$('.wsRotatorMain')[0].addEvent('click', function(e){
			new Event(e).stop();
			document.location = a[0];
	});
	*/
});