$(document).ready(function() {
	
	// Home page slideshow
	$('#slideshow').cycle();
	
	// Home page bottom scroller
	origCount = $('.viewpane ul li').length;
	var wholePanes = Math.floor(origCount / 4);
	var remainder = origCount % 4;
	if(remainder > 0) {
		wholePanes++;
		var addListItems = 4 - remainder;
		for(var i = 1;i <= addListItems; i++) {
			$('.viewpane ul').append('<li>&nbsp</li>');
		}
	}
	$('.viewpane ul li').clone().appendTo('.viewpane ul');
	var itemWidth = $('.viewpane ul li').outerWidth(true);
	var count = $('.viewpane ul li').length;
	var totalWidth = itemWidth * count;
	var paneWidth = $('.viewpane').width();
	var totalViewables = wholePanes * 2;
	var midPoint = totalViewables / 2;
	var viewableWidth = 4 * itemWidth;
	currentPosition = 0;
	currentViewable = 1;
	
	$('.viewpane ul').css('width', totalWidth);
	
	$('#slider .nav-right').click(function(e) {
		e.preventDefault();
		clearTimeout(timer);
		slideLeft();
	});
	
	$('#slider .nav-left').click(function(e) {
		e.preventDefault();
		clearTimeout(timer);
		slideRight();
	});
	
	function slideLeft() {
		if(currentViewable == totalViewables) { wrapAround(); }
		$('.viewpane ul').animate({
		  		left: (currentPosition - viewableWidth)
  		}, 500, function() {
    		currentPosition = currentPosition - viewableWidth;
			currentViewable++;
  		});
		timer = setTimeout(slideLeft, 5000);
	}
	
	function slideRight() {
		if(currentViewable == 1) {  wrapAroundStart(); }
		// alert(currentPosition + viewableWidth);
		$('.viewpane ul').animate({
		   	left: (currentPosition + viewableWidth)
		 }, 500, function() {
		   	currentPosition = $('.viewpane ul').css('left');
			currentPosition = Number(currentPosition.replace('px', ''));
			currentViewable--;
		});
		timer = setTimeout(slideLeft, 5000);
	}
	
	function wrapAround() {
		$('.viewpane ul').css('left', -((midPoint -1) * paneWidth));
		currentPosition = -((midPoint -1) * paneWidth);
		currentViewable = midPoint;
	}
	
	function wrapAroundStart() {
		$('.viewpane ul').css('left', -(midPoint * paneWidth));
		currentPosition = $('.viewpane ul').css('left');
		currentPosition = Number(currentPosition.replace('px', ''));
		currentViewable = wholePanes + 1;
	}
	
	timer = setTimeout(slideLeft, 5000);
	
	// Home page form select
	$('#browse-form #selecter').click(function(e){
		e.stopPropagation();
		e.preventDefault();
		$('#selecter').toggleClass('active');
		$('#browse-form .select #options').slideToggle('slow');
	});
	
	$(document).click(function(e) {
		$('#browse-form .select #options').slideUp('slow');
		$('#selecter').removeClass('active');
	});
	
	$('#browse-form .select #options a').click(function(e) {
		e.stopPropagation();
		e.preventDefault();
		var selected = $(this).text();
		$('#browse-form #selected').attr('value', selected);
		$(this).parent('li').addClass('selected');
		
		var link_id     = this.id;
		var link_arr    = link_id.split('_');
		var category_id = link_arr[1];
		var domain      = $('#domain').val();
		$('#browse-form').attr('action', domain+'business/show/'+category_id); 
		$('#link_selected').val('yes');
		$('#browse-form').submit();
	});
	
	$('#browse-form .select #options a').click(function(e) {
		e.stopPropagation();
		e.preventDefault();
		var selected = $(this).text();
		$('#browse-form #selected').attr('value', selected);
		$(this).parent('li').addClass('selected');
	});
	
});