var listIndex=0;
var totalSize;

$(document).ready(function(){
	var sizeOfUl=$('#blue_box_nav > li').length-1;
	totalSize = sizeOfUl;
	var tabs = $('ul.blue_box_nav').children('li');
	var count = $('ul.blue_box_nav').children('li').children('a').length;
	
	checkArrows();
	
	if(sizeOfUl!=0){
		$('#next_item, #prev_item').css({'display':'block'});
	}
	
	for(var i=0; i<count; i++)
	{
		if(tabs.children('a:eq('+i+')').attr('class') == 'active')
		{
			var currentPage = Math.floor(i/4);
			break;
		}
	}
	
	slideToPage(currentPage);
	//$('#blue_box_nav > li:eq(0) > ul li').css({'top':'32px'});
	
	$('#next_item a').click(function(e){
		e.preventDefault();
		//console.log('if '+listIndex+' < '+sizeOfUl)
		if(listIndex<sizeOfUl){
			//console.log('true');
			slideUpLI();
			listIndex++;
			//console.log('Here is the current parent ul li = ' + listIndex);
		}
		checkArrows();
	});
	$('#prev_item a').click(function(e){
		e.preventDefault();
		if(listIndex>0){
			slideUpLI();
			listIndex--;
			//console.log('Here is the current parent ul li = ' + listIndex);
		}
		checkArrows();
	});
	
	
});

function slideToPage(page)
{
	if(page < 0 || page > totalSize) return;
	
	$('#blue_box_nav > li:eq('+page+') > ul li').css({'top':'32px'});
	listIndex = page;
	
	checkArrows(); 
}


function checkArrows(){
	if(listIndex>=totalSize){
		$('#next_item').css({'opacity':'.5'});
	}else{
		$('#next_item').css({'opacity':'1'});
	}
	if(listIndex==0){
		$('#prev_item').css({'opacity':'.5'});
	}else{
		$('#prev_item').css({'opacity':'1'});
	}
}

function slideUpLI(){
	var $F = function(){};
	
    for(var i=3, d=0; i>=0; i--, d+=100)
		$('#blue_box_nav > li:eq('+listIndex+') > ul > li:eq('+i+')').delay(d).animate({'top':'0px', 'left':'0px'}, 200, (i==0) ? slideDownLI : $F);
}

function slideDownLI(){
	for(var i=3, d=0; i>=0; i--, d+=100)
		$('#blue_box_nav > li:eq('+listIndex+') > ul > li:eq('+i+')').delay(d).animate({'top':'32px', 'left':'0px'});
}