var currentPos = 0;
var itemNumber = 0;
var itemWidth = 0;
var maxItems = 0;

$(document).ready(function() 
	/* setting up blockUI */{
	$.blockUI.defaults.overlayCSS.opacity = '0';
	$.blockUI.defaults.bindEvents = true;
	
	/* accordion */
	$("#accordion").accordion({
		fillSpace: true
	});

	/* postcards */
	$(".postcard li:not(:first-child)").hide();
	$("area").click(function() {
		var item = "." + $(this).attr("href").substring(1);
		$(".postcard li:visible").stop().fadeOut(250);
		$(".postcard li" + item).stop().delay(250).fadeIn(250);
	});
	
	/* video slidebox */
	$(".training-box .middle > div:not(:first-child)").hide();
	$("ul.navi-trainings a").click(function(e){
		$("ul.navi-trainings a.active").removeClass("active");
		$(this).addClass("active");
		var item = $(this).attr("href").substring(1);
		var t = 500;
		$(".training-box .middle > div:not(#"+item+"):visible").fadeOut(t);
		$(".training-box .middle > div#"+item+":hidden").delay(t).fadeIn(t);
		e.preventDefault();
		return false;
	});
	
	$('li.category').click(function(){
		startLoading();
		$('#trainings-wrapper').html("<ul class='it-initiative-skin'></ul>");
		$('#trainings-wrapper>ul').delay(500).load($('a', this).attr('href'), function(){
			$('li', this).each(function(){ $(this).text().length === 0 && $(this).remove();	});
			initSlider();
		});
	});
	$('li.category a').click(function(e){e.preventDefault();});
	
	$('#trainings-wrapper li')
		.live('mouseenter',function(){$('span.description',this).stop().animate({top:'0px'}, 200, 'easeInOutCubic')})
		.live('mouseleave',function(){$('span.description',this).stop().animate({top:'-86px'}, 200, 'easeInOutCubic')});
		
	/* pajinate */
	$('#school').pajinate({
		items_per_page:8,
		nav_label_first:"|<",
		nav_label_prev:"<<",
		nav_label_next:">>",
		nav_label_last:">|"
	});
	
	$('#profession').pajinate({
		items_per_page:8,
		nav_label_first:"|<",
		nav_label_prev:"<<",
		nav_label_next:">>",
		nav_label_last:">|"
	});
});

function startLoading(){
	$(".training-box > .middle > div:visible > ul > li").block({ message:null });
	$("#training-selector:visible").hide();
	$("#loader").stop().fadeIn(200);
}

function initSlider(){
	$("#loader").stop().fadeOut(500, function(){
		itemNumber = $("#trainings-wrapper>ul li").length;
		itemWidth = 172;
		maxItems = 3;
		currentPos = 0;
		checkButtons();
		$("#btn-next").unbind("click");
		$("#btn-prev").unbind("click");
		
		
		var ulWidth = (itemWidth*itemNumber) + 100;
		var wrapperWidth = (itemWidth*maxItems);
		$('#trainings-wrapper>ul').css({ width:""+ulWidth+"px" });
		$('#trainings-wrapper').css({ width:""+wrapperWidth+"px" });
		if (itemNumber <= maxItems){
			$("#btn-next").hide();
			$("#btn-prev").hide();
			alert("hiding");
		} else {
			var delta = maxItems*itemWidth - 5; // 5 = margin-right
			$("#btn-next, #btn-prev").css({ cursor:"pointer" });
			$("#btn-next").click(function(){
				currentPos -= delta;
				$("#trainings-wrapper>ul").stop().animate({ left: currentPos+"px" }, checkButtons);
				$(this).hide();
			});
			$("#btn-prev").click(function(){
				currentPos += delta;
				$("#trainings-wrapper>ul").stop().animate({ left: currentPos+"px" }, checkButtons);
				$(this).hide();
			});
		}
		
		$('#trainings-wrapper a').fancybox({type:'iframe', width:960, height:620});
		$("#training-selector").stop().fadeIn(500);
		$(".training-box > .middle > div:visible > ul > li").delay(500).unblock();
	});
}

function checkButtons(){
	if (currentPos >= 0){
		$("#btn-prev").hide();
	} else {
		$("#btn-prev").show();
	}
	
	if (currentPos < -maxItems*(itemWidth-maxItems)){
		$("#btn-next").hide();
	} else {
		$("#btn-next").show();
	}
}