Cufon.replace('h2');
$(document).ready(function(){
  $("img.cr").imgr({radius:"10px"});
  $('#navigator li').each(function(i)
  {
    $($('#navigator li')[i]).click(function(event){slide(event.target.id.split('-')[1]); __timer.reset(3000);});
  });
  
	miniElCount = $('#slider-items li').length;
  __timer = $.timer(3000, function(timer)
  {
    slide(parseInt(cur)+1);
    if(cur>=4)
      cur=-1;
  });

	_timerMini = $.timer(3000, function(timer)
	{
		minislide(parseInt(miniCur)+1);
		if(miniCur>=miniElCount-1)
		{
			miniCur = -1;
		}
	});

	$('#prev').click(function()
	{
		_timerMini.reset(3000);
		miniCur--;
		if(miniCur<0)
		{
			miniCur = miniElCount-1;
		}
		minislide(miniCur);
	});
	
	$('#next').click(function()
	{
		_timerMini.reset(3000);
		miniCur++;
		if(miniCur>miniElCount-1)
		{
			miniCur = 0;
		}
		minislide(miniCur);
	});
});

var cur = 0;
var miniCur = 0;
var miniElCount = 0;
var _timer = {};
var _timerMini = {};

function resetNav(index)
{
  $('#navigator li a').each(function(i)
  {
    $($('#navigator li a')[i]).removeClass('active');
  });
  $($('#navigator li a')[index]).addClass('active');
}
function slide(index)
{
	cur = index;
	resetNav(index);
	$('#slider').stop();
	$('#slider').animate({'margin-left':index*-460}, 500,'easeOutBack');
	if(cur>=4)
      cur=-1;
}

function minislide(index)
{
	miniCur = index;  
	$('#slider-items li').animate({'left':index*-284}, 500);
	$('#project li').animate({'left':index*-298}, 500);
}