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, formBranch){
	
	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';
		}
	}
	
	if($('#lowerFormArea #actualForm #feedbackForm').size() > 0){ // A form is already open
		$('#lowerFormArea').css('height', $('#lowerFormArea #actualForm #feedbackForm').height());
		$('#lowerFormArea #actualForm').fadeOut(300, function(){
			$('#lowerFormArea #actualForm #feedbackForm').remove();
			$('#lowerFormArea #actualForm').load('/assets/forms/' + formName + '.aspx', function(){
				$('#lowerFormArea #actualForm').fadeIn(300);
				$('#lowerFormArea').animate({
					height: $('#lowerFormArea #actualForm #feedbackForm').height()	
				}, 1000, 'easeOutExpo', function(){
					$('#lowerFormArea').removeAttr('style');
					formSubjectChange();
					submitWireUp(formName, formMake, formModel, formType, formInfo, formBranch);
					formClose();
				});
			})
		});
	} else { // form is in a closed state
		$('#lowerFormArea').css('height', 0);
		$('#lowerFormArea #actualForm').load('/assets/forms/' + formName + '.aspx', function(){
			$('#lowerFormArea').animate({
				height: $('#lowerFormArea #actualForm #feedbackForm').height()	
			}, 1000, 'easeOutExpo', function(){
				$('#lowerFormArea').removeAttr('style');
				formSubjectChange();
				submitWireUp(formName, formMake, formModel, formType, formInfo, formBranch);
				formClose();
				var scrollPoint = $('#formTitle').position();
				var winHeight = $(window).height();
				$.scrollTo( (scrollPoint.top)+winHeight , 500);
			});
		});
	}
		
}

function formClose(){
	$('#formClose').click(function(){
		$('#lowerFormArea').slideUp(300, function(){
			$('#lowerFormArea #actualForm #feedbackForm').remove();
		});
	});
}

function submitWireUp(formName, formMake, formModel, formType, formInfo, formBranch){
	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 == 'vehicle-enquiry-used' || formName == 'test-drive-booking-used'){ // Bespoke for Crystal Motors
		
		$('#feedbackForm input[name=to_address').val('');
		$('#feedbackForm input[name=to_address2').val('');
		if(formBranch == "Boston"){
			$('#feedbackForm input[name=to_address]').val('bostonsales@crystalmotorgroup.com');
		}
		if(formBranch == "Lincoln"){
			$('#feedbackForm input[name=to_address]').val('lincolnsales@crystalmotorgroup.com');
		}
		if(formBranch == "Grantham"){
			$('#feedbackForm input[name=to_address]').val('granthamsales@crystalmotorgroup.com');
			//$('#feedbackForm input[name=to_address2]').val('gclarkson@crystalmotorgroup.com');
		}
	}
		
	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'
			});
		}
		
		var dropDownCode = "";

		if(formMake.toLowerCase() == "bmw"){
			dropDownCode = "<option selected=\"selected\"></option>";
			dropDownCode = dropDownCode + "<option value=\"1 Series\">1 Series</option>";
			dropDownCode = dropDownCode + "<option value=\"3 Series\">3 Series</option>";
			dropDownCode = dropDownCode + "<option value=\"5 Series\">5 Series</option>";
			dropDownCode = dropDownCode + "<option value=\"6 Series\">6 Series</option>";
			dropDownCode = dropDownCode + "<option value=\"7 Series\">7 Series</option>";
			dropDownCode = dropDownCode + "<option value=\"X1\">X1</option>";
			dropDownCode = dropDownCode + "<option value=\"X2\">X2</option>";
			dropDownCode = dropDownCode + "<option value=\"X3\">X3</option>";
			dropDownCode = dropDownCode + "<option value=\"X5\">X5</option>";
			dropDownCode = dropDownCode + "<option value=\"X6\">X6</option>";
			dropDownCode = dropDownCode + "<option value=\"M-Series\">M-Series</option>";
			dropDownCode = dropDownCode + "<option value=\"Z4\">Z4</option>";
		} 
		if(formMake.toLowerCase() == "mini") {
			dropDownCode = "<option selected=\"selected\"></option>";
			dropDownCode = dropDownCode + "<option value=\"Mini Hatch\">Mini Hatch</option>";
			dropDownCode = dropDownCode + "<option value=\"Mini Convertible\">Mini Convertible</option>";
			dropDownCode = dropDownCode + "<option value=\"Mini Clubman\">Mini Clubman</option>";
			dropDownCode = dropDownCode + "<option value=\"Mini Countryman\">Mini Countryman</option>";
			dropDownCode = dropDownCode + "<option value=\"Mini John Cooper Works\">Mini John Cooper Works</option>";
		}
		if(formMake.toLowerCase() == "motorrad") {
			dropDownCode = "<option selected=\"selected\"></option>";
			dropDownCode = dropDownCode + "<option value=\"Performance\">Performance</option>";
			dropDownCode = dropDownCode + "<option value=\"Enduro\">Enduro</option>";
			dropDownCode = dropDownCode + "<option value=\"Urban\">Urban</option>";
			dropDownCode = dropDownCode + "<option value=\"Sport\">Sport</option>";
			dropDownCode = dropDownCode + "<option value=\"Tour\">Tour</option>";
		}
		if(formMake == null){
			dropDownCode = "<option selected=\"selected\"></option>";
			dropDownCode = dropDownCode + "<option value=\"1 Series\">BMW 1 Series</option>";
			dropDownCode = dropDownCode + "<option value=\"3 Series\">BMW 3 Series</option>";
			dropDownCode = dropDownCode + "<option value=\"5 Series\">BMW 5 Series</option>";
			dropDownCode = dropDownCode + "<option value=\"6 Series\">BMW 6 Series</option>";
			dropDownCode = dropDownCode + "<option value=\"7 Series\">BMW 7 Series</option>";
			dropDownCode = dropDownCode + "<option value=\"X1\">BMW X1</option>";
			dropDownCode = dropDownCode + "<option value=\"X2\">BMW X2</option>";
			dropDownCode = dropDownCode + "<option value=\"X3\">BMW X3</option>";
			dropDownCode = dropDownCode + "<option value=\"X5\">BMW X5</option>";
			dropDownCode = dropDownCode + "<option value=\"X6\">BMW X6</option>";
			dropDownCode = dropDownCode + "<option value=\"M-Series\">BMW M-Series</option>";
			dropDownCode = dropDownCode + "<option value=\"Z4\">BMW Z4</option>";
			dropDownCode = dropDownCode + "<option value=\"Mini Hatch\">Mini Hatch</option>";
			dropDownCode = dropDownCode + "<option value=\"Mini Convertible\">Mini Convertible</option>";
			dropDownCode = dropDownCode + "<option value=\"Mini Clubman\">Mini Clubman</option>";
			dropDownCode = dropDownCode + "<option value=\"Mini Countryman\">Mini Countryman</option>";
			dropDownCode = dropDownCode + "<option value=\"Mini John Cooper Works\">Mini John Cooper Works</option>";
			dropDownCode = dropDownCode + "<option value=\"Performance\">Motorrad Performance</option>";
			dropDownCode = dropDownCode + "<option value=\"Enduro\">Motorrad Enduro</option>";
			dropDownCode = dropDownCode + "<option value=\"Urban\">Motorrad Urban</option>";
			dropDownCode = dropDownCode + "<option value=\"Sport\">Motorrad Sport</option>";
			dropDownCode = dropDownCode + "<option value=\"Tour\">Motorrad Tour</option>";
		}
		
		$('#Modelofvehicle').append(dropDownCode);
		
		$("#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'
		});
		$.ajaxSetup({async: false});
			$.getScript('/assets/scripts/VRMSearch.js');
		$.ajaxSetup({async: true});
	}
	
	if(formName == 'parts-enquiry'){
		$.ajaxSetup({async: false});
			$.getScript('/assets/scripts/VRMSearch.js');
		$.ajaxSetup({async: true});
	}
		
	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 + '.');
	}
	
	if(formName == 'finance-calculator'){
		$.ajaxSetup({async: false});
			$.getScript('/assets/scripts/finance-calc.js');
		$.ajaxSetup({async: true});
	}
	
	if(formName == 'value-your-car'){
		$.ajaxSetup({async: false});
			$.getScript('/assets/scripts/VRMSearch.js');
			$.getScript('/assets/scripts/jquery/jquery.maphilight.min.js');
			$.getScript('/assets/scripts/vehicle-damage-scripts.js');
		$.ajaxSetup({async: true});
		$('#vehicleConditionApp').maphilight({
			fillColor: 'ff0000',
			strokeColor: '2e2e2e',
			strokeWidth: 2,
			groupBy: 'alt'
		});
	}
	
	$(".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="/assets/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: "/assets/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="/assets/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="/assets/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: "/assets/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="/assets/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="/assets/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(){
	
	$('#to_address2').change(function(){
		if($('#to_address2 option:selected').text() == "Grantham" ){
			$('input[name=to_address3]').val('gclarkson@crystalmotorgroup.com');
		} else {
			$('input[name=to_address3]').val('');
		}
	});
	
	$('#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('/assets/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 = $('#returnTop').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');
			var formBranch =  $(this).attr('data-branch'); // bespoke for Crystal Motors
			formSwitch(formName, formMake, formModel, formType, formInfo, formBranch);
		}
		
	});
	
} 

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


$(document).ready(function(){
	
	$.ajaxSetup({async: false});
		$.getScript('/assets/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;
	});

	$('#navigation 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 
    });
	
	/*$('#navigation a').click(function(){
		var tempPath = $(this).parents('li:last').children().html();
		if($(this).attr('data-name') != null){
			setCookie('navigation', $(this).attr('data-name'), 1);
		} else {
			setCookie('navigation', tempPath, 1);
		}
	});*/
	
	/*
	$(function(){
   		var path = location.pathname.substring(1);
		//alert(path);
   		if ( path ){
			$('#navigation a').parent().removeClass('navSelected');
			if(path == "chevrolet/" || path == "skoda/"){
				$('#navigation a[href$="/"]:first').parent().attr('class', 'navSelected');
			} else {
				//$('#navigation a[href$="' + path + '"]').parent('li:first').attr('class', 'navSelected');
				$('#navigation a[href$="' + path + '"]').parents('li:last').addClass('navSelected');
			}
			
			//$('#navigation a[href$="' + path + '"]').parents('li:last').addClass('navSelected');
			//alert($('#navigation a[href$="' + path + '"]').parents());
			
			//var tempVal = getCookie('navigation');
			//$("#navigation > ul li a:contains('" + tempVal +"')").parent('li').addClass('navSelected');
		
			
		} 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();

});