// JavaScript Document

$(document).ready(function(){



	

	$('.page_copy .box li').hover(function(){

		var offset=$(this).offset();

		$('body').append('<div class="homepage_rollover">'+this.title+'</div>');

		$('.homepage_rollover').css('left',offset['left']+20).show();

	},function(){

		$('.homepage_rollover').remove();

	});

	

	

	$('select#city').change(function(){

		if($(this).val()!='0'){

			this.form.submit();

		}

	});

	

	$('.rowGreen_mid p').click(function(){

		$(this).children('b').toggle();

		//track call click via AJAX call here

		$.get('system.ajax.php?id='+this.id.split('_')[1]);

	});

	

	$('.rowBlue_mid p').click(function(){

		hideBlock();

		$(this).parents('.w200px').attr('class','w500px');

		var offset=$(this).offset();



		$('.inputBlock h2').html(this.title);

		$('.inputBlock #id').val(this.id.split('_')[1]);

		$('.inputBlock').css('top',offset['top']-300).css('left',offset['left']+250).show();

	});

	$('.inputBlock form').submit(function(){

		//hideBlock();

		

		//validating the form

		$('.error').remove();

		ok=true;

		if($('#name').val()==''){

			$('#name').parent('TD').append('<div class="error">Required</div>');

			ok=false;

		}

		if($('#email').val().indexOf('@')==-1){

			$('#email').parent('TD').append('<div class="error">Enter valid email</div>');

			ok=false;

		}

		if($('#phone').val()!=''&&!$('#phone').val().match(/\d{3}\-\d{3}\-\d{4}/)){

			$('#phone').parent('TD').append('<div class="error">Enter valid phone</div>');

			ok=false;

		}

		else if($('#phone').val()!=''){

			//checking the time_to_call

			if($('#time_to_call').val()==''){

				$('#time_to_call').parent('TD').append('<div class="error">Please specify</div>');

				ok=false;

			}

		}

		

		//finally checking if we can submit the form

		if(ok){

			var request=$(this).serialize();

			var uri=this.action;

			$.ajax({

				type: "POST",

				url:  uri,

				data: request,

				success: function (data) {

					// Parse back result

//					alert(data);

					$('.inputBlock h2').html(data);

					$('.inputBlock form fieldset').fadeTo("fast",0.33);

					$('.inputBlock form div .btn_subm').hide();

				},

				error: function (xmlhttp) {

					alert('An HTTP error '+ xmlhttp.status +' occured.\n'+ uri);

				}

			});

			

		}

		return false;

	});

	

	$('.inputBlock form .btn_close').click(function(){

		hideBlock();

	});

	

	function hideBlock(){

		$('.w500px').attr('class','w200px');

		$('.inputBlock').hide();

		$('.inputBlock form fieldset').fadeTo("fast",1);

		$('.inputBlock .error').remove();

		$('.inputBlock form div .btn_subm').show();

	}

	

	

});