//
// esquemadorg.js
//
// m3.2010 Daniel Clemente Laboreo. http://www.danielclemente.com/
//
// Initially based on org-info-jq from Sebastian Rose (2009): http://github.com/SebastianRose/org-info-js/blob/master/org-info-jq.js
// But it was fully rewritten and expanded.
// 
//
// Released under the GNU General Public License version 3
// see: http://www.gnu.org/licenses/
//


function scrollSmoothlyToObj(obj,id) {
	// obj: $("#object")
	// id: "#object"

	// This line comes from:	*** Anchor Slider by Cedric Dugas	*** Http://www.position-absolute.com *** Thanks!
	$("html:not(:animated),body:not(:animated)").animate({ scrollTop: obj.offset().top}, 1100, function() {
		window.location.hash = id;
	});
}

function focusSection(id_anchor){
	// anchor: the id (text, without '#') of the h2/h3/h4/h5/h6/h7 which is to be made visible (together with its parents). The page will also scroll to focus that section

	var anchor1='#'+id_anchor;
	var anchor2='*[id=' + id_anchor + ']'; // this is equivalent to $("#id"), which strangely seems not to work
	var obj_anchor=$(anchor2);

	// Remove any other highlighted section which was the target of a previous link.
	// It does nothing if it's the first click
	$("div.orgjq-targeted").removeClass("orgjq-targeted");
	// Now highlight the target section and its parents. You may Use .css("background","orange") to test
	obj_anchor.parents("div.orgjq-contracted").addClass("orgjq-targeted");
	// Expand its parents so that the target section is connected to the root of the tree
	obj_anchor.parents("div.orgjq-contracted").each(
		function() {
			$(this).removeClass("orgjq-contracted").addClass("orgjq-expanded");
			$(this).children("div").show();
		}
	);
	// move the browser focus to that section
	scrollSmoothlyToObj(obj_anchor,anchor1);

}


function hideForOrg_whenclicked(div_obj) {
	div_obj.parent().removeClass("orgjq-expanded").addClass("orgjq-contracted");
	div_obj.nextAll().hide("fast"); // "normal" es más lento
	div_obj.hide();
}
function showForOrg_whenclicked(div_obj) {
	div_obj.parent().removeClass("orgjq-contracted").addClass("orgjq-expanded");
	div_obj.parents().show("normal");
	div_obj.nextAll().show("normal");div_obj.show();
}
function toggleForOrg_whenclicked(div_obj) {
	if(div_obj.parent().hasClass("orgjq-expanded"))
		hideForOrg_whenclicked(div_obj);
	else
		showForOrg_whenclicked(div_obj);
}

function deactivate_outlining() {
	// affect only the main (first level) sections
	var org= $("div#table-of-contents, div#content>div[id^='outline-container-']");
	//test: org.css({border: "2px solid red"});

	// show everything (all sections, …)
	org.find(":hidden").show();

	// remove classes and thus colors
	$(".orgjq-contracted").removeClass("orgjq-contracted");
	$(".orgjq-expanded").removeClass("orgjq-expanded");
	$(".orgjq-targeted").removeClass("orgjq-targeted");

	// headers are not clickable
	org.find("h1,h2,h3,h4,h5,h6,h7").css({cursor: "default"}).unbind("click");
	// links to sections no longer highlight the target
	$("a[href^='#']").unbind('click');
	// hide expand link
	$("div#outline-container-1 >h2 >a.expandAll").remove();


	// information
	alert("He cambiado al estilo tradicional: todo seguido. Si quieres volver a usar el esquemado con cabeceras clicables, recarga la página");
}

$(document).ready(
	function(){
		// handle the click event for each header
		for(var i=2;i<=7;++i) {
			$("h"+i).each(
				function(){
					$(this).css({cursor: "pointer"});
					$(this).bind('click', function(){ toggleForOrg_whenclicked( $(this).parent().children("div").eq(0) ); });
				});
		}

		// start with contracted headers
		$("#text-table-of-contents").hide();
		for(var i=2;i<=7;++i) {
			/////		 $(".outline-text-"+i).hide();
			$(".outline-text-"+i).hide();
			$(".outline-text-"+i).parent().addClass("orgjq-contracted");
		}

		// inside the h2 headers, all (now unseen) headers are also contracted
		for(var i=2;i<=7;++i) {
			$("h"+i).each(
				function(){
					$(this).parent().removeClass("orgjq-expanded").addClass("orgjq-contracted");
					$(this).next("div").nextAll().hide();$(this).next("div").hide();

				});
		}

		// all headers now are contracted
		// but we must show the header which was referenced by a trailing #anchor in the URL, and its parents
		var url = document.location.toString();
		if (url.match('#')) { // the URL contains an anchor
			var id_anchor = url.split('#')[1];
			focusSection(id_anchor);
		}


		// internal links to anchors, e.g. <a href="#sec2">, should also expand the destination section before scrolling there
		//Test:	  $("a[href^='#']").css("border","2px dotted red");
		$("a[href^='#']").each(function(){
			var caller=this;
			$(caller).click(function (event) {
				var href=$(caller).attr("href");
				var id_href=href.substr(1);
				focusSection(id_href);
				return false;
			});

		});

		// add link to deactive outlining. I wanted 2 links, „expand all“ and „contract all“, but the second one isn't of much use (and reloading the page does the same)
		// otros posibles nombres: "(expandir completamente)"
		var expAll_link = $( document.createElement('a') ).text("(ver todo seguido, sin esquemado)").addClass("expandAll").click(deactivate_outlining);
		$( $("div.outline-2")[0] ).find(">h2") .append(expAll_link);

		// the page is now ready to be used

	});