//Array used to display checkboxes
var interestedIn = Array('Barina','Cruze','Calais','Sportwagon','Captiva','Ute','Epica','Commodore','Statesman','Caprice','Colorado','Combo','Clubsport R8','GTS','Grange','Maloo R8','Senator Signature','Tourer R8');
var interestedLimit = 6;
var interestedInTouch = Array('New Holden','Demonstrator','Pre-owned','Parts','Service','Gifts / Merchandise','Employment','Owners\' Info','Special Offer','Finance','Other');
var interestedInFinance = Array('Consumer Loan','Chattel Mortgage','Hire Purchase','Leasing','Comprehensive Vehicle Insurance','Loan Protection Insurance','Gap Cover','Extended Warranty','Not Sure at This Stage');

$(document).ready(function(){
						   
	$("#enquiryform").attr("action","http://www.phase.com.au/forms/afp_spam.asp?formid="+$("#enquiryform").attr("alt"));					   
						   
						   
	//reset links to preserve accessibility without making the screen "jump"
	$("#new-vehicle-hero-right li a").each(function(){
		if($(this).attr('id')) {
			var linkAttr = $(this).attr("href");
			$(this).attr("name",linkAttr);
			$(this).removeAttr("href");
		}
	});
	
	$("#new-vehicle-nav a").each(function(){
			var linkAttr = $(this).attr("href");
			$(this).attr("name",linkAttr);
			$(this).removeAttr("href");
	});
	
	//Reveal and adapt form
	$("#new-vehicle-hero-right li a, .co-enquiry").click(function(){
		var attrVal = $(this).attr('id');
		//vis('.main-form',true);
		switch(attrVal) {
			case 'directions':
				vis('#new-vehicle-form, .main-form',true);
				$("#new-vehicle-hero embed, object").css("visibility","hidden");
				vis('#new-vehicle-directions');
				$("#formComment").html("Comments");
				break;
			case 'finance': case 'service': case 'parts': case 'getintouch':
				vis('#new-vehicle-form, #new-vehicle-directions',true);
				vis('.main-form');
				$("#formComment").html("Comments");
				break;
			case '':
				break;
			default:	
				vis('.enquiry-trade');
				$("#formComment").html("Comments");
				vis('.main-form',true);
				var intro = '';
				var url = "http://www.phase.com.au/forms/afp_spam.asp?formid=";
				var formTitle = ' <span onclick="vis(\'#new-vehicle-form\',true);vis(\'.main-form\');$(\'#new-vehicle-hero embed, object\').css(\'visibility\',\'visible\');"><img src="images/new-close-btn.gif" alt="Hide this form" title="Hide this form" /></span>';
				
				switch(attrVal) {
					case 'brochures':
						url += '1149';
						formTitle = "Accessing Brochures Area"+formTitle;
						$("#formComment").html("Comments");
						intro = 'Thank you for your interest. So that we can monitor the interest in this section of the site, please take a moment to complete the brief form below. You will gain instant access to the brochures area.';
						break;
					case 'enquiry':
					default:
						url += '1148';
						formTitle = "Quick Quote"+formTitle;
						$("#formComment").html("Comments");
						intro = 'Thank you in advance for contacting us. Please complete this brief form to make an obligation-free enquiry. One of our friendly, professional consultants will be in touch with you shortly.';
						break;
					case 'value':
						url += '1150';
						formTitle = "Value my car"+formTitle;
						$("#formComment").html("Details about Your Car");
						$(".enquiry-trade").css("display","none");
						intro = 'Thank you in advance for contacting us about a valuation on your vehicle.<br>So that we can help you best, please complete this brief form. One of our representatives will be in touch with you shortly. ';
						break;
				}
				$("#new-vehicle-form h2").html(formTitle);
				$("#enquiryform").attr("action",url);
				$("#new-vehicle-form p#info").html(intro);
				$("#new-vehicle-hero embed, object").css("visibility","hidden");
				vis('#new-vehicle-form');
		}
		Cufon.replace('#new-vehicle-form h2, #new-vehicle-directions h2', { fontFamily: 'Corbel' });
	});
	
	$("#new-vehicle-directions h2 span").click(function(){
		vis('#new-vehicle-directions',true);
		vis('.main-form');
		$('#new-vehicle-hero embed, object').css('visibility','visible');
	});
	
	$(".main-form h2 span").click(function(){
		vis('.main-form',true);
		$('#new-vehicle-hero embed, object').css('visibility','visible');
	});
	
	$("#new-specs h3").click(function(){
		if(!$(this).children("span").attr('id')) {
			$(this).next("ul").slideDown();
			$(this).children("span").attr('id','active');
		}
		else {
			$(this).next("ul").slideUp();
			$(this).children("span").attr('id','');
		}
	});
	
	//Show/hide Features
	$("#new-vehicle-nav a").click(function(){
		var href = $(this).attr('name');
		$("#new-vehicle-nav a").each(function(){
			var hrefLi = $(this).attr('name');
			vis(hrefLi,true);
			$(this).attr('id','');
		});
		vis(href);
		$(this).attr('id','active');
	});
	
		$("#new-features").css('display','none')
		
		

	//Set the default colour picker description then deletes all title attributes for the colours list
	var firstTitle = $("#new-colours li:first").attr("title");
	$("#new-colours p").html(firstTitle);
	$("#new-colours li").each(function() {
        $this = $(this);
        $.data(this, 'title', $this.attr('title'));
        $this.removeAttr('title');
    });

	
	//Show different colours
	$("#new-colours ul li").live('click',function(){
		if(!$("#new-colours-switch-cache").length) {
			$("#new-colours ul li").removeClass('active')
			$(this).addClass('active')
			$("#desc").html('Model shown: <strong>'+$(this).children('span').html()+'</strong>')
			loadImg($('#new-colours-switch img'),$(this).children('input').val())
		}
	});
	
	// Load first colour on page load
	if($('#new-colours-switch img').length) loadImg($('#new-colours-switch img'),$("#new-colours ul li:first").children('input').val())
	$("#new-colours ul li:first").addClass('active')
	$("#desc").html('Model shown: <strong>'+$("#new-colours ul li:first").children('span').html()+'</strong>')
	
	//Models drop-down
	$("#new-vehicle-models h3").click(function(){
		if(!$(this).children("span").attr('id')) {
			$(this).next("ul").slideDown();
			$(this).children("span").attr('id','active');
		}
		else {
			$(this).next("ul").slideUp();
			$(this).children("span").attr('id','');
		}
	});
	
	//Rounded corners on the models box
	$("#new-vehicle-nav li a:first").corner("top 5px");
	if($.browser.msie) $("#new-vehicle-nav li a:first").css("margin-bottom","-2px");
	$("#new-vehicle-nav li a:last").corner("bottom 5px");
	
	
	animImg("a#directions",10);
	animImg("a#service",5);
	animImg("a#parts",0);
	animImg("a#getintouch",7);
	animImg("a#finance",7);
	
});


function switchLogo(switchTo) {
	$("#logo").oneTime(3000,function(){
		logo = switchTo;
		newLogo = logo == 'holden' ? 'hsv' : 'holden';
		$(this).fadeOut('normal',function(){$(this).attr('src','images/header-logo-'+logo+'.jpg');$(this).fadeIn('normal',function(){switchLogo(newLogo);})});
	})
}

//Animates menu icons on hover
function animImg(element,leftX) {
	$(element).hover(function(){
		$(this).stopTime();
		$(this).prev("img").animate({left:[leftX+10]+"px"},200);
	},function(){
		$(this).oneTime(300,function(){
			$(this).prev("img").animate({left:leftX+"px"},200);
		});
	});
}

//Generates HTML checkboxes
function generateCheckBoxes(array,name,limit,linebreak) {
	if(!limit) var limit = 4;
	if(!linebreak) var linebreak = false;
	var output = '';
    var cnt = 0;
    for(i in array) {
    	if(cnt == limit) {
       	cnt = 0;
           output += '</td><td>';
       }
       var altVer = array[i].replace(' ','_').toLowerCase();
       output += '<input type="checkbox" name="'+name+'[]" id="'+name+altVer+'" value="'+array[i]+'" /> <label for="'+name+altVer+'">'+array[i]+'</label>';
	   output += linebreak ? '<br />' : '';
       cnt++;
    }
    document.write(output);
}

function vis(element,hide) {
	if(!hide) var hide = false;
	var change = hide ? 'none' : 'block';
	$(element).css('display',change);
}

 function loadImg(container,imgSrc) {
	container.before("<div id='new-colours-switch-cache'></div>");
	container
		.attr('src', imgSrc)
		.one("load",function(){
			var me = $(this)
			$("#new-colours-switch-cache").fadeOut(function(){
				$(this).remove()
			})
		})
		// In case IE ignores load event, force image to display after 2 secs
		.oneTime(2000,function(){
			if(this.complete || (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6)) 
			$(this).trigger("load");
		})
}