jQuery(document).ready(function() {									
	jQuery("#carousel").jcarousel({
		scroll: 1,
		start: 1,
		auto: sliderSpeed,
		wrap: 'last', //circulair
		initCallback: mycarousel_initCallback,
		 itemVisibleInCallback: {
		   onBeforeAnimation: mycarousel_itemVisibleInCallbackBeforeAnimation,
		   onAfterAnimation: mycarousel_itemVisibleInCallbackAfterAnimation
		},
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	
	//Add first and last classes for rounding corners
	$('ul.carouselControl li a').first().addClass('first');
	$('ul.carouselControl li a').last().addClass('last');
	
	//Give last breadcrumb alternate color
	$('.breadcrumbs a').last().addClass('last');	
	
	//Default input values
	$('.searchPanel input[type=text]').defaultInputValue();
	$('div#occasionSearchAdvanced input[type=text]').defaultInputValue();
	$('div#occasionSearch input[type=text]').defaultInputValue();
	$('div#brochureApplication input[type=text]').defaultInputValue();
	
	//Set 'CufonCADINBold', prevents flickering
	$('.CufonCADINBold').css({visibility: "visible"})
	
	//Show level4 menu when items are available
	$('#submenulevel4:has(li)').show();

	//Search occasions
	$('select[name=f_merk]').change(function() {
		$('select[name=f_merk]').val($(this).val()); //set all search fields on the same value
		$.getJSON(occasionUrl + "/json,1/f_merk," + $(this).val(), { },
			function(data) {
			option = '';
			for (var i = 0; i < data.length; i++) {
				option += '<option value="' + data[i].optionValue + '">' + data[i].optionDisplay + '</option>';
			}
			$('select[name=f_model]').html(option); 
		});
	});
	
	//Search type selection
	$('#occasionSearch ul.searchTypeSelection li a[rel=' + $('#occasionSearch select[name=f_search_type]').val() + ']').addClass('item_on');
	$('#occasionSearch ul.searchTypeSelection li a').click(function(){
		$('#occasionSearch ul.searchTypeSelection li a').removeClass('item_on');								
		$('#occasionSearch select[name=f_search_type]').val($(this).attr('rel'));
		$(this).addClass('item_on')
	});
		
	//Auto refresh on change
	$('#refineOccasionSearch').children().change(function(){ $(this).parents('form').submit(); });
	
	//Brochure - Testride
	$('select[name=f_automerk]').change(function() {
		$.getJSON(brochureUrl + "/json,1/f_automerk," + $(this).val(), { },
			function(data) {
				models = '';
				business = '';
				
				$.each(data['Modellen'], function(key, val) {
					models += '<option value="' + val.optionValue + '">' + val.optionDisplay + '</option>';
			  	});
			  	$.each(data['Vestigingen'], function(key, val) {
					business += '<option value="' + val.optionValue + '">' + val.optionDisplay + '</option>';
			  	});
			  	
				$('select[name=f_automodel]').html(models);
				$('select[name=f_vestiging]').html(business);
			}
		);
	});
	
});

$(function(){
	Cufon.replace('.CufonCADINBold', {fontFamily:'CufonCADINBold', textShadow: '1px 1px #242123'});	  

	$('ul.level1 li').hover(function(){	
		$(this).addClass('item_hover');	
		
		$('ul.level1 li.item_on').addClass('disabled');	
		
	},function(){
		$(this).removeClass('item_hover');
		$('ul.level1 li.item_on').removeClass('disabled');	
	});

	$('ul.level1 li:has(ul)').hover(function(){									
		$('ul.level1 li ul').hide();								
		$(this).find('ul').show();		
		$(this).find('ul li').fadeIn(200);
		$(this).parent().stop().animate({height:"168px"},700);
	}, function() {
		$(this).find('ul li').fadeOut(200);
		$(this).parent().stop().animate({height:"22px"},700,function(){$('ul.level1 li ul').hide();});
	});				
});	

function mycarousel_initCallback(carousel) {
	//Stop autoplay on hover slideshow
	jQuery('.slideShow').bind('mouseover', function() {
		carousel.stopAuto(); 
	});
	jQuery('.slideShow').bind('mouseout', function() {
		carousel.startAuto(); 
	});

	jQuery('.carouselControl a').bind('click', function() {
		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr("name")));
		return false;
	});
};	

function mycarousel_itemVisibleInCallbackBeforeAnimation(carousel, item, idx, state) {  
	$('ul.carouselControl li a.selected').removeClass('selected');
	$('ul.carouselControl li a.' + item.id).addClass('selected');
};	

function mycarousel_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state) {}