$(document).ready(function(){
	// Put your headers that need to be converted to Cufon here
	 Cufon.replace('#content-header h1, .vec-features h2, #header span, #header p, .vec-features h3, #home-specials h2, #current-hero',{ fontFamily: 'FoundryMonoline-Regular' });
	 Cufon.replace('#footer .section h4, #colourDesc, .submit, .inv-col-head, .ui-widget-header',{ fontFamily: 'FoundryMonoline-Regular' });
	 Cufon.replace('#anav li ul li a,#homenav-lr',{ fontFamily: 'FoundryMonoline-Medium' });
	
	 
	 //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")
//			if(linkAttr != "#new-map") {
				$(this).attr("name",linkAttr)
				$(this).removeAttr("href")
	//		}
	})
	
	vis(".vec-features:first")
	
	$("#new-vehicle-models h3").click(function(){
		if(!$(this).hasClass('active')) {
			$(this).addClass('active')
			vis($(this).next())
		}
		else {
			$(this).removeClass('active')
			vis($(this).next(),true)
		}
	})
	
	
	//Show/hide Features
	$("#new-vehicle-nav a, #make_enquiry").click(function(){
		var href = $(this).attr('name')
		if(!href) href = '#new-'+$(this).html().toLowerCase()
		$("#new-vehicle-nav a").each(function(){
			var hrefLi = $(this).attr('name')
			if(!hrefLi) hrefLi = '#new-'+$(this).html().toLowerCase()
			vis(hrefLi,true)
			$(this).parent().removeClass('active')
		})
		
		vis(href)
		if(href == '#new-quote') $("#nav-quote").addClass('active')
		else $(this).parent().addClass('active')
	})
	
	//Show different colours
	$("#new-colours li").click(function(){
		var yPos = $(this).attr('id');
		$("#new-colours ul li span").removeClass('active')
		$(this).children('span').addClass('active')
		
		var thisContent = $(this).attr("title")
		var thisImage = $(this).children('span').html()
		$("#colourDesc").html(thisContent)
		
		var thisTitle = $.data(this, 'title')
		$("#new-colours p").html(thisTitle)
		
		 $("#new-colours-switch img:last").fadeOut('fast',function(){
			  $(this).attr("src",thisImage)
			 });
		 $("#new-colours-switch img:last").fadeIn('slow',function(){
			  $(this).attr("src",thisImage)
			 })
	})
	
	$("#colourDesc").html($("#new-colours ul li:first").attr("title"))
	$("#new-colours-switch img").attr("src",$("#new-colours ul li:first span").html());
	
	// anav submenus
	showHideSub("#anav-lr","#subnav-lr")
	showHideSub("#anav-owners","#subnav-owners")
	showHideSub("#anav-about","#subnav-about")
	showHideSub("#anav-cars","#subnav-cars")
	
	/*$("#anav li a").each(function(){
								  //alert('yes')
		//alert($(this).next('ul').attr('id'))
		showHideSub($(this),$(this).next('ul'))
	})*/
	
	//Displays div according to url
	$.address.change(function(event) {  
		visDiv = event.value
		if(visDiv != '/' && $("#"+visDiv).length) {
			vis(".vec-features",true);
			$("#new-vehicle-nav ul li a").each(function(){
				if($(this).attr("name") == ("#"+visDiv)) {
					$(this).parent().addClass('active') 
				}
				else $(this).parent().removeClass('active') 
			})
			$("#"+visDiv).css('display','block');
		}			
	})
	
	
	/*$("li#share a").click(function(){
		var shCode = '<!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style "><a href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4d09cce24f6b2606" class="addthis_button_compact">Share</a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d09cce24f6b2606"></script><!-- AddThis Button END -->'
		$(this).parent().after(shCode)
	})*/
	
	$("#map").click(function(){
		initialize(-27.566074692856013,151.9298243522644,14,"phase_maps_content","phase_maps_directions","ROADMAP",markers)
		infoWindows[0].open(map[0],gmarkers[0])
	})
		
})



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

function showHideSub(trigger,element,action) {
	if(!action) action = ''
	var both = trigger+','+element
	$(both).hover(function(){
		$(trigger).stopTime()
		$(trigger).addClass("active")
		if(!action) $(element).css('display','block')
		else $(element).css('z-index',99)
	},function(){
		if(!action) $(trigger).oneTime(250,function(){$(element).fadeOut(250,function(){$(trigger).removeClass("active")})})
		else $(trigger).oneTime(250,function(){$(element).css('z-index',10);$(trigger).removeClass("active")})
	})
}