
// Alter standard slideshow controls to fit with new design
if(Common.$("slideshow-toolbar")) {


	var output = '<li class="slideshow-toggle"><span></span><a id="slideshow-on" href="#" onClick="Common.$(\'slideshow-off\').style.background =\'transparent\';Common.$(\'slideshow-off\').style.color =\'#555e73\';this.style.color=\'#fff\';this.style.background=\'#555e73\';g.stop();g.play();return false;" class="on" style="display:block;height:31px;float:left;background:transparent;color:#555e73;">on</a> <span style="display:block;float:left;width:10px;text-align:centre;">&nbsp;/</span> <a href="#" onClick="Common.$(\'slideshow-on\').style.background = \'transparent\';Common.$(\'slideshow-on\').style.color =\'#555e73\';this.style.color=\'#fff\';this.style.background=\'#555e73\';g.stop();return false;" style="background-color:#555e73;color:#fff;text-decoration:none;display:block;height:31px;float:left;" id="slideshow-off" class="off">off</a></li>';
	output += '<li class="slideshow-speed"><a href="#" onClick="if(g.options.interval > 500){g.decrease_interval(250);return false;}" class="faster"><span></span>faster</a> / <a href="#" onClick="if(g.options.interval <= 4000){g.increase_interval(250);return false;}" class="slower"><span></span>slower</a></li>';
	output += '<li class="slideshow-random"><a href="#" onClick="g.stop();g.play_random();return false;" class="random"><span></span>random</a></li>';

	Common.$("slideshow-toolbar").innerHTML = output;
	
	// Slow default interval down
	g.options.interval = 1500;
}

