Event.observe(window, 'load', init, false);

var img = new Array('slide1', 'slide2', 'slide3', 'slide4', 'slide5', 'slide6', 'slide7', 'slide8', 'slide9');
var timer = 6000;
var cnt = 0;
var stopInterval = 0;

function init() {
	var dv = $('slideshow_toggle');
	var a = dv.getElementsByTagName('a');
	
    for(var i = 0; i < a.length; i++) {
    	Event.observe(a[i], 'click', changeFeature, false);
    }
    
    startSwap();
}

function changeFeature() {
	stopSwap();
	var sl = $$('div.slides');
	var attrib = this.readAttribute('href');
	attrib = attrib.substring((attrib.indexOf('#') + 1));
	attrib = (attrib * 1) - 1;
	for(var i = 0; i < sl.length; i++) {		
		if(attrib == i) {
    		if(sl[i].style.display == 'none') {
    			Effect.Appear(sl[i], {duration: 1, from: 0.0, to: 1.0});
    		}
    	} else {
    		Effect.Fade(sl[i], {duration: 1, from: 1.0, to: 0.0});
    	}
	}   

	var dv = $('slideshow_toggle');
	var a = dv.getElementsByTagName('a');
	
    for(var i = 0; i < a.length; i++) {    	
    	if(this == a[i]) {
    		this.addClassName('toggle_active');
    	} else {
    		a[i].removeClassName('toggle_active');
    	}
    }
	
    return false;
}

function startSwap() {
	stopInterval = setInterval('swapFade()', timer);
}

function stopSwap() {
	clearInterval(stopInterval);
}

function swapFade() {	
	Effect.Fade(img[cnt], {duration: 1, from: 1.0, to: 0.0});
	cnt++;
	if(cnt == img.length) {
		cnt = 0;
	}
	swapDangle();
	Effect.Appear(img[cnt], {duration: 1, from: 0.0, to: 1.0});
	
}

function swapDangle() {
	var dv = $('slideshow_toggle');
	var a = dv.getElementsByTagName('a');
	
	for(var i = 0; i < a.length; i++) {   
    	var attrib = a[i].readAttribute('href'); 
    	attrib = attrib.substring((attrib.indexOf('#') + 1));
		attrib = (attrib * 1) - 1;	
    	if(cnt == attrib) {
    		a[i].addClassName('toggle_active');
    		a[i].addClassName('dangle');
    	} else {
    		a[i].removeClassName('toggle_active');
    		a[i].addClassName('dangle');
    	}
    }
}