$(document).ready(function() {

			$('#submit').click(function(){
				$('form').fadeOut('fast', function(){
					$(this).after('<img src="style/img/load.gif" class="loading-image" />');
					var str = $('form').serialize();
					$.ajax({
						   type: "POST",
						   url: $('form').attr('action'),
						   data: str,
						   dataType: 'json',
						   success: function(msg){
								if(msg.status=='ok'){
									$('form').after('<p class="success">'+msg.message+'</p>');
									$('.loading-image').remove();
								} else {
									$('.error').removeClass('error');
									for(i=0; i<msg.errors.length; i++){
										$('#'+msg.errors[i].id).addClass('error');
									}
									$('.loading-image').fadeOut('fast', function(){$('form').fadeIn('fast'); $(this).remove();});
								}
						   }
						});
							
				});
				return false;
			});
			
		    createDropDown();
		    
		    $(".dropdown dt a").click(function() {
		        $(".dropdown dd ul").toggle();
				return false;
		    });

		    $(document).bind('click', function(e) {
		        var $clicked = $(e.target);
		        if (! $clicked.parents().hasClass("dropdown"))
		            $(".dropdown dd ul").hide();
		    });
		                
		    $(".dropdown dd ul li a").click(function() {
		        var text = $(this).html();
		        $(".dropdown dt a").html(text);
		        $(".dropdown dd ul").hide();
		        
		        var source = $("#select-source");
		        source.val($(this).find("span.value").html())
				return false;
		    });

		    $('.contact-text-input, .contact-textarea').focus(function(){
				if($(this).val()==$(this).attr('rel'))$(this).val('');
			 });

		    $('.contact-text-input, .contact-textarea').blur(function(){
				if($(this).val()=='')$(this).val($(this).attr('rel'));
			 });
		    
		    $('input, textarea').each(function(i){
		    	$(this).attr('rel', $(this).val());
		    });
			 
		});

		function createDropDown(){
		    var source = $("#select-source");
		    var selected = source.find("option[selected]");
		    var options = $("option", source);
		    
		    $("#select-input").append('<dl id="target" class="dropdown"></dl>')
		    $("#target").append('<dt><a href="#">' + selected.text() + 
		        '<span class="value">' + selected.val() + 
		        '</span></a></dt>')
		    $("#target").append('<dd><ul style="height:201px;overflow-y:scroll;height:200px;"></ul></dd>')

		    options.each(function(){
		    	if(!$(this).attr('disabled'))$("#target dd ul").append('<li style="background:none;"><a href="#">' + 
			            $(this).text() + '<span class="value">' + 
			            $(this).val() + '</span></a></li>');
		    	else $("#target dd ul").append('<li style="background:none;" class="title">' + 
			            $(this).text() + '</li>');
		    });
		}