var missing_images;
var loaded_images;

function checkImages() {
	missing_images = 0;
	loaded_images = 0;
	$('img', '#innerMenu').each(function(index) {
		if(!this.width) {
			missing_images += 1;

			return false;
		} else
			loaded_images++;
	});
	$('img', '#innerMenu2').each(function(index) {
		if(!this.width) {
			missing_images += 1;

			return false;
		} else
			loaded_images++;
	});
	if(!missing_images) {
		$('#innerMenu').css("display", "none").css("visibility", "visible").fadeIn("slow");
		$('#innerMenu2').css("display", "none").css("visibility", "visible").fadeIn("slow");
	} else
		setTimeout("checkImages()", 100);
}


jQuery(document).ready(function($) {

	if($('.bikes').length) {

		var minOffset = $('#header').position().left;
		var branding = $('.branding'), bikeScroller = $('.bikes'), bikeNav = $('#bike-slider .nav'), bikes = bikeScroller.find('li'), bikeNavLinks = bikeNav.find('li');

		bikeScroller.css('left', minOffset);
		bikeNav.css('right', minOffset);
		branding.css('left', minOffset);

		bikes.eq(0).addClass('active');
		bikeNavLinks.eq(0).addClass('active');

		bikeNavLinks.bind('click', function() {
			if(bikeScroller.data('active') !== 'true' && !$(this).hasClass('active')) {
				bikeScroller.data('active', 'true');
				var index = $(this).index();
				var distance = 0 + minOffset - (index * 870);
				var bike = bikes.eq(index);

				bikes.filter('.active').find('p').fadeOut(400).removeClass('active');

				bike.find('p').fadeIn(400, function() {
					bike.addClass('active');
				});

				bikeNavLinks.filter('.active').removeClass('active')
				bikeNavLinks.eq(index).addClass('active');

				bikeScroller.animate({
					'left' : distance
				}, 500, function() {

					bikeScroller.data('active', 'false');
				});
			}

			return false;
		});

		$(window).bind('resize', function() {
			minOffset = $('#header').position().left;

			bikeScroller.css('left', minOffset);
			bikeNav.css('right', minOffset);
			branding.css('left', minOffset);
		});
	}

	$('.image-col').fadeIn(1600, function() {
		var self = $(this), panel = self.find('.panel');
		panel.animate({
			'bottom' : '0'
		}, 600);
	});

	jQuery.easing.def = "swing";
	setTimeout("checkImages()", 100);

	$("#footer .column").mouseenter(function() {
		distance = -$('.slider_text', this).position().left;
		$('.slider_text', this).stop();
		$('.slider_text', this).animate({
			left : '0'
		}, {
			duration : 600
		});
	});
	$('#footer .column').mouseleave(function() {
		distance = $('.slider_text', this).position().left + 260;
		$('.slider_text', this).stop();
		$('.slider_text', this).animate({
			left : '-260'
		}, {
			duration : 600,
			complete : function() {

			}
		});

	});
});