// coin.js
// for join by join

var currentframe = 0;

window.onload = function () {
	$('chooser').appear({queue: 'front'});
	$('topOfThePop').appear();
	
	$('topbar').appear({queue: 'end'});
	
	// Initialisation des liens
	for(var i=1; i<=4; i++) {
		$$('#chooser'+i+' a').first().observe("click", function(e){Event.stop(e); frameChange(e.target);});
	}
}

function frameChange(elt) {
	elt.blur();
	var f;
	var nb = elt.up().id.charAt(7);
	if(currentframe != 0)
		$('frame'+currentframe).fade({queue: 'front'});
	if(currentframe != nb) {
		$('frame'+nb).appear({queue: 'end'});
		currentframe = nb;
		f = currentframe;
	} else { // Fermeture
		currentframe = 0; f = "";
	}
	
	// remplacement de l'image
	$('chooser').style.backgroundImage = "url('images/chooser" + f + ".jpg')";
}