var visibleDiv = $("slideSheet1");
var currentButtonIndex= 0;
function toggle(newSrc){
	if($("slideSheet1").fx){$("slideSheet1").fx.stop();}
	if($("slideSheet2").fx){$("slideSheet2").fx.stop();}
	if(visibleDiv == $("slideSheet1")){
		$("image2").src = newSrc;
		$("slideSheet1").fx = new Fx.Style($("slideSheet1"), 'opacity', {duration: 1000}).start(0);
		$("slideSheet2").fx = new Fx.Style($("slideSheet2"), 'opacity', {duration: 1000}).start(1);
		visibleDiv = $("slideSheet2");
	}else{
		$("image1").src = newSrc;
		$("slideSheet1").fx = new Fx.Style($("slideSheet1"), 'opacity', {duration: 1000}).start(1);
		$("slideSheet2").fx = new Fx.Style($("slideSheet2"), 'opacity', {duration: 1000}).start(0);
		visibleDiv = $("slideSheet1");
	}
}

function loadImages(buttonsAndImages){
	for(biPairKey in buttonsAndImages) {
		var image = new Element('img',{ src:buttonsAndImages[biPairKey], style:'margin:3px;' });
		$(biPairKey).image = image;
	}
}

function toogleDM(maxIndex){
	currentButtonIndex++;
	if( currentButtonIndex > maxIndex)
		currentButtonIndex= 1;
	var buttonName= 'button'+currentButtonIndex;
	var button= document.getElementById(buttonName);
	var newSrc= button.image.src;
	toggle(newSrc);
}