$(function(){
	var holder = $('<div class="slideQQ"></div>');
	var form = $('<form method="post"></form>');
	
	var bg = (typeof(homeQuoteImg) != "undefined") ? homeQuoteImg : 'img/home_qq_close.png';
	
	var close = $('<div class="close"></div>')
	.data('state','closed')
	.click(function(){
		switch($(this).data('state')){
			case 'closed':
				$(this).css('background-image','url('+bg+')').data('state','open');
				$(form).animate({
					left:'0px'
				},500);
				$(holder).animate({
					width:'372px'
				},500);
				break;
			case 'open':
				$(form).animate({
					left:'-306px'
				},500);
				$(holder).animate({
					width:'66px'
				},500);
				$(this).css('background-image','none').data('state','closed');
				break;
		}
	});
	
	if(typeof(mazdaModels) != "undefined"){
		var formDrop = '<select name="form[User][Vehicle of Interest]" tabindex="5" style="top:223px;">'
			+'<option value="">Model*</option>';
		$.each(mazdaModels,function(k,v){
			formDrop += '<option value="'+k+'">'+v+'</option>';
		});
		formDrop += '</select>';
	}else{
		var formDrop = '<input type="text" name="form[User][Vehicle of Interest]" tabindex="5" style="top:223px;" value="Model*"/>';
	}
	
	var formData = '<input type="text" name="form[User][First]" tabindex="1" style="top:80px;" value="First Name*"/>'
		+'<input type="text" name="form[User][Last]" tabindex="2" style="top:116px;" value="Last Name*"/>'
		+'<input type="text" name="form[User][Phone]" tabindex="3" style="top:152px;" value="Phone Number"/>'
		+'<input type="text" name="form[User][Email]" tabindex="4" style="top:188px;" value="Email*"/>'
		+formDrop
		+'<input type="text" name="form[User][Zip]" tabindex="6" style="top:260px;" value="Zip Code*"/>'
		+'<input type="image" src="img/blank.gif" tabindex="7" style="left:52px;top:373px;width:197px;height:55px;padding:0px;"/>'
		+'<input type="text" name="form[Extras][Valid]" class="invs"/>'
		+'<input type="hidden" name="form[Extras][Required]" value="User|First,User|Last,User|Email,User|Zip,User|Vehicle of Interest"/><input type="hidden" name="form[Extras][Type]" value="Quick Quote"/>';
	
	close.appendTo(form);
	form.prepend(formData).appendTo(holder).bind('submit',function(){
		var validity = true;
		
		form.find('input[type="text"]').each(function(){
			if($(this).val() == $(this).data('init') && $(this).attr('name') != 'form[Extras][Valid]' && $(this).attr('name') != 'form[User][Phone]'){
				validity = false;
			}
		});
		if(form.find('select').val() == ''){
			validity = false;
		}
				
		if(validity == false){
			alert('Please fill out all fields');
		}else{
			$.trackGoogleEvent("Form Submission","Lead Submission","Home Slide Out Quote");
		}		
		
		return validity;
	});
	holder.appendTo('body');
	
	form.find('input[type="text"]').each(function(){
		$(this).data('init',$(this).val())
		.bind('focus',function(){
			if($(this).val() == $(this).data('init')){
				$(this).val('');
			}
		})
		.bind('blur',function(){
			if($(this).val() == ''){
				$(this).val($(this).data('init'));
			}
		});
	});
	

	
});