// JavaScript Document

var bjOrder = "asc", priceOrder = "asc", kmOrder = "asc";



$(document).ready(function() {

	$(".ao-occasion-foto-thumb").lazyload();
	$(".ao-occasion-foto-detail").lazyload();

	// random beginnen met een auto

	$startAuto = Math.round($('.ao-vestiging-ani img').size()*Math.random());

	if( $startAuto == $('.ao-vestiging-ani img').size() ){ $startAuto -= 1; }

	animateCar($startAuto);

	

	/* Apply fancybox to multiple items */

	

	$("a.ao-occasion-fotos").fancybox();



});



$('.sort_prijs').click(function() {

	priceOrder = priceOrder == "asc" ? "desc" : "asc";

	

	$('.sort_km').css({backgroundPosition: '200% right'});

	$('.sort_bj').css({backgroundPosition: '200% right'});

	

	if( priceOrder == "asc" ){

		$('.sort_prijs').css({backgroundPosition: '5% right'});		

	} else {

		$('.sort_prijs').css({backgroundPosition: '95% right'});	

	}

	

	$("div.ao-occasion-lijst>div").tsort("#price",{order:priceOrder});

	return false;

});



$('.sort_km').click(function() {

	kmOrder = kmOrder == "asc" ? "desc" : "asc";

	

	$('.sort_km').css({backgroundPosition: '200% right'});

	$('.sort_prijs').css({backgroundPosition: '200% right'});

	

	if( kmOrder == "asc" ){

		$('.sort_km').css({backgroundPosition: '5% right'});		

	} else {

		$('.sort_km').css({backgroundPosition: '95% right'});	

	}

	

	

	$("div.ao-occasion-lijst>div").tsort("#kmstand",{order:kmOrder});

	return false;

});



$('.sort_bj').click(function() {

	bjOrder = bjOrder == "asc" ? "desc" : "asc";

	

	$('.sort_prijs').css({backgroundPosition: '200% right'});

	$('.sort_bj').css({backgroundPosition: '200% right'});

	

	if( bjOrder == "asc" ){

		$('.sort_bj').css({backgroundPosition: '5% right'});		

	} else {

		$('.sort_bj').css({backgroundPosition: '95% right'});	

	}

	

	

	$("div.ao-occasion-lijst>div").tsort(".bouwjaar",{order:bjOrder});

	return false;

});



function animateCar( number ){

	

	randomFirst = Math.random()*300;

	randomFirst += 100;

	

	$('.ao-vestiging-ani img:eq(' + number + ')').animate({

    	left: randomFirst

	}, 3000, 'easeout', function() {

		

		$('.ao-vestiging-ani img:eq(' + number + ')').animate({

    		left: 800

		}, 4000, 'easein', function() {

			if( number == ($('.ao-vestiging-ani img').size()-1) ){

				$('.ao-vestiging-ani img').css('left', -100);

				animateCar(0);

			} else {

				animateCar(number+1);

			}

		});	

	});	

}

  



$(function() {

	$("#menu-with-effect").lavaLamp({

		fx: "expoout", 

		speed: 500,

		click: function(event, menuItem) {

			//return false;

		}

	});

});