jQuery.noConflict();

jQuery(function($){
	
	var form = $('#contact form');
	
	form.zinePretifyForm();
	
	$(document).ready(function(){
		$('#send_message').click(function(e){
			e.preventDefault();
			var error = false;
			var name = $('#name').val();
 			var service = $('#service').val();
			var email = $('#email').val();

			if(name.length == 0){
				var error = true;
				$('#name_error').fadeIn(500);
			} else {
				$('#name_error').fadeOut(500);
			}
			if(email.length == 0 || email.indexOf('@') == '-1'){
				var error = true;
				$('#email_error').fadeIn(500);
			} else {
				$('#email_error').fadeOut(500);
			}
			
			 if(error == false){
				$('#send_message').attr({'disabled' : 'true', 'value' : 'Sending...' });
				$.post("email.php", $("#contact_form").serialize(),function(result){
					if(result == 'sent'){
						$('#cf_submit_p').remove();
						$('#name').attr({'enabled' : 'false', 'value' : '' });
						$('#email').attr({'enabled' : 'false', 'value' : '' });
						$('#service').attr({'enabled' : 'false', 'value' : '' });
						$('#mail_success').fadeIn(500);
					} else {
						$('#mail_fail').fadeIn(500);
						$('#send_message').removeAttr('disabled').attr('value', 'Send Message');
					}
				});
			}
		});
	});


	
});

(function($){
	
	$.fn.zinePretifyForm = function(){
		return this.each(function(){

			var form = $(this);

			form.find('input[type=button],input[type=submit]').each(function(){

				var originalButton = $(this),
					button = $('<span>',{
						className	: 'button',
						html		: originalButton.val()+'<span></span>'
					});
					
				button.insertAfter(originalButton.hide());
				
				button.click(function(){
					originalButton.click();
				});

			});
			
			form.find('input[type=checkbox]').each(function(){

				var originalCheckBox = $(this),
					checkBox = $('<span>',{
						className	: 'checkBox '+(this.checked?'checked':'')
					});
				
				checkBox.insertAfter(originalCheckBox.hide());
				
				checkBox.click(function(){
					checkBox.toggleClass('checked');
					originalCheckBox.attr('checked',checkBox.hasClass('checked'));
				});

			});
			
			form.find('input[type=radio]').each(function(){
				
				var originalRadio = $(this),
					radio = $('<span>',{
						className	: 'radio '+(this.checked?'checked':'')
					});
				
				radio.insertAfter(originalRadio.hide());
				
				radio.click(function(){
					$('input[type=radio][name='+originalRadio.attr('name')+']').each(function(){
						$(this).next().removeClass('checked');
					});
					
					radio.addClass('checked');
					originalRadio.attr('checked',true);
				});
				
			});
			
			form.find('select').each(function(){
			
				var select = $(this);
			
				var selectBoxContainer = $('<span>',{
					width		: select.outerWidth(),
					className	: 'selectContainer',
					html		: '<div class="selectBox"></div><span></span>'
				});
			
				var dropDown = $('<ul>',{className:'dropDown'});
				var selectBox = selectBoxContainer.find('.selectBox');
				
				select.find('option').each(function(i){
					var option = $(this);
					
					if(i==select.attr('selectedIndex')){
						selectBox.html(option.text());
					}
					
					var li = $('<li>',{
						html:	option.html()
					});
							
					li.click(function(){
						
						selectBox.html(option.text());
						dropDown.trigger('hide');
						
						select.val(option.val());
						return false;
					});
					
					dropDown.append(li);
				});
				
				selectBoxContainer.append(dropDown.hide());
				select.hide().after(selectBoxContainer);
				
				dropDown.bind('show',function(){
					
					if(dropDown.is(':animated')){
						return false;
					}
					
					selectBox.addClass('expanded');
					dropDown.slideDown('fast');
					
				}).bind('hide',function(){
					
					if(dropDown.is(':animated')){
						return false;
					}
					
					selectBox.removeClass('expanded');
					dropDown.slideUp('fast');
					
				}).bind('toggle',function(){
					if(selectBox.hasClass('expanded')){
						dropDown.trigger('hide');
					}
					else dropDown.trigger('show');
				});
				
				selectBoxContainer.click(function(){
					dropDown.trigger('toggle');
					return false;
				});
			
				$(document).click(function(){
					dropDown.trigger('hide');
				});
			});
			
		});
	}
	
})(jQuery);