/*
 * sidenav.js
 */

$(document).ready(function() {
	var sidetabs = $('.ctrlnav li');
	var tallside = $('.tallside');
	var images = $('#extra img');

	for (var i = 0; i < sidetabs.length-1; i++) {
		$(sidetabs[i]).bind(
			'click',
			function() {
				var tab_selected = this;
				if (tab_selected.className != 'selected') {
					sidetabs.each(function(index, tab) {
						tab.className = '';
					});
					tab_selected.className = 'selected';
					$(tab_selected).next()[0].className = 'below';

					sidetabs.each(function(index, tab) {
						if (tab == tab_selected) {
							tallside.children().replaceWith(images[index]);
						}
					});
				}
			}
		)
	}

    if (location.hash) {
        sideNavSelect(sidetabs, location.hash);
    }
    $('.ctrlnav').show();
});

function sideNavSelect(sidetabs, hash) {
	sidetabs.each(function(index, tab) {
		if (tab.id.match(hash)) var tab_selected = $(tab.id);
	});

    if (tab_selected.className != 'selected') {
        sidetabs.each(function(index, tab) {
            tab.className = '';
        });
        tab_selected.className = 'selected';
        $(tab_selected).next()[0].className = 'below';
    }
}