$(document).ready(function(){
	
	$("#branding").click(function()
	{
		window.location = "index.php";
	})
	
	
	
	if ($("#map").length > 0)
	{
		//google maps
		//
		var point = new google.maps.LatLng( 53.1740065, 5.4410462);

		var myMapOptions = {
			zoom: 15,
			center: point,
			scrollwheel: false,
			disableDefaultUI: true,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};

		var map = new google.maps.Map(document.getElementById("map"),myMapOptions);

		var image = new google.maps.MarkerImage(
			'marker-images/image.png',
			new google.maps.Size(200,125),
			new google.maps.Point(0,0),
			new google.maps.Point(100,125)
		);

		var shadow = new google.maps.MarkerImage(
			'marker-images/shadow.png',
			new google.maps.Size(266,125),
			new google.maps.Point(0,0),
			new google.maps.Point(100,125)
		);

		var shape = {
			coord: [199,0,199,1,199,2,199,3,199,4,199,5,199,6,199,7,199,8,199,9,199,10,199,11,199,12,199,13,199,14,199,15,199,16,199,17,199,18,199,19,199,20,199,21,199,22,199,23,199,24,199,25,199,26,199,27,199,28,199,29,199,30,199,31,199,32,199,33,199,34,199,35,199,36,199,37,199,38,199,39,199,40,199,41,199,42,199,43,199,44,199,45,199,46,199,47,199,48,199,49,199,50,199,51,199,52,199,53,199,54,199,55,199,56,199,57,199,58,199,59,199,60,199,61,199,62,199,63,199,64,199,65,199,66,199,67,199,68,199,69,199,70,199,71,199,72,199,73,199,74,199,75,199,76,199,77,199,78,199,79,199,80,199,81,199,82,199,83,199,84,199,85,199,86,199,87,199,88,199,89,199,90,199,91,199,92,199,93,199,94,199,95,199,96,199,97,119,98,119,99,118,100,117,101,116,102,115,103,114,104,113,105,112,106,112,107,111,108,110,109,109,110,108,111,107,112,106,113,105,114,105,115,104,116,103,117,102,118,101,119,100,120,99,121,99,121,98,120,97,119,96,118,95,117,94,116,93,115,93,114,92,113,91,112,90,111,89,110,88,109,87,108,86,107,86,106,85,105,84,104,83,103,82,102,81,101,80,100,79,99,79,98,0,97,0,96,0,95,0,94,0,93,0,92,0,91,0,90,0,89,0,88,0,87,0,86,0,85,0,84,0,83,0,82,0,81,0,80,0,79,0,78,0,77,0,76,0,75,0,74,0,73,0,72,0,71,0,70,0,69,0,68,0,67,0,66,0,65,0,64,0,63,0,62,0,61,0,60,0,59,0,58,0,57,0,56,0,55,0,54,0,53,0,52,0,51,0,50,0,49,0,48,0,47,0,46,0,45,0,44,0,43,0,42,0,41,0,40,0,39,0,38,0,37,0,36,0,35,0,34,0,33,0,32,0,31,0,30,0,29,0,28,0,27,0,26,0,25,0,24,0,23,0,22,0,21,0,20,0,19,0,18,0,17,0,16,0,15,0,14,0,13,0,12,0,11,0,10,0,9,0,8,0,7,0,6,0,5,0,4,0,3,0,2,0,1,0,0,199,0],
			type: 'poly'
		};

		var marker = new google.maps.Marker({
			draggable: false,
			raiseOnDrag: false,
			icon: image,
			shadow: shadow,
			shape: shape,
			map: map,
			position: point
		});
	}
	
	// Check if browser supports <input type=range/>
    var i = document.createElement("input");
    i.setAttribute("type", "range");
    var rangeNotSupported = (i.type === "text");
    delete i;

    // If browser doesn't support <input type=range/>
    // then use jQuery UI to display them
    if(rangeNotSupported && $("#slider:visible").length == 0) {
        // loop through all <input type=range/>
        // on the page
        $("input[type=range]").each(function(){
            var range = $(this);
            
            // Create <div/> to hold jQuery UI Slider
            var sliderDiv = $("<div/>");
            sliderDiv.width(range.width());
            
            // Insert jQuery UI Slider where the
            // <input type=range/> is located
            range.after(
                sliderDiv.slider({
                    // Set values that are set declaratively
                    // in the <input type=range/> element
                    min: parseFloat(range.attr("min")),
                    max: parseFloat(range.attr("max")),
                    value: parseFloat(range.val()),
					id: "slider",
                    step: parseFloat(range.attr("step")),
                    // Update the <input type=range/> when
                    // value of slider changes
                    slide: function(evt, ui) {
                        range.val(ui.value);
                    },
                    change: function(evt, ui) {
                        // set <input type=range/> value
                        range.val(ui.value);
                    }
                })
            ).
            // Hide <input type=range/> from display
            hide();
        });
    }

	//eerst lage kwaliteit dan grote laden
	$(".occ_item img").each(function()
	{
		$(this).attr('src',$(this).attr('rel'));
	})	
	
	if ($("#overview, #fotos").length > 0 )
	{
		$("#slides section").remove();
		var src = $("img:eq(1)").attr('src');
		$("img:eq(1)").remove();
		src = src.replace("s069","")
		$("#featured").html('<img style="margin-top: 100px; margin-left: 0px" width="700px" src="'+src+'">');
		$("#featured img").reflect();
		$("#featured").addClass('car_large_img');
	}
	
	if ($("#firstphoto").length > 0)
	{
		$("table img").remove();
		$("#featured").html('<img width="750px" src="'+$("#firstphoto").val()+'">');
		$("#featured img").reflect();
		$("#featured").css({'height':'780px; '});
	}
	
	var opmerkingen = $('.opmerkingen').text();
	$(".bijzonderheden").append('<strong>Bijzonderheden</strong>'+opmerkingen.replace('bijzonderheden','<br><br>'));
	//$(".opmerkingen").hide();
	//$('tr:last-child td').after($(".opmerkingen").html());
	
	$( "#slider" ).slider({value: 100});
	$( "#slider,.ui-slider" ).slider({
	   slide: function(event, ui) {
			$(".occ_item").each(function()
			{
				$(this).css({"opacity":0.3});
				if (ui.value <= 50) var max_price = ui.value * 200;
				if (ui.value >= 51 && ui.value <= 75) var max_price = (ui.value * 400) - 10000;
				if (ui.value <= 100 && ui.value >= 76) var max_price = (ui.value * 2000) - 130000;
				if (max_price > 50000) max_price = 9999999; 
				if ($(this).attr('price') < max_price) $(this).css({"opacity":1});
				max_price_text = max_price < '50000'  ? max_price : '50000+';
				 $("#slider_text").text('Maximale occasionprijs: '+ max_price_text+' euro');
			})
	  }
	});
	
	
	
	$("#price_select").change(function()
	{
		$(".occ_item").each(function()
		{
			$(this).css({"opacity":0.3});
			max_price = parseInt($("#price_select").val()*1000);
			if ($(this).attr('price') < max_price) $(this).css({"opacity":1});
			max_price_text = max_price < '70000'  ? max_price : '70000+';
			 $("#slider_text").text('Maximale occasionprijs: '+ max_price_text+' euro');
		})
	})
	
	 if ($('font:eq(1)').length >0)
    {
	
        var car_label = $('font:eq(1)').text().toLowerCase();
       
        $('#auto_label').text(car_label).show('Normal');
        var merk = car_label.split(' ');
        var merk_name = merk[0].toLowerCase();
        merk[0] = ' ';
        var type = merk.join(' ');
		var prijs = $('tr:eq(17) td:eq(1)').text();
     
		
        $("#featured").prepend('<section style="max-width:400px"><h1>'+merk_name+'</h1><h2>'+type+' - Prijs '+prijs+'</h2></section');
    }
	
	$("#slider,#slider a").live('mouseup',function()
	{
		$("#slider a").css({'background-image':'url(css/slider_brake.png)'});
		$("#slider a").css({'width':'96px','margin-left':'-68px'});
	})
	
	$("#slider,#slider a").live('mousedown',function()
	{
		$("#slider a").css({'background-image':'url(css/slider.png)'});
		$("#slider a").css({'width':'75px','margin-left':'-40px'});
	
	})
})