function liveClock()  {
         var today  = new Date();
         var second = today.getSeconds();
         var minute = today.getMinutes();
         var hour   = today.getHours();
         var hour24 = today.getHours();
         var ampm   = "";
         
         var day    = today.getDay();
         var date   = today.getDate();
         var month  = today.getMonth();
         var year   = today.getFullYear();
         
         var days   = new Array();
          days[0]   = "Sunday";
          days[1]   = "Monday";
          days[2]   = "Tuesday";
          days[3]   = "Wednesday";
          days[4]   = "Thursday";
          days[5]   = "Friday";
          days[6]   = "Saturday";
          
         var mns   = new Array();
          mns[0]   = "January";
          mns[1]   = "February";
          mns[2]   = "March";
          mns[3]   = "April";
          mns[4]   = "May";
          mns[5]   = "June";
          mns[6]   = "July";
          mns[7]   = "August";
          mns[8]   = "September";
          mns[9]   = "October";
          mns[10]  = "November";
          mns[11]  = "December";
           
        if(second<10)
            {
                second = "0"+second;
            }
            
        if(minute<10)
            {
                minute = "0"+minute;
            }
            
        if(hour24<=11)
            {
                ampm = "AM";
            }
            
        else
            {
                ampm = "PM"
            }
            
        if(hour24>=13)
            {
                hour= hour-12;
            }
            
        if(hour24==0)
            {
                hour=12;
            }
        
        //document.getElementById('liveClock').innerHTML=(hour+":"+minute+":"+second+" "+ampm+' '+days[day]+', '+date+' '+mns[month]+' '+year);
		$('#timeDate').html(hour+':'+minute+':'+second+' '+ampm+' - '+days[day]+' - '+date+' '+mns[month]+' - '+year);
}


function formSwitch(formName, formMake, formModel, formType, formInfo){
	
	if(formName == 'test-drive-booking'){
		if(formType == 'new'){
			formName = 'test-drive-booking-new';
		} else {
			formName = 'test-drive-booking-used';
		}
	}
	
	if(formName == 'vehicle-enquiry'){
		if(formType == 'new'){
			formName = 'vehicle-enquiry-new';
		} else {
			formName = 'vehicle-enquiry-used';
		}
	}
	
	$('#lowerFormArea').css('height', $('#lowerFormArea #actualForm #feedbackForm').height());
		$('#lowerFormArea #actualForm').fadeOut(300, function(){
			$('#lowerFormArea #actualForm #feedbackForm').remove();
			//$('#lowerFormArea').append('<div id="tempLoadingMsg" class="hidden">loading.....</div>')
			$('#lowerFormArea').append('<div id="tempLoadingMsg" class="hidden"><h2><img src="/images/ajax-loader.gif" width="56" height="21" /></h2></div>')
			$('#tempLoadingMsg').fadeIn(300);
			
			if(formName == "service-booking"){
				$('#lowerFormArea').removeClass('lowerFormArea');
				$('#lowerFormArea').addClass('lowerFormAreaService');
			} else {
				$('#lowerFormArea').removeClass('lowerFormAreaService');
				$('#lowerFormArea').addClass('lowerFormArea');
			}
			
			$('#lowerFormArea #actualForm').load('/forms/' + formName + '.aspx', function(){
				$('#tempLoadingMsg').fadeOut(300, function(){
					$('#tempLoadingMsg').remove();
					
					$('#lowerFormArea #actualForm').fadeIn(300);
					$('#lowerFormArea').animate({
						height: $('#lowerFormArea #actualForm #feedbackForm').height()	
					}, 1000, 'easeOutExpo', function(){
						$('#lowerFormArea').removeAttr('style');
					});
					
					formSubjectChange();
					submitWireUp(formName, formMake, formModel, formType, formInfo);
			});
		})
	});
		
}

function submitWireUp(formName, formMake, formModel, formType, formInfo){
	
	var pageURL = window.location.href;
	$("#feedbackForm input[name='return']").val(pageURL);
	
	if(formName == 'vehicle-enquiry-new'){
		//$('#feedbackForm input[name=Vehicle make]').val(formMake);
		$('#feedbackForm input[name=Vehicle model]').val(formModel);
	}
	
	if(formName == 'vehicle-enquiry-used'){
		$('#feedbackForm textarea[name=Vehicle details]').text(formInfo);
	}
	
		
	if(formName == 'test-drive-booking-new' || formName == 'brochure-request'){
		
		if(formName == 'test-drive-booking-new'){
			$('#feedbackForm input[name="Date for test drive"]').datepicker({
				dateFormat: 'dd-mm-yy'
			});
		}
		
		$("#feedbackForm select[name='Model of vehicle'] option[value=" + formModel + "]").attr("selected", true);

	}
	
	if(formName == 'service-booking'){
		$('#feedbackForm input[name="Ideal date for service"]').datepicker({
			dateFormat: 'dd-mm-yy'
		});
	}
	
	if(formName == 'test-drive-booking-used'){
		
		$('#feedbackForm input[name="Date for test drive"]').datepicker({
			dateFormat: 'dd-mm-yy'
		});
		$('#feedbackForm textarea[name=Vehicle details]').text(formInfo);
	}
	
	if(formName == 'tell-a-friend'){
		$('#feedbackForm textarea[name=information]').text(formInfo);
		$('#feedbackForm input[name=subject]').val('Your friend wishes to let you know about a ' + formMake + " " + formModel + ' they have seen online');
		$('#feedbackForm input[name=vehicleLink]').val(formType);
		$('#feedbackForm input[name=vehicleMake]').val(formMake);
		$('#feedbackForm input[name=vehicleModel]').val(formModel);
	}
	
	if(formName == 'stock-update'){
		$('#feedbackForm textarea[name=Used vehicle required]').text('I would like to be contacted when you take delivery of any used ' + formInfo + '.');
	}
	
	$(".button").click(function(e) {
		
		jQuery.validator.messages.required = "";
		$("#feedbackForm").validate({
			
			invalidHandler: function(e, validator) {
				var errors = validator.numberOfInvalids();
				if (errors) {
					var message = errors == 1
						? 'You missed 1 field.<br />It has been highlighted above'
						: 'You missed ' + errors + ' fields.<br />They have been highlighted above';
					$("div.formErrors").html('<div id="feedbackForm" class="formError"><img src="/images/form-error.jpg" width="50" height="50" alt="Form errors" class="left paddingRight" /><p>' + message + '</p></div>');
					$("div.formErrors").fadeIn(1000);
				} else {
					$("div.formErrors").fadeOut(1000);
				}
			},
			messages: {
				from_address: {
					required: "",
					email: "Invalid email address format"
				}
			},
			rules: {
     			from_address: {
       			required: true,
      			email: true
     			}
   			},
			success: function(label) {
				//label.addClass("valid").text("")
			},
			submitHandler: function(form){	
				$("div.formErrors").hide();
				e.preventDefault();
				
				if(formName == 'tell-a-friend'){
					
					$.ajax({
						type: "POST",
						url: "/forms/scripts/tell-a-friend.asp",
						data: $("#feedbackForm").serialize(),
						async: false,
						success: function(msg) {
							
							$('#lowerFormArea').css('height', $('#lowerFormArea #actualForm #feedbackForm').height());
							$('#lowerFormArea #actualForm').fadeOut(300, function(){
								$('#lowerFormArea #actualForm #feedbackForm').remove();
								if(msg != "successful"){ // error returned from server
									$('#actualForm').append('<div id="feedbackForm" class="formError"><h2>There was a problem sending your request..!!</h2><img src="/images/form-send-fail.jpg" width="110" height="110" alt="Enquiry failed" class="left paddingRight" /><p>The following error was returned by the server:<br />' + msg + '</p><div class="clear"></div></div>')
								} else { // request sent successfully
									$('#actualForm').append('<div id="feedbackForm" class="successful"><h2>Your friend has been emailed..!!</h2><img src="/images/form-send-sent.jpg" width="110" height="110" alt="Enquiry sent" class="left paddingRight" /><p>Thank you for letting your friend know about this vehicle</p><div class="clear"></div></div>')
								}
								$('#lowerFormArea #actualForm').fadeIn(300);
								$('#lowerFormArea').animate({
									height: $('#lowerFormArea #actualForm #feedbackForm').height()	
								}, 1000, 'easeOutExpo');
							});
							
						}	
					});
					
				} else {
				
					$.ajax({
						type: "POST",
						url: "/forms/scripts/feedback.asp",
						data: $("#feedbackForm").serialize(),
						async: false,
						success: function(msg) {
							
							$('#lowerFormArea').css('height', $('#lowerFormArea #actualForm #feedbackForm').height());
							$('#lowerFormArea #actualForm').fadeOut(300, function(){
								$('#lowerFormArea #actualForm #feedbackForm').remove();
								
								if(msg != "successful"){ // error returned from server
									$('#actualForm').append('<div id="feedbackForm" class="formError"><h2>There was a problem sending your request..!!</h2><img src="/images/form-send-fail.jpg" width="110" height="110" alt="Enquiry failed" class="left paddingRight" /><p>The following error was returned by the server:<br />' + msg + '</p><div class="clear"></div></div>')
								} else { // request sent successfully
									$('#actualForm').append('<div id="feedbackForm" class="successful"><h2>Your enquiry has been successfully sent..!!</h2><img src="/images/form-send-sent.jpg" width="110" height="110" alt="Enquiry sent" class="left paddingRight" /><p>Thank you.<br />We shall contact you soon.</p><div class="clear"></div></div>')
								}
								$('#lowerFormArea #actualForm').fadeIn(300);
								$('#lowerFormArea').animate({
									height: $('#lowerFormArea #actualForm #feedbackForm').height()	
								}, 1000, 'easeOutExpo');
							});
							
						}	
					});
				
				}
				return false;
			} // end of submit handler
		});
	}); // end of button press fuunction
}

function formSubjectChange(){
	
	$('#feedbackForm select[name=subject]').change(function(){
	
		var formName = $(this).val().toLowerCase().replace(/ /g,"-");
		formSwitch(formName);
	});
}

function formLinkWireUp(){
	
	$('a[data-event="openForm"], area[data-event="openForm"]').click(function(){
		if($(this).attr('data-location')){ // open in the upper area
			
			$.scrollTo( 0, 500);
			$('#notificationArea').html('Loading....');
			$('#formArea').load('/forms/' + $(this).attr('data-name') + '.aspx', function(){
				
				if($('#formContainer').css('display') == 'block'){ // form area already open
					$('#formContainer').animate({
						height: $('#formArea').height()						
					}, 1000, 'easeOutExpo');
				} else { // form are not open yet
					$('#formContainer').slideDown(1000, 'easeOutExpo');
				}
				$('#formAreaClose img').click(function(){
					$('#formContainer').slideUp(1000, 'easeOutExpo', function(){
						$('#formArea').html('');
					});
				});
			
				$('#notificationArea').html('');
					
			});
			
		} else { // open in the lower area
			
			var scrollPoint = $('.miniFormBottom').position();
			$.scrollTo( scrollPoint.top, 500);
			var formName = $(this).attr('data-name');
			var formMake = $(this).attr('data-make');
			var formModel = $(this).attr('data-model');
			var formType = $(this).attr('data-type');
			var formInfo = $(this).attr('data-info');
			formSwitch(formName, formMake, formModel, formType, formInfo);
		}
		
	});
	
} 

function globalForm(){
		if (jQuery.support.ajax){}
}


$(document).ready(function(){
	
	$.ajaxSetup({async: false});
		$.getScript('/scripts/jquery/JQui-1.8.5.custom.min.js');
		$.getScript('http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b473c9a0c1b1dba');
	$.ajaxSetup({async: true});
	
	$('#returnTop').click(function() {
		$.scrollTo( 0, 500);
	return false;
	});

	$('ul.sf-menu').superfish({ 
    	delay:       1000,                            // one second delay on mouseout 
        animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
        speed:       'fast',
		autoArrows:  false,
        dropShadows: false 
    });
	
	$(function(){
   		var path = location.pathname.substring(1);
   		if ( path ){
			$('#navigation a').parent().removeClass('navSelected');
     		//$('#navigation a[href$="' + path + '"]').parent('li:first').attr('class', 'selected');
			
			$('#navigation a[href$="' + path + '"]').parents('li:last').addClass('navSelected');
			//alert($('#navigation a[href$="' + path + '"]').parents());
		
			
		} else {
			$('#navigation a[href$="/"]:first').parent().attr('class', 'navSelected');
		}
 	});

		
	$.ajaxSetup( {
		cache : false
	});
	
	$('#breadCrumbs #backButton').click(function(){
		history.go(-1);
	});
	
	setInterval('liveClock()', 1000);
	
	formLinkWireUp();
	formSubjectChange();
	submitWireUp();

});