var textbox = new Class({
  //Options = {msg: 'Fill in Text', css: 'Orginial Class', over: 'On Over class'}
  initialize: function(element, options) {
    this.options = options;
					
		this.el = $(element);
		this.elid = element;
		
		this.el.className = this.options.css;
		this.el.value = this.options.msg;
	  
	  this.el.onfocus = function(){	    
			this.onFocus()
		}.bind(this);
		
		this.el.onblur = function(){	    
			this.onBlur()
		}.bind(this);
  },
  
  onFocus: function() {    
    if (this.el.value == this.options.msg) {      
      this.el.className = this.options.over;
      this.el.value = '';
    }
  },
  
  onBlur: function() {    
    if (this.el.value == '') {
      this.el.className = this.options.css;
      this.el.value = this.options.msg;
    }
  }
});

window.addEvent("domready", function() {   
 	 $('contact').href = 'mailto:info@manifesto.com.hk';
 	 
 	 $('unsubscribe').href = 'mailto:info@manifesto.com.hk?subject=Unsubscribe';
		
	 ftpuser = new textbox('user', {msg : 'Client ID', css : 'login', over : 'login_over'});
 	 ftppassword = new textbox('password', {msg : '', css : 'login_pwd', over : 'login_over'});
 	 
 	 $('login_submit').onmouseover=function() {
       this.src=this.src.replace(new RegExp(".jpg\\b"), "_o.jpg");
   };
   $('login_submit').onmouseout=function() {
       this.src=this.src.replace(new RegExp("_o\\b"), "");
   };

         search = new textbox('s', {msg : 'Blog search', css : '', over : ''});

 	 sign_email = new textbox('email', {msg : 'Email', css : 'sign', over : 'sign_over'});
 	 sign_name = new textbox('name', {msg : 'First Name', css : 'sign', over : 'sign_over'});
 	 
 	 var sign = $$('input.sign_submit'); 	 
 	 for (var i=0; i < sign.length; i++) { 	  
 	  sign[i].onmouseover=function() { 	    
      this.setStyle('background', 'url(images/tabs_bg_o.jpg)');      
    };
  	sign[i].onmouseout=function() {
  	  this.setStyle('background', 'url(images/submit_bg.jpg)');
  	};
 	 }
 	 
 	 var form = $('sub_form');
 	 form.onsubmit = function() {
 	  if ($('email').value.length == 0 || $('email').value == 'Email') {
 	   alert("Please provide a valid email address");
 	   return false;
 	  }
 	  
 	  var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
 	  if (!filter.test($('email').value)) {
 	   alert("Please provide a valid email address");
 	   return false;
 	  }
 	  
 	  if ($('name').value.length == 0 || $('name').value == 'First Name') {
 	   alert("Please fill in your first name");
 	   return false;
 	  }
 	 }
 	 
 	 li = $$('#blog_nav li');
 	 for (var i=0; i < li.length; i++) { 	  
 	  li[i].onmouseover=function() {
 	    if (!this.className.match(new RegExp("_active\\b"))) {
       this.className=this.className + '_hover';
      }
    };
  	li[i].onmouseout=function() {
  	  if (!this.className.match(new RegExp("_active\\b"))) {
  	   this.className=this.className.replace(new RegExp("_hover\\b"), "");
  	  }
  	};
 	 }
 });