$(document).ready(
	function(){
		fnInitializeNews();
		fnInitializePanels();
	}
);


function fnInitializeNews() {
	var num_shift = 3;
	var width_margin = 0;
	var width_item = $("#teams-list > li").width() + width_margin;
	var width_window = $("#teams-window").width();
	var num_children = $("#teams-list").children().length;
	var width_list = (num_children * width_item) - width_margin;
	if (width_window >= width_list) {
		$("#teams-left").css("display", "none");
		$("#teams-right").css("display", "none");
	} else {
		$("#teams-left").addClass('inactive');
		$("#teams-left").click(
			function(event){
				$("#teams-right").removeClass('inactive');
				var x_dest;
				var x_marginleft = Number($("#teams-list").css("margin-left").replace('px',''));
				if (x_marginleft + (width_item * num_shift) < 0) {
					x_dest = x_marginleft + (width_item * num_shift);
				} else {
					x_dest = 0;
					$(this).addClass('inactive');
				}
				$("#teams-list").animate({ marginLeft: x_dest + "px" }, 500 );
				return false;
			}
		);
	
		$("#teams-right").click(
			function(event){
				$("#teams-left").removeClass('inactive');
				var x_dest;
				var x_marginleft = Number($("#teams-list").css("margin-left").replace('px',''));
				if (x_marginleft - (width_item * num_shift) > (width_window - width_list)) {
					x_dest = x_marginleft - (width_item * num_shift);
				} else {
					x_dest = (width_window - width_list);
					$(this).addClass('inactive');
				}
				$("#teams-list").animate({ marginLeft: x_dest + "px" }, 500 );
				return false;
			}
		);
	}
}

function fnInitializePanels() {
	var num_children = $("#panel-nav").children().length;
	$("#panel-0").addClass('active');
	for(i=1; i<num_children; i++) {
		$("#panel-content-" + i).hide();
	}
	$(".tech-item").click(
		function(event){
			fnTogglePanel(this.id);
			return false;
		}
	);
}

function fnTogglePanel(param_id) {
	fnDeactivatePanels();
	array_id = param_id.split("-");
	$("#panel-" + array_id[1]).addClass('active');
	$("#panel-content-" + array_id[1]).show();
}

function fnDeactivatePanels() {
	var num_children = $("#panel-nav").children().length;
	for(i=0; i<num_children; i++) {
		if ($("#panel-" + i).hasClass('active')) {
			$("#panel-" + i).removeClass('active');
			$("#panel-content-" + i).hide();
		}
	}
}