$(document).ready(function()
{
    $("a[rel='videobox']").colorbox(
    {
        iframe: true,
        width: '550px',
        height: '400px'
    });
    
	$("a[rel='lightbox']").colorbox(
    {
        maxWidth: '90%',
        maxHeight: '90%'
    });
    
    $('.innerfade').innerfade({
		speed: 750,
		timeout: 5000,
		type: 'random'
	});
    
    $(".validateForm").validate({
        errorPlacement: function(error, element) {
			error.prependTo();
		},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set   as text for IE
			label.html(" ").addClass("checked");
		}
    });
    
    $( ".datepicker" ).datepicker();
    
    $('#photos').sweetPages({perPage:56});

    $('.rotator').cycle({
        fx: 'fade',
        speed: 3000
    });
    
    $('#toggleAdvancedSearch').click(function() {
        if ($('#down').attr('src') == 'images/downOver.jpg') {
            $('#down').attr('src', 'images/up.jpg');
            $('#toggleAdvancedSearch').hover(function() {
                $('#down').attr('src', 'images/upOver.jpg') 
            },
            function() {
                $('#down').attr('src', 'images/up.jpg');
            });
            
        } else {
            $('#down').attr('src', 'images/down.jpg');
            $('#toggleAdvancedSearch').hover(function() {
                $('#down').attr('src', 'images/downOver.jpg') 
            },
            function() {
                $('#down').attr('src', 'images/down.jpg');
            });
            
        }
        $('#advancedSearch').toggle();
        return false;
    });
    
    $('#merk').change(function() {
            var value = $(this).val();
            $('#advancedSearch').hide();
            $('#loading').show();
            $.getJSON('http://klanten.lameco.nl/bosenslegers/advsearch.php',
                {
                    merk: $(this).val(),
                    idPage: $('input[name=idPage]').val(),
                    brandstof: $('#brandstof').val(),
                    versnellingsbak: $('#versnellingsbak').val()
                },
                function(j) {
                    $('.model').show();
                    $('#model options').remove();
                    var options = '<option value="">Geen voorkeur</option>';
                    for (var i = 0; i < j['modellen'].length; i++) {
                        options += '<option value="' + j['modellen'][i] + '">' + j['modellen'][i] + '</option>';
                    }
                    $('#model').html(options);
                    
                    
                    if (value == '') {
                        $('.model').hide();
                    }
                    
                    // Fix de prijzen
                    $('#van options').remove();
                    var options = '';
                    for (var i = 0; i < j['van'].length; i++) {
                        options += '<option value="' + j['van'][i] + '">' + j['van'][i] + '</option>';
                    }
                    $('#van').html(options);
                    
                    $('#tot options').remove();
                    var options = '';
                    for (var i = 0; i < j['tot'].length; i++) {
                        if (i == (j['tot'].length-1)) {
                            options += '<option value="' + j['tot'][i] + '" selected="selected">' + j['tot'][i] + '</option>';
                        } else {
                            options += '<option value="' + j['tot'][i] + '">' + j['tot'][i] + '</option>';
                        }
                    }
                    $('#tot').html(options);
                    $('#loading').hide();
                    $('#advancedSearch').show();
                }
             );
    });
});