var email_signup = { 
  startup: function() { 
  		
	/*
	// Add the showNewsletter() onclick event to the newsletter signup link on the home page		
	$('newsletterSignupLink').onclick = function() {
		new Effect.Fade('newsletterSignup', { 
		      duration: .5, 
		      fps: 50,
			  afterFinish: function() { 
				new Effect.Appear('newsletterSignupForm', {
				  duration: .5,
				  fps: 50,
				  queue:'end'
				})		  
			  }
			})		
		
		return false;
	}
	*/
	
	// Add the doNewsletterSignup() onclick event to the signup link on the home page	
	$('newsletterFormSubmit').onclick = function() {
	
		// validation
		if (!email_signup.validate()) {			
			return false;
		}
	
		// ajax submission handlers
		var handlerFunc = function(t) {
			$('submitStatus').innerHTML = t.responseText;
		}
		var errFunc = function(t) {
		    $('submitStatus').innerHTML = 'Error ' + t.status + ' -- ' + t.statusText;
		}	
				
		var newsletteremail = $('newsletteremail').value;
		var newslettername = $('newslettername').value;				
				
	    new Effect.Fade('newsletterForm', { 
	      duration: .5, 
	      fps: 50,
		  afterFinish: function() { 
			
			new Ajax.Updater('newsletterForm', '/wp-content/themes/motorrad/signup.php', {onComplete:function(){ new Effect.Highlight('newsletterForm');},asynchronous:true, evalScripts:true, parameters:'name='+newslettername+'&email='+newsletteremail, onSuccess:handlerFunc, onFailure:errFunc});
			
			new Effect.Appear('newsletterForm', {
			  duration: .5,
			  fps: 50,
			  queue:'end'
			})		  
		  }
		})				
			  
		return false;
	}  
  },
  
  validate: function() { 
	if ($('newslettername').value == 'yourname' 
		|| $('newslettername').value == '') {
		new Effect.Highlight('newslettername');
		return false; 
	}
		
	if ($('newsletteremail').value == 'yourname@email.com'
		|| $('newsletteremail').value == '') {
		new Effect.Highlight('newsletteremail');
		return false; 		
	}		
		
	return true; 	
  }
} 

imgs = new Array(), current=0, nIndex=0;

var album = { 
  startup: function() { 
  
	imgs = $('rotator').getElementsByTagName('img');
	for(i=1;i<imgs.length;i++) Element.hide(imgs[i]);
	$(imgs[0]).style.display = 'block';
	Effect.Appear(imgs[0]);
  
    new PeriodicalExecuter(album.cycle, 10) // change image every 10 seconds 
  }, 
  
  cycle: function() { 
	nIndex = imgs[current+1]?current+1:0;

    new Effect.Fade(imgs[current], { 
      duration: 1, 
      fps: 50,
	  afterFinish: function() { 
		new Effect.Appear(imgs[nIndex], {
		  duration: 1,
		  fps: 50,
		  queue:'end'
		})		  
	  }
	})
	
	current = nIndex;

  } 
}

// load everything we need
function moto_boot() {
	album.startup();	
}

window.onload = moto_boot