/**
 * @author zeglarze.net
 */

var Common = Class.create({
	
  index_tabs : ['menu-index-1', 'menu-index-2', 'menu-index-3', 'menu-index-4'],
  
  changeIndexTab : function( id ) {
	
	this.index_tabs.each(function(el) {
		$('box-' + el).hide();
		$('' + el).className = 'button';
	});
	$('box-' + id).show();
	$('' + id).className = 'button active';
	
    return false;
  }
});

//var common = new Common();

Event.observe(window, 'load', function() {
	
	if($('avatar-trigger')) {
		$('avatar-trigger').addClassName('lightview');
	}
	/*
	if($('menu-index-1'))
		$('menu-index-1').observe('click', function() {
			common.changeIndexTab('menu-index-1');
			return false;
		});
	if($('menu-index-2'))
		$('menu-index-2').observe('click', function() {
			common.changeIndexTab('menu-index-2');
			return false;
		});
	
	if($('menu-index-3'))
		$('menu-index-3').observe('click', function() {
			common.changeIndexTab('menu-index-3');
			return false;
		});
	
	if($('menu-index-4'))
		$('menu-index-4').observe('click', function() {
			common.changeIndexTab('menu-index-4');
			return false;
		});
	*/
	if($('postcard-form')) {
		var addr_index = 1;
		var postcardChange = function() {
			var image = new Image();
			var image_src = '/images/' + this.id + '.jpg';
			var image_id = this.id;
			image.src = image_src;
			image.onload = function() {
				$('postcard-image').value = image_id;
				$('postcard-area').style.backgroundImage = 'url(\'' + image_src + '\')';
			}
		}
		var filter = /^(([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+([;.](([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+)*$/
		Event.observe('addr-1', 'blur', function() {
			 if(filter.test( $('addr-1').getValue() )) {
				 $('addr-1').style.border = '0px';
			 } else {
				 $('addr-1').style.border = '1px solid red'; 
			 }
		 });
		
		Event.observe('postcard-add-address', 'click', function() {
			
			if(addr_index == 10)
				return false;
			
			 ++addr_index;
			 new Insertion.Bottom('postcard-address-box', 
					 '<br/>' + addr_index +'. <input id="addr-'+ addr_index + '" type="text" name="addr[]"/>');
			 (function(addr_index_m){
			 Event.observe('addr-' + addr_index, 'blur', function() {
				 
				 if(filter.test( $('addr-' + addr_index_m).getValue() )) {
					 $('addr-' + addr_index_m).style.border = '0px';
				 } else {
					 
					 $('addr-' + addr_index_m).style.border = '1px solid red'; 
				 }
			 });
			 })(addr_index)
	
		});
		
		var postcards = ['postcard1', 'postcard2', 'postcard3', 'postcard4', 'postcard5']
		postcards.each( function(el) {
			Event.observe(el, 'click', postcardChange);
		}
		)
		
		Event.observe('postcard-submit', 'click', function() {
			
			var validation = true;
			for(i = 1 ; i <= addr_index ; i++ ) {
				if( !filter.test( $('addr-' + i).getValue() )) {
					$('addr-' + i).style.border = '1px solid red';
					validation = false;
				 }
			}
			
			if( !validation )
				return false;
			
			$('postcard-form').submit();
		});
	}
}
)