function firstpositionNode(nodeName, n, noGaps, level, show) {
	switch (level) {
		case "1":
			var top = "140px";
			if( typeof ( window.innerWidth ) == 'number' ) // not IE
			   {var gapWidth = window.innerWidth / noGaps;}
			else //is IE
			   {var gapWidth = (document.documentElement.clientWidth / noGaps);}	
			var left = n * gapWidth - 50 + "px";
			break;
		case "2":
			var top = "300px";
			var left = noGaps;
			break;
		case "3":
			var top = "460px";
			var left = noGaps;
			break;
			
		case "4":
			var top = "620px";
			var left = noGaps;
			break;}	
	        //{alert(left+" " + top);}							
		$(nodeName).setStyle({
		left: left,
		top: top,
		opacity: show});}

function arrangeNode(nodeName, n, noGaps, show){
	if( typeof ( window.innerWidth ) == 'number' ) // not IE
	   {var gapWidth = window.innerWidth / noGaps;}
	else //is IE
	   {var gapWidth = (document.documentElement.clientWidth / noGaps);}	
	var left = n * gapWidth - 50 + "px";

		$(nodeName).setStyle({
		left: left,
		opacity: show}); }

function hideNode(nodeName){
		$(nodeName).setStyle({
		left: "-150px",
		opacity: 0});
}
function hideDiv(divName){
		$(divName).setStyle({
		opacity: 0});
}

function Alerter(text) {
 {alert(text);}}

function setFormPosition(sourceDiv, targetDiv){
	        var sourcePosX = $(sourceDiv).offsetLeft;
	        var sourcePosY = $(sourceDiv).offsetTop;
			var screenWidth = window.innerWidth;
			var screenHeight = window.outerHeight ;
			if (sourcePosX + 100 >= screenWidth) {
			  sourcePosX = sourcePosX - 100 ;}
			if (sourcePosY + 470 - window.scrollY >= screenHeight) {
			  sourcePosY = sourcePosY - 242 ;}
			$(targetDiv).style.left = sourcePosX + 80 + "px";
			$(targetDiv).style.top = sourcePosY+ "px";}

function showSignupForm() {
	new Effect.Parallel([
	  new Effect.Opacity('main', {to:0.3}),
	  new Effect.Opacity('signup_form', {to:1})], {duration:1} );  
	$('audio_player').setStyle({
		marginLeft: "-400px"});
	$('signup_form').setStyle({
		left: "400px"});
		}

function closeSignupForm() {
	new Effect.Parallel([
	  new Effect.Fade('signup_form'),
	  new Effect.Opacity('main', {to:1.0}),
	  new Effect.Appear('audio_player')	  
	], {duration:1} );
		$('audio_player').setStyle({
		marginLeft: "450px"});
	$('signup_form').setStyle({
		left: "-400px"});		
		}