// JavaScript Document
(function($) {
	$.fn.addBorders = function(){
		this.each(function() {
		var obj = $(this);
		
		var wrap0 = $('<div></div>')
		.css({"backgroundImage": "url(desimage/shadow6.png)","padding": "1px"})
		
		var wrap1 = $('<div></div>')
		.css({"backgroundImage": "url(desimage/shadow6.png)","padding": "1px"})
		
		var wrap2 = $('<div></div>')
		.css({"backgroundImage": "url(desimage/shadow5.png)","padding": "1px"})
		
		var wrap3 = $('<div></div>')
		.css({"backgroundImage": "url(desimage/shadow5.png)","padding": "1px"})
		
		var wrap4 = $('<div></div>')
		.css({"backgroundImage": "url(desimage/shadow5.png)","padding": "1px"})
		
		obj.wrap(wrap0).wrap(wrap1).wrap(wrap2).wrap(wrap3).wrap(wrap4);		
		 });
	};
})(jQuery);

(function($) {
	$.fn.toggleFormFields = function(){
		this.each(function() {
		var obj = $(this);
		obj.data("value", obj.val())
		obj.bind("focus",function(){
								  if(obj.data("value") == obj.val())
								    obj.val("");
								});
		obj.bind("blur",function(){
								 if(obj.val().match(/^([zZ]\d{3})*$/)){
								   obj.val(obj.data("value"));
								 }
								 });
		 });
	};
	
	$.fn.loadFacebookMenu = function(options){ // default configuration properties
        this.each(function() {
			var obj = $(this);
            var timer;
            obj.click(function(){
                $("#facebookMenu").slideDown()
            })
            obj.bind("mouseover",function(){ clearTimeout(timer) })
            obj.bind("mouseout",function(){
                timer = setTimeout(function(){$( "#facebookMenu").stop().hide() },250)
            })
            $("#facebookMenu").bind("mouseover",function(){clearTimeout(timer)})
            $("#facebookMenu").bind("mouseout",function(){
                timer = setTimeout(function(){ $("#facebookMenu").stop().hide() },250)
            })

        });
	}
	
	
	$.fn.validation = function(){
		this.each(function(){
		  var self = $(this);
		  var inputs = self.find("select, input, textarea");
			
			self.bind("submit", function(){
		    var retVal = true;
			inputs.each(function(index) {
				var obj = $(this);
				if(obj.data("border") == null)
				  obj.data("border", obj.css("border-color"));
				if(obj.data("background") == null)
				  obj.data("background", obj.css("background-color"));				
				if(obj.hasClass("val_fill"))
				  if((obj.val() == "") || (obj.val() == obj.data("value"))){
					obj.css("border-color", "#FF3737");
					obj.css("background-color", "#F5DCDC");
					obj.bind("focus", function(){
											   
											   obj.css("border-color",obj.data("border"));
											   obj.css("background-color",obj.data("background"));
											   });	
				    retVal = false;
				  }
				 if(obj.hasClass("val_num"))
				  if(!obj.val().match(/^[0-9]+$/)){
					obj.css("border-color", "#FF3737");
					obj.css("background-color", "#F5DCDC");
					obj.bind("focus", function(){
											   obj.css("border-color",obj.data("border"));
											   obj.css("background-color",obj.data("background"))
											   });				
				    retVal = false;
				  }
				  if(obj.hasClass("val_email"))
				  if(!obj.val().match(/(\w[-._\w]*\w@\w[-._\w]*\w\.\w{2,3})/)){
					obj.css("border-color", "#FF3737");
					obj.css("background-color", "#F5DCDC");
					obj.bind("focus", function(){
											   obj.css("border-color",obj.data("border"));
											   obj.css("background-color",obj.data("background"))
											   });					
				    retVal = false;
				  }
				  if(obj.hasClass("val_check"))
				  if(!obj.attr('checked')){
					var div = $("<div></div>").css({"border":"solid 3px #f00","background-color":"#F5DCDC","padding":"5px 1px"});
					obj.parent().wrap(div);
					
				    retVal = false;
				  }
				
			});
			return retVal;
			})
		})		
	};
	
	
	
	
})(jQuery);



  //invoke the function to initialise the shaded borders around divs with class "shadow"
  $(document).ready(function(){	
	$(".shadow").addBorders();		
  
  $(":image, .mouseOver").css("cursor","pointer").hover(				
	  function () {$(this).css("opacity","0.7");}, 
	  function () {$(this).css("opacity","1");}
	);
  $(".validate").validation();
  $("#facebookIcon").loadFacebookMenu({});
  $(":text").toggleFormFields();
  });