var curHeight = 0;

$(document).ready(function(){
	initHeight();
	
	$('#controlsHead span').click(function(){
	
		if(!$(this).hasClass('active')) {
			
			var id = $(this).attr('id').replace('control_','');
			var pos = 0;
			
			if(id == 'ma') pos = 0;
			if(id == 'ti') pos = 80;
			if(id == 'ke') pos = 160;
			if(id == 'pe') pos = 80;
			if(id == 'la') pos = 160;
			if(id == 'su') pos = 240;
			
			if(pos < 80) $("#control_ma").addClass("active"); else $("#control_ma").removeClass("active");
			if(pos < 160) $("#control_ti").addClass("active"); else $("#control_ti").removeClass("active");
			if(pos < 240) $("#control_ke").addClass("active"); else $("#control_ke").removeClass("active");
			if(pos > 0) $("#control_pe").addClass("active"); else $("#control_pe").removeClass("active");
			if(pos > 80) $("#control_la").addClass("active"); else $("#control_la").removeClass("active");
			if(pos > 160) $("#control_su").addClass("active"); else $("#control_su").removeClass("active");
			
			$("#controlBar .bar").animate({'left': pos + 'px'});
			$("#columns").animate({'left': -690 * (pos / 240) + 'px'});
			
		}
		
	}).css({'cursor': 'pointer'});
	
	$("#controlBar .bar").draggable({
		axis: 'x',
		containment: 'parent',
		drag: function(event, ui) {
			if(this.offsetLeft < 80) $("#control_ma").addClass("active"); else $("#control_ma").removeClass("active");
			if(this.offsetLeft < 160) $("#control_ti").addClass("active"); else $("#control_ti").removeClass("active");
			if(this.offsetLeft < 240) $("#control_ke").addClass("active"); else $("#control_ke").removeClass("active");
			if(this.offsetLeft > 0) $("#control_pe").addClass("active"); else $("#control_pe").removeClass("active");
			if(this.offsetLeft > 80) $("#control_la").addClass("active"); else $("#control_la").removeClass("active");
			if(this.offsetLeft > 160) $("#control_su").addClass("active"); else $("#control_su").removeClass("active");
			
			$("#columns").css("left", -690 * (this.offsetLeft / 240) + "px");
		}
	});
	
	var t = setTimeout(function() {
		
		$('.noticeBox').fadeIn('slow');
	
	},1000);
	
	var t = setTimeout(function() {
		
		$('.noticeBox').fadeOut('slow');
			
	}, 5000);
	
});

function initHeight() {

	$('#weekProgram .column .padding').each(function() {
		if($(this).height() > curHeight) {
			curHeight = $(this).height();
		}
	});
	
	$("#columns").css("height", curHeight+"px");
	if(curHeight+46 > 457) $("#weekProgram").css("height", curHeight+46+"px");
}

function openPopup(e) {
	$("#programPopup .padding").html($(e).children(".content").html());
	$("#programPopup").fadeIn("normal");
	$("#programPopup").css("height", $("#programPopup .padding").height() + 54 + "px");
}

function closePopup() {
	$("#programPopup").hide();
}