function canalEstilo(content){
		jQuery('.notas3 .padding', '.canalEstilo').html(content.html);
		jQuery('.canalEstilo').collapsableTabs({closed:true});
		jQuery('.canalEstilo').showSnapshots();
}

function canalCancha(content){
		jQuery('.notas3 .padding', '.canalCancha').html(content.html);
		jQuery('.canalCancha').collapsableTabs({closed:true});
		jQuery('.canalCancha').showSnapshots();
}

function canalEspectaculos(content){
		jQuery('.notas3 .padding', '.canalEspectaculos').html(content.html);
		jQuery('.canalEspectaculos').collapsableTabs({closed:true});
		jQuery('.canalEspectaculos').showSnapshots();
}


// Los elementos que se inicializan por nombre de clase
var cajas = new Array('canalEspectaculos', 'canalEstilo', 'canalCancha');

jQuery(document).ready(function(){

	jQuery.each(cajas, function(index, value){
		jQuery('.'+value).move();
		jQuery('.'+value).collapse({name:value}); // Le pasamos el nombre de la caja

		//http://static.ak.lanacion.com.ar
		//$.getJSON("http://static.ak.lanacion.com.ar/anexos/includes/"+value+".json.asp?callback=?", function(content) {});

	});

	jQuery('.edImpresa').showSnapshots({container:'.nota'});
	
	
	
	/*
	$('#ordenar ul').sortable({
		placeholder: 'item-highlight',
		update: function() { saveListOrder();}
	});
	$('#ordenar ul').disableSelection();
	*/

	$("#cajaLNContainer").sortable({
		//axis: "y",
		cursor: "move",
		handle: ".barra",
		update: function() { saveOrder(); }
	});
	restoreOrder();

	$('.canales:first').find('.subir').addClass('stop');
	$('.canales:last').find('.bajar').addClass('stop');

});





$.fn.showSnapshots = function(opciones){
	opciones = jQuery.extend({
		container : ".tipo4"        // Nombre de la clase que contiene los snapshots
	}, opciones);
	
	return this.each(function(i){

		/* if($.browser.msie){
			//alert('ie!')
		}else{
			jQuery(opciones.container, this).hover(
				function(){
					jQuery('div', this).fadeIn('fast');
				},
				function(){
					jQuery('div', this).fadeOut('fast');
				}
			);
		}*/
	});
}


$.fn.move = function(options){
	
	options = jQuery.extend({
		triggerUp   : ".subir",
		triggerDown : ".bajar",
		disable     : "stop",
		limit       : "stop"
	}, options);
	
	var thisElement = jQuery(this);

	return this.each(function(i){

		thisElement.find(options.triggerDown).click(function(e){
			e.preventDefault();
			__slideDown(thisElement);
			return false;
		});
		
		thisElement.find(options.triggerUp).click(function(e){
			e.preventDefault();
			__slideUp(thisElement);
			return false;
		});
		
		
		thisElement.find('.mover').click(function(e){
			e.preventDefault();
			__ordenar($(this));
			return false;
		});

		__slideDown = function(element){
			var next  = element.next();
			
			if(next.attr('class')!=options.limit){
				var start = element.position().top;
				var end = next.position().top;

				var offset = start - end;
				element.animate({'top': (next.height()+22)+'px'}, 'slow');
				next.animate({ 'top': offset+'px'}, 'slow', function(){
					jQuery(element).swap(next);

					if(element.next().attr('class')==options.limit){
						element.find(options.triggerDown).addClass(options.disable);
						next.find(options.triggerDown).removeClass(options.disable);
					}

					if(next.prev().attr('class')==options.limit){
						element.find(options.triggerUp).removeClass(options.disable);
						next.find(options.triggerUp).addClass(options.disable);
					}

					element.css('top', '0');
					next.css('top', '0');

					saveOrder();
				}); 
			}
		}

		__slideUp = function(element){
			var next  = element.prev();

			if(next.attr('class')!=options.limit){
				var start = element.position().top;
				var end = next.position().top;

				var offset = start - end;
				element.animate({'top': -offset+'px'}, 'slow');
				next.animate({ 'top': (element.height()+22)+'px'}, 'slow', function(){
					jQuery(element).swap(next);
					
					if(element.prev().attr('class')==options.limit){
						element.find(options.triggerUp).addClass(options.disable);
						next.find(options.triggerUp).removeClass(options.disable);
					}
					
					if(next.next().attr('class')==options.limit){
						element.find(options.triggerDown).removeClass(options.disable);
						next.find(options.triggerDown).addClass(options.disable);
					}
					
					element.css('top', '0');
					next.css('top', '0');

					saveOrder();
				});
			}
		}

		__ordenar = function(el){
			var a = el[0];
			a.parentNode.insertBefore($('#ordenar')[0], a);
			$('#ordenar').show();
		}
	});
}


// Modificado de: http://brandonaaron.net/blog/2007/06/10/jquery-snippets-swap
jQuery.fn.swap = function(b) {
	b = jQuery(b)[0];
	var a = this[0];
	var t = a.parentNode.insertBefore(document.createTextNode(''), a);
	b.parentNode.insertBefore(a, b);
	t.parentNode.insertBefore(b, t);
	t.parentNode.removeChild(t);
	return this;
};


$.fn.collapse = function(options)
{
	options = jQuery.extend({
		name        : "boxclassname",
		trigger     : "button",
		collapse    : "box",
		closeClass  : "cerrarCanal",
		openClass   : "abrirCanal"
	}, options);


	/* Administra las cajas de canales para abrir y cerrar desde el techo y los subcanales con solapas */
	return this.each(function(i){
		var container = jQuery(this);

		$('.'+options.trigger, container).click(function(e){
			e.preventDefault();
			_collapse($(this), $('.'+options.collapse, container));
		});

		_collapse = function(button, box){
			button.removeClass(options.closeClass).addClass(options.openClass);
			box.slideUp();
			var name = box.parent().attr('class').split(' ');
			//$.cookie(name[1], 'collapsed', {expires:30});
			button.unbind('click');
			button.click(function(e){
				e.preventDefault();
				_expand($(this), box)
			});
		}

		_expand = function(button, box){
			button.removeClass(options.openClass).addClass(options.closeClass);
			box.slideDown();
			var name = box.parent().attr('class').split(' ');
			//$.cookie(name[1], 'expanded',{expires:30});
			button.unbind('click');
			button.click(function(e){
				e.preventDefault();
				_collapse($(this), box)
			});
		}

		/*
		var nameContainer = container.attr('class').split(' ');
		if($.cookie(nameContainer[1])=='collapsed'){
			_collapse($('.'+options.trigger, container), $('.'+options.collapse, container));
		}
		*/
		
	});
}



jQuery.fn.collapsableTabs = function(options){
	return this.each(function(){

		options = jQuery.extend({
			closed        : false,
			trigger       : ".subclose",
			collapse      : ".notas3 .padding",
			closeClass    : "cerrarSubcanal",
			openClass     : "abrirSubcanal",
			tabsContainer : "tabCollapse"
		}, options);
		

		var tabs = {
			selected  : 'activo',
			visible   : 'on',
			invisible : 'off',
			ignore    : 'collapse'
		};

		var container = jQuery(this);

		// Manejo de los tabs
		container.find("ul:first li").click(function()
		{
			var tab = $(this).attr('class');

			var tempstr = tab.split(' ');
			if(tempstr[1] != tabs.selected){
				//alert(tab);
				if(tab != tabs.ignore){
					//alert('')
					container.find('.'+tabs.selected).removeClass(tabs.selected);
					$(this).addClass(tabs.selected);
					var active = container.find('.'+tabs.visible);
					active.removeClass(tabs.visible);
					active.addClass(tabs.invisible);
					$("#"+tab).removeClass(tabs.invisible);
					$("#"+tab).addClass(tabs.visible);

					// Check si la caja esta abierta, si está cerrada la abrimos
					if(container.find(options.collapse).css('display')=='none'){
						__expand($(options.trigger, container), $(options.collapse, container));
					}
				}
			}
		});


		//Colapsar
		$(options.trigger, container).click(function(e){
			e.preventDefault();
			__collapse($(this), $(options.collapse, container));
		});

		__collapse = function(button, box){
			button.removeClass(options.closeClass).addClass(options.openClass);
			button.parent().parent().find('li').removeClass(tabs.selected);
			box.slideUp();
			button.unbind('click');
			button.click(function(e){
				e.preventDefault();
				__expand($(this), box)
			});
		}

		__expand = function(button, box){
			button.removeClass(options.openClass).addClass(options.closeClass);
			var solapa = box.find('.'+tabs.visible).attr('id');
			button.parent().parent().find('li.'+solapa).addClass(tabs.selected);
			box.slideDown();
			button.unbind('click');
			button.click(function(e){
				e.preventDefault();
				__collapse($(this), box)
			});
		}
		
		if(options.closed){
			__collapse($(options.trigger, container), $(options.collapse, container));
		}
	});
}


function HideContent(id) {
	document.getElementById(id).style.display = "none";
	//window.location.href = window.location.href;
	location.reload(true);
}








function saveOrder() {
	$.cookie('cajasLNorder', $('#cajaLNContainer').sortable("toArray"), { expires: 0, path: "/" });
}


function saveListOrder(){
	var itemsList = $('#ordenar ul').sortable("toArray");

	var rebuild = new Array();
	for (var i = 0, n=itemsList.length; i < n; i++) {
		rebuild[i] = 'cajaItem-' + itemsList[i].substring(9,itemsList[i].length);
	}
	$.cookie('cajasLNorder', rebuild, { expires: 7, path: "/" });
}

function restoreOrder()
{
	var list = $('#cajaLNContainer');
	if (list == null) return

	var cookie = $.cookie('cajasLNorder');
	if (!cookie) return;

	var IDs = cookie.split(",");
	var items = list.sortable("toArray");

	for (var i = 0, n = IDs.length; i < n; i++) {
		if(IDs[i]!=''){
			var id = IDs[i].substring(9,11);
			var itemID = IDs[i];
			var savedOrd = $("div.ui-sortable").children("#" + itemID);
			var cajaOrdenar = $("ul.ui-sortable").children("#itemList-" + id);
			$("div.ui-sortable").filter(":first").append(savedOrd);
			$("ul.ui-sortable").filter(":first").append(cajaOrdenar);
		}
	}
	$("div.ui-sortable").append('<span class="stop"> </span>');


}