$(document).ready(function() {
  $('#carousel .holder').mousedown(function(event) {
    $(this)
      .data('down', true)
      .data('x', event.clientX)
      .data('scrollLeft', this.scrollLeft);
    return false;
  }).mouseup(function(event) {
    $(this).data('down', false);
  }).mousemove(function(event) {
    if ($(this).data('down') == true) {
      this.scrollLeft = $(this).data('scrollLeft') + $(this).data('x') - (event.clientX)
    }
  }).mousewheel(function(event, delta){
    this.scrollLeft -= delta;
  }).css({
    'overflow' : 'hidden'
  });

	var myInterval;
	$('#carousel .next').mousedown(function(event) {
		myInterval = setInterval ( function() {
			var myHolder = $('#carousel .holder');
			myHolder.data('scrollLeft', myHolder.scrollLeft());
			myHolder.scrollLeft(myHolder.data('scrollLeft')+1);
			myHolder.data('scrollLeft', myHolder.scrollLeft());
		}, 1 );
		return false;
	}).mouseup(function() {
		clearInterval(myInterval);
	});
	$('#carousel .prev').mousedown(function(event) {
		myInterval = setInterval ( function() {
			var myHolder = $('#carousel .holder');
			myHolder.data('scrollLeft', myHolder.scrollLeft());
			myHolder.scrollLeft(myHolder.data('scrollLeft')-1);
			myHolder.data('scrollLeft', myHolder.scrollLeft());
		}, 1 );
		return false;
	}).mouseup(function() {
		clearInterval(myInterval);
	});
	
	// var totalWidth = 0;
	// for (var i=1; i < (12); i++) {
	// 	totalWidth += $('#carousel .box:nth-child('+i+')').width() + 50;
	// };
	// $('#carousel .boxes').css('width', totalWidth);
	
	var today = new Date;
	var width = 0;
	for (var i=1; i < (today.getMonth()+1); i++) {
		width += $('#carousel .box:nth-child('+i+')').width() + 20;
	};
	var myHolder = $('#carousel .holder');
	myHolder.scrollLeft(width);
	myHolder.data('scrollLeft', myHolder.scrollLeft());
});

$(window).mouseout(function(event){
  if ($('#holder').data('down')) {
    try {
      if (event.originalTarget.nodeName == 'BODY' || event.originalTarget.nodeName == 'HTML') {
        $('#holder').data('down', false);
      }
    } catch(e) {}
  }
});