var pageLayout;

function updateNavigation(number) {
    $('.sliderSteps').find('.current').removeClass('current');
    $('.sliderSteps li').eq(number-1).addClass('current');
}
function objToString(o) {
    var s = '{\n';
    for (var p in o)
        s += ' "' + p + '": "' + o[p] + '"\n';
    return s + '}';
}

// helper
function elementToString(n, useRefs) {
    var attr = "", nest = "", a = n.attributes;
    for (var i = 0; a && i < a.length; i++)
        attr += ' ' + a[i].nodeName + '="' + a[i].nodeValue + '"';

    if (n.hasChildNodes == false)
        return "<" + n.nodeName + "\/>";

    for (var i = 0; i < n.childNodes.length; i++) {
        var c = n.childNodes.item(i);
        if (c.nodeType == 1) nest += elementToString(c);
        else if (c.nodeType == 2) attr += " " + c.nodeName + "=\"" + c.nodeValue + "\" ";
        else if (c.nodeType == 3) nest += c.nodeValue;
    }
    var s = "<" + n.nodeName + attr + ">" + nest + "<\/" + n.nodeName + ">";
    return useRefs ? s.replace(/</g, '&lt;').replace(/>/g, '&gt;') : s;
};


$(document).ready(
	function() {
	    //build page layout
	    pageLayout = $('#pageHolder').layout(
			{
			    //applyDefaultStyles: 	true,
			    contentSelector: '.ui-layout-content',
			    closable: false,
			    resizable: false,
			    spacing_open: 0,
			    north__paneSelector: "#header",
			    center__paneSelector: "#center",
			    west__paneSelector: "#sidebar",
			    south__paneSelector: "#footer",
			    west__size: 260
			}
		);
	    $(".tree").treeview(
	        {
	            collapsed: true,
	            unique: true,
	            persist: "location",
	            animated: "fast"
	        }
	    );

	    // Epand first or current tree node
	    if ($('#sidebar').find('.current').size() < 1) {
	        $('#sidebar').find(".expandable-hitarea:first").click();
	    }
	    else {
	        $('#sidebar').find('.current').parent().siblings('.expandable-hitarea').click();
	    }

	    //Highlight syntax
	    $('sub').each(function() {
	        var el = $(this);
	        el.replaceWith('<pre class="brush: xml">' + el.html() + '</pre>');
	    });
	    $('sup').each(function() {
	        var el = $(this);
	        el.replaceWith('<pre class="brush: as3">' + el.html() + '</pre>');
	    });
	    SyntaxHighlighter.config.stripBrs = true;
	    SyntaxHighlighter.config.clipboardSwf = '/Testpage/flash/clipboard.swf';
	    SyntaxHighlighter.all()
	}
);