$(document).ready(function(){
	$.ajax({
		url: "parrilla_act.php",
		type: 'POST',
		dataType: 'text',
		data: "fecha=&view=",
		error: function(){
			return false;
		},
		success: function(data){
			$("#miParrilla").html(data).fadeIn('normal');
			resize_parrilla();
			initializeParrilla();
		}
	});
})

function initializeParrilla(){
	var wbar = ($("#scroll_bullet_container").width() - $("#scroll_bullet").width());
	var wscroll = $("#horas").width();
	var pos_scroll = $("#pos_scroll").val();
	x = parseInt(pos_scroll * wbar / wscroll, 10);

	$("#scroll_bullet").draggable({
		containment: '#scroll_bullet_container',
		scroll: false,
		drag: function(event, ui) {
			pos_scroll = parseInt(wscroll * ui.position.left / wbar, 10);			
			$("#progInfo").scrollTo(pos_scroll)
		}
	});
	$("#scroll_bullet_container").click(function(e){
		var x = e.pageX - $(this).offset().left;
		pos_scroll = parseInt(wscroll * x / wbar,10);
		$("#scroll_bullet").css( {left: x});		
		$("#progInfo").scrollTo(pos_scroll);
		e.preventDefault();
	});
	$("#scroll_right").click(function(e){
		if ($("#scroll_bullet").position().left < ($("#scroll_right").position().left  - 50)){
			$("#scroll_bullet").animate({"left": "+=50px"}, "slow");
			$("#progInfo").scrollTo("+=300px", "slow");
		}
	})	
	$("#scroll_left").click(function(e){
		if ($("#scroll_bullet").position().left > ($("#scroll_left").position().left + 50)){
			$("#scroll_bullet").animate({"left": "-=50px"}, "slow");
			$("#progInfo").scrollTo("-=300px", "slow");
		}
	})	
}
function resize_parrilla(){
	var vista = $('#view').val();
	if (vista == ''){
		var tamParrilla = ($('#miParrilla').width() - $('#misSalas').width() ) - 5;
		$('#progInfo').css('width', tamParrilla);
		wbar = ($("#scroll_bullet_container").width() - $("#scroll_bullet").width());
		wscroll = ($("#horas").width() - $("#progInfo").width());
	}else{
		var tamParrillaH = ($('#miParrilla').width() - $('#horario').width() ) - 5;
		var canales = $('.contCanal').size();
		var width = (tamParrillaH / canales);
		$('.contCanal').css('width', width);
	}
	var wbar = ($("#scroll_bullet_container").width() - $("#scroll_bullet").width());
	var wscroll = $("#horas").width();
	var pos_scroll = $("#pos_scroll").val();

	var x = parseInt(pos_scroll * wbar / wscroll, 10);

	$("#progInfo").scrollTo(pos_scroll);
	$("#scroll_bullet").css( {left: x});
}

function showCurso(id_producto, id_reunion){
	$('#programacionDiaria div').each(function(){
		$(this).removeClass('progAct');
	});

	var item = 'reunion_'+id_producto;
	$('#'+item).addClass("progAct");
	$('#caja').fadeOut('normal');

	abrirLoading();
	$.ajax({
		url: "infoCurso.php",
		type: 'POST',
		dataType: 'text',
		data: "accion=info_curso&id_producto=" + id_producto+"&id_reunion="+id_reunion,
		error: function(){
			return false;
		},
		success: function(data){
			$('#caja2').fadeIn("normal");
			$("#info_curso").fadeOut("normal", function () {
				$("#info_curso").html(data).fadeIn("normal", function () {
					$(window).scrollTo('#caja2', 2000);
					cerrarLoading();
				});
			});
		}
	});
	return false;
}

function changeView(){
	var fecha = $('#fecha_ahora').val();
	var vista = $('#view').val();
	if (vista == 1) vista = '';
	else vista = 1;
	$.ajax({
		url: "parrilla_act.php",
		type: 'POST',
		dataType: 'text',
		data: "fecha=" + fecha + "&view="+vista,
		error: function(){
			return false;
		},
		success: function(data){
			$("#miParrilla").fadeOut('normal',function () {
				$(this).html(data).fadeIn('normal', function () {
					resize_parrilla();
					initializeParrilla();
				});
			});
		}
	});
}

function ampliarParrilla(){
	$('#menulateral').toggle(function(){
		resize_parrilla();
	});
}