jQuery.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {$(pager).find('li').removeClass('active').filter('li:eq('+currSlideIndex+')').addClass('active'); };

function initSlider(){     
$('#vehicle-slider').cycle({            slideExpr: '.panel',            fx: 'scrollDown',            speed: 'slow',            timeout: 8000,            pager: '.controls',            pause: 1,             pauseOnPagerHover: 1,             autostop: 0,            pagerAnchorBuilder: function(idx, slide) {                 return '<li><a href="#">' + (idx + 1) + '</a></li>';             },            pagerClick: function(zeroBasedSlideIndex, slideElement) { $('#vehicle-slider').cycle('pause'); }         });};

function removeSlider() { $('#vehicle-slider').cycle('destroy');  }

$(function(){
	initSlider();	
});

$(document).ready(function () {  
    
});


function loadCompareManufacturers() {    var vehicleType = 'Van';    $('select#rangeOne').html('<option value="0">Choose a van range</option>');   
$('select#rangeTwo').html('<option value="0">Choose a van range</option>');    $('select#vanOne').html('<option value="0">Choose a van</option>');    $('select#vanTwo').html('<option value="0">Choose a van</option>');    jQuery.getJSON('/vehicle/getmanufacturers.axd', { vehicleType: vehicleType }, function (manufacturers) {        var html = '';        var len = manufacturers.length;        html += '<option value="0">Choose a van manufacturer</option>';        for (var i = 0; i < len; i++) {            html += '<option value="' + manufacturers[i].Id + '">' + manufacturers[i].Name + '</option>';        }        $('select#manufacturerOne').html(html);        $('select#manufacturerTwo').html(html);                            });      }function loadCompareLeftRanges() {    $('select#vanOne').html('<option value="0">Select a van</option>');    
loadCompareRanges('select#rangeOne', 'select#manufacturerOne', 'rangeOne');}
function loadCompareRightRanges() {    $('select#vanTwo').html('<option value="0">Choose a van</option>');    loadCompareRanges('select#rangeTwo', 'select#manufacturerTwo', 'rangeTwo');}function loadCompareRanges(rangeSelect, manufacturerSelect, selectName) {    var vehicleType = 'Van';    var manufacturerId = $(manufacturerSelect).val();    jQuery.getJSON('/vehicle/getrangebymanufacturer.axd', {manufacturerId:manufacturerId, vehicleType:vehicleType}, function(ranges){        var html = '';        var len = ranges.length;        html += '<option value="0">Choose a van range</option>';        for (var i = 0; i < len; i++) {                html += '<option value="' + ranges[i].Id + '">' + ranges[i].Name + '</option>';        }        $(rangeSelect).html(html);                                            });}
function setupCompareFields() {    loadCompareManufacturers();    $('select#manufacturerOne').change(function () {        loadCompareLeftRanges();    });    $('select#manufacturerTwo').change(function () {        loadCompareRightRanges();    });    $('select#rangeOne').change(function () {        loadLeftVans();    });    $('select#rangeTwo').change(function () {        loadRightVans();    });}function loadLeftVans() {    loadVans('select#rangeOne', 'select#manufacturerOne', 'select#vanOne', 'vanOne');}function loadRightVans() {    loadVans('select#rangeTwo', 'select#manufacturerTwo', 'select#vanTwo', 'vanTwo');}function loadVans(rangeSelect, manufacturerSelect, vanSelect, selectName) {    var vehicleType = 'Van';    var manufacturerId = $(manufacturerSelect).val();    var rangeId = $(rangeSelect).val();    
jQuery.getJSON('/vehicle/getvehiclenames.axd', {manufacturerId:manufacturerId, rangeId:rangeId, vehicleType:vehicleType}, function(vans){        var html = '';        var len = vans.length;        html += '<option value="0">Choose a van</option>';        for (var i = 0; i < len; i++) {                html += '<option value="' + vans[i].Id + '">' + vans[i].Name + '</option>';        }        $(vanSelect).html(html);                                            });}$(document).ready(function () {    setupCompareFields();});


        $(document).ready(function () {       
            $("li.mega").hoverIntent(megaConfig);
        });

        $('#js-news').ready(function () { $('#js-news').ticker({titleText: '',controls: false}); });
        
        function loadVehicles(bodyType){
            $('#toppanel').load('/vehicle-offers-by-type.html?BodyType=' + bodyType, setupEvents);
			
        }
        
        function setupEvents(){
            $('ul#body-type-selector li a').click(function(){
                removeSlider();
                var id = $(this).attr('id');
                var bodyType = id.substring(0, id.length-6);
                loadVehicles(bodyType);
                return false;
            });             
            
			$('input').click(function(){
			    $('#vehicle-slider').cycle('stop');
			});

            initSlider();
            validateForm();

            $(".youtube").colorbox({iframe:true, innerWidth:730, innerHeight:480});
        }
        
        function addMega(){ $(this).addClass("hovering"); } 
        function removeMega(){ $(this).removeClass("hovering"); } 
        var megaConfig = { interval: 50, sensitivity: 4, over: addMega, timeout: 500, out: removeMega };