$(document).ready(function(){

	$('.slide-image-slideshow').cycle();

	$(".featured-wineries").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        circular: false,
        start: 0,
        visible: 4
    });

	$(".featured-wineries li a.tooltip").tooltip({
		bodyHandler: function() {
			return $('#'+$(this).attr("rel")).html();
		},
		showURL: false,
		fixPNG: true,
		track: true,
		positionLeft: true,
		left: -20,
		top: -80,
		delay: 0
	});

	var scrollSpeed = 500;

	$('#slide-nav li:first').addClass('active');
	$('#slide-container').css('width', calculateTotalSlidesWidth('.slide') + 'px');

	$('#slide-nav a').click(function(){
	
		$('#slide-nav li').removeClass('active');
		$(this).parent().addClass('active');
		
		$('#slides .slide').removeClass('active-slide');
		$($(this).attr('href')).addClass('active-slide');
		
		$('#slides').scrollTo($(this).attr('href'), scrollSpeed, {axis:'x'});
		
		return false;
	});
	
	/* ---------- auto slide navigation functionality ---------- */

	var slideInterval = 5000;
	
	var slide_array = new Array();
	var link_array = new Array();
	
	$('#slides .slide').each(function(index) {
		slide_array[index] = '#'+$(this).attr('id');
		//alert('#'+$(this).attr('id'));
	});

	$('#slide-nav a').each(function(index) {
		link_array[index] = '#'+$(this).attr('id');
		//alert('#'+$(this).attr('id'));
	});
		
	var timer = setInterval(showSlideDiv, slideInterval);
	
	$("#masthead").hover(
		function () {
			clearInterval(timer);
		}, function() { 
			timer = setInterval(showSlideDiv, slideInterval);
		}
	);	

	function showSlideDiv() {

		for (var i = 0; i < link_array.length; i++) {
			if ($(link_array[i]).parent().hasClass('active')) {
				if ((i+1) >= link_array.length) {
					var scroll_id = 0;
				} else {
					var scroll_id = i+1;
				}
				$('#slide-nav li').removeClass('active');
				$(link_array[scroll_id]).parent().addClass('active');
				$('#slides').scrollTo(slide_array[scroll_id], scrollSpeed, {axis:'x'});
				return false;
			}
		}	
	}
	
	/* ----- end auto slide navigation ----- */

	function calculateTotalSlidesWidth(element) {
		var slidesDivWidth = 0;	
		$(element).each(function(i){
			slidesDivWidth += $(this).width();
		});
		return slidesDivWidth;
	}
	
});