$(document).ready(function() {

	$('.bar').each( function() {
		var bar = $(this);
		var section = bar.next('.section');
		var close = bar.find('a.arrow');
		close.click(function() {
			if ( bar.hasClass('closed') ) {
				bar.removeClass('closed');
				section.show();
			}
			else {
				bar.addClass('closed');
				section.hide();
			}
			return false;
		});
	});
	
	// "high quality" anti-theft
	$('img[src*=lots/image], img[src*=content/contentimage]').each(function() {
		$(this).bind("contextmenu", function() { return false; });	
	});
	
	function placeElements(elements) {
		var left = 0;
		elements.each(
			function() {
				$(this).css("left", left);
				left += (20+$(this).width());
			}
		);
		
		return left;
	}
	
	function createCarousel(element) {
		var carouselInside = $("<div class='carouselInside'></div>");
		element.wrapInner(carouselInside);
		
		carouselInside = element.find('.carouselInside');
		
		var elements = carouselInside.find(".featuredLot");
		
		var elementHeight = 0;
		var elementWidth = 0;
		elements.each(
			function() {
				elementHeight = Math.max($(this).height(), elementHeight);
				elementWidth  = Math.max($(this).width(), elementWidth);
			}
		);
		
		element.height(elementHeight + 20).css({overflow: "hidden", position: "relative"});
		
		elements.removeClass("first").css({position: "absolute"});
		var totalWidth = placeElements(elements);
		
		carouselInside.width(totalWidth).height(elementHeight + 20).css({position: "absolute", left: 0});
		
		// don't bother making carousel if enough space already
		if ( totalWidth <= element.width() )
			return;
		
		// add buttons to scroll lots left/right
		var buttonLeft = $("<a href='#' title='scroll left'>&lt;&lt;</a>");
		var buttonRight = $("<a href='#' title='scroll right'>&gt;&gt;</a>");
		
		var buttons = $("<div style='float: right'></div>").append(buttonLeft).append(" ").append(buttonRight);
		
		element.parent().prepend(buttons);
		
		buttons.css({top: -buttons.height()});
		
		function scroll(dir) {
			var currentLeft = carouselInside.offset().left - element.offset().left;
			
			var targetLeft = dir < 0? currentLeft - (elementWidth+20) : currentLeft + (elementWidth+20);
			
			targetLeft = Math.min(0, Math.max(-(totalWidth - element.width()), targetLeft) );
			var diff = Math.abs(targetLeft - currentLeft);
			if ( diff > 0 ) {
				carouselInside.animate({left: targetLeft}, 500);
			}
		}
		
		buttonLeft.click(function(event) { scroll(1); event.preventDefault(); });
		buttonRight.click(function(event) { scroll(-1); event.preventDefault(); });
	}
	
	$('.carousel').each(
		function() {	
			createCarousel($(this));
		}
	);

	// hide the signup form (after first non-empty td)
	var hide = false;
	$('#email_signup table table td').each(function() {
		if ( hide ) {
			$(this).hide();
		}
		else if ( $(this).text() ) { 
			hide = true;
			// add a click handler to show rest of form, when click
			$(this)
				.attr('title', 'Click to Join Mailing List')
				.css({cursor:'pointer'})
				.click(function() { $('#email_signup table table td').show(); });
		}
	});
});