jQuery.easing.def = "easeInOutQuint";

$(document).ready(function() {
	
	$('#headwrap h1').click(function(){
		location.href='index.php';
		return false;
	})
	
	$('.maincol').pngFix();
	SetForm();
	SetZoom();	
	
	//-------------------------------------
	
	$('#mainnav li.top').hover(function() {
	  $(this).addClass('hover');
	},function(){
	  $('#mainnav li.top').removeClass('hover');
	});	
	
	$('#mainnav li').has('ul').find('a:first').css('cursor','default').addClass('noclick');
	
	$('.noclick').click(function(){
		return false;  
	})
	
	$('#mainnav ul a').prepend('› ');
	
	//-------------------------------------
	
	$('#wdg-news .news-nav-item').each(function(){
		//alert($(this).html());
		$('<li>'+ $(this).html() +'</li>').appendTo('#news-nav');
	})
	
	$('#news-nav a').click(function(){
		var w = $('#news-nav a').index($(this));	
		var h = -1*(w*( $('#news-slider div').height() ));
		$('#news-slider').animate({ marginTop: h }, 500);
		
		var iwrap = $('#news-img');
		var img = $(this).attr('param');
		var omg = iwrap.find('img:first').attr('src');
		
		if(img != omg) {
			iwrap.find('img:not(:first)').each(function(){
				 $(this).remove();
			});
			loadimg(img,$('#wdg-news'), iwrap.find('img:first') );											  
		}
		
		$('#news-nav a').removeClass('act');
		$(this).addClass('act');
		return false;
	})
	
	$('#news-nav a:random').trigger('click');
	
	$('#news-openclose').click(function(){
		$('#wdg-news').slideToggle(500);																	
	});
	
	//-------------------------------------
	
	$('#triggerme').hide();

	$('input.subm').hover(function() {
	  $(this).addClass('hover');
	}, function() {
	  $(this).removeClass('hover');
	});
	
	$('input.subm').bind('click',function(){
		$(this).parent().addClass('loading');							 
	});

	$('.frm_cnt').ajaxForm({
			beforeSubmit: BeforeSendCnt,
			success		: SendSuccesCnt,
			clearForm	: false
	});

	function BeforeSendCnt(resp, stat)  {
		$('.frm_cnt input[value=]').addClass('empt');
	}	
	
	function SendSuccesCnt(resp, stat)  {
		
		$('.loader').removeClass('loading');
		
		var json = eval('(' + resp + ')');
		
		if (json.send=='yes') {
			//--- als bericht verzonden is melding geven en alles resetten
			$('#inline_alert').html(json.msg);
			$('#triggerme').trigger('click');
			$('.frm_cnt input').removeClass('empt');
			$('.frm_cnt').resetForm();
			SetForm();
		}else{
			//--- als er een error is deze zichtbaar maken
			$('.frm_cnt input.empt').clearingInput();
			$('.frm_cnt input').removeClass('empt');
			$('#inline_alert').html(json.msg);
			$('#triggerme').trigger('click');
		}		
		
	}

	//-------------------------------------
	
	$('ul.headlines ul').hide();
	
	if( $('ul.headlines a.act').size() < 1) {
		$('ul.headlines ul:first').show();	
	}
	
	$('ul.headlines a.act').parent('li').parent('ul').show();
	
	$('ul.headlines strong').click(function(){
		$(this).next('ul').slideToggle(400);										
	});
	
	//-------------------------------------

	$('.bike-list li').hover(function() {
	  $(this).addClass('hover');
	},function(){
	  $(this).removeClass('hover');
	});	

	$('.bike-list li').click(function() {
	  var lnk = $(this).find('a.more').attr('href');
	  window.location = lnk;
	});	
	
	
	$("#priceslider").slider({ 
	  	from: 100, 
		to: 2500, 
		step: 100, 
		smooth: true, 
		round: 0, 
		dimension: "&nbsp;&euro;"
	});

	//-------------------------------------	

	$('#frm_fietswijzer input.subm').click(function(){
		
		var fietstype = $('select[name="src_type"]').val();
		var fietsoort = $('select[name="src_soort"]').val();
		var err = '';
		
		if(fietstype < 1 || fietsoort < 1) {

			err = '<h4>Er ontbreken nog wat gegevens</h4>';

			if(fietstype < 1) {
				err = err + '&raquo; Kies a.u.b. een fietstype<br>';
			}
			if(fietsoort < 1) {
				err = err + '&raquo; Kies a.u.b. een fietssoort<br>';
			}			
			
			$('#inline_alert').html(err);
			$('#triggerme').trigger('click');

			$(this).parent().removeClass('loading');

			return false;
			
		}
		
	})
	
	$("input[name='biketype']").change(function() {	
			
		if($(this).val() == 'socc') {

		  $('#frm_fietswijzer').attr('action','occasions.php');
	
		}else{
	
		  $('#frm_fietswijzer').attr('action','collectie.php');
		
		}
	
	});

	//------------------------------------- service formulier (is anders dan contact omdat het in een popup staat

	$('.frm_service').ajaxForm({
			beforeSubmit: BeforeSendCnt,
			success		: SendSuccesCnt,
			clearForm	: false
	});

	function BeforeSendCnt(resp, stat)  {
		$('.frm_service input[value=]').addClass('empt');
	}	
	
	function SendSuccesCnt(resp, stat)  {
		
		$('.loader').removeClass('loading');
		
		var json = eval('(' + resp + ')');
		
		$('#callback_alert').show();
		
		if (json.send=='yes') {
			//--- als bericht verzonden is melding geven en alles resetten
			$('#callback_alert').html(json.msg);
			$('.frm_service input').removeClass('empt');
			$('.frm_service').resetForm();
			SetForm();
		}else{
			//--- als er een error is deze zichtbaar maken
			$('.frm_service input.empt').clearingInput();
			$('.frm_service input').removeClass('empt');
			$('#callback_alert').html(json.msg);
		}		
		
	}

	

});

//--------------------------------------------------

function SetZoom() {
	
	$('a.zoom').colorbox({
		opacity:0.70,
		current: ""
	});
	
	$("a#triggerme").colorbox({
		opacity : 0.70, 
		width : "365px", 
		inline : true, 
		href : "#inline_alert",
		onClosed :	function(){ $('#inline_alert').html('') }
	});	
	
	$("a.flashzoom").colorbox({
		opacity : 0.70, 
		innerWidth:'505px', 
		innerHeight:'305px', 
		iframe:true
	});	
	
	$("a.service").colorbox({
		opacity : 0.90, 
		innerWidth:'400px', 
		innerHeight:'550px', 
		iframe:true
	});		
	
}

function SetForm() {
	$('input:text:[value=""]').clearingInput();
	$('textarea').clearingInput();
}

//--------------------------------------------------

function loadimg(image,wrap,omg) {		
	var img = new Image();
	$(img).load(function () {   
		$(this).hide();
		wrap.find('.imgholder').append(this);
		$(this).fadeIn(1000,function(){
			omg.remove();
		});
	})
	.attr('src', image);
 }

//--------------------------------------------------