$(document).ready(function() {

	var itemWidth = 223;
	var current = 0;
	var total = $('.model-listing.tuotteet li').size();
	var dir;
	
	$('.model-listing.tuotteet').wrap('<div id="product-box"><div id="product-container"></div></div>');
	$('#product-box').prepend('<div class="arrow left"><a href="javascript:;"></a></div><div class="arrow right"><a href="javascript:;"></a></div>');
	

	if(total > 3)
		$('.arrow.right').addClass('active');
	
	
	$('.arrow.active').live('click', function(){
		
		if($(this).hasClass('left'))
			dir = -1;
		else
			dir = 1;
		
		$('#product-box #product-container ul').animate({left: (-1*(current+dir)*itemWidth)+'px'});
		
		current = current + dir;
		
		console.log(current);
		
		if((current+1) > total-3)
			$('.arrow.right').removeClass('active');
		else
			$('.arrow.right').addClass('active');
		
		if(current == 0)
			$('.arrow.left').removeClass('active');
		else
			$('.arrow.left').addClass('active');
		
		return false;
	});
	
	
	updateEventTime();
});

function updateEventTime()
{
  var now = new Date();
  var times = [[2011,6,22],[2011,7,6],[2011,7,13]];
  var $elem = $('#footer em');
  for (var i = 0; i < times.length; i++) {
    var time = times[i];
    var date = new Date();
    date.setFullYear(time[0]);
    date.setMonth(time[1]-1);
    date.setDate(time[2]);
    if (
      now.getFullYear() < date.getFullYear() ||
      (now.getFullYear() == date.getFullYear() && now.getMonth() < date.getMonth()) ||
      (now.getFullYear() == date.getFullYear() && now.getMonth() == date.getMonth() && now.getDate() < date.getDate())
    ) {
      var diff = Math.floor((date.getTime() - now.getTime()) / 1000);
      var days = Math.ceil(diff / (60 * 60 * 24));
      if (days > 1)
        $elem.text(days+' days to next event');
      else
        $elem.text('1 day to next event');
      return;
    }
  }
  $elem.hide();
}