function showOption (opt_name, left_pos, ini_left, ini_width) {
	if ($('#'+opt_name).length > 0) {
		$('#'+opt_name).animate({marginLeft: left_pos}, 'slow', srollToTop(opt_name));
		$('#'+opt_name).animate({width: ini_width}, 'slow', function () {
			srollToTop(opt_name);
			$('#'+opt_name+' div').show();
			toggleOption(opt_name);
		});
	} else {
		toggleOption(opt_name);	
	}
}

// Toggle contents
function toggleContent(opt_name, left_pos, ini_pos, ini_width) {
	if ($('#infografia-text').css('margin-left') != ini_pos) {
		$('#infografia-text div').hide();
		$('#infografia-text').animate({width: 0}, 'slow');
		$('#infografia-text').animate({marginLeft: ini_pos}, 'slow', function() {
			showOption (opt_name, left_pos, ini_pos, ini_width);
		});
/*
		$('#infografia-text').animate({marginLeft: ini_pos}, 'slow', function() {
			if ($('#'+opt_name).length > 0)
				$('#'+opt_name).animate({marginLeft: left_pos}, 'slow', srollToTop(opt_name));
		});
*/
	} else if ($('#servicios').css('margin-left') != ini_pos) {
		$('#servicios div').hide();
		$('#servicios').animate({width: 0}, 'slow');
		$('#servicios').animate({marginLeft: ini_pos}, 'slow', function() {
			showOption (opt_name, left_pos, ini_pos, ini_width);
		});
/*
		$('#servicios').animate({marginLeft: ini_pos}, 'slow', function() {
			if ($('#'+opt_name).length > 0)
				$('#'+opt_name).animate({marginLeft: left_pos}, 'slow', srollToTop(opt_name));
		});
*/
	} else {
		showOption (opt_name, left_pos, ini_pos, ini_width);
	}
};

function srollToTop(opt_name) {
	if ($('#'+opt_name).length > 0 && typeof(($('#'+opt_name+' .scroll-pane')[0].scrollTo)) == 'function')
		$('#'+opt_name+' .scroll-pane')[0].scrollTo(0);
}

// Toggle navigation options submenu level1
function toggleOption(opt_name) {
    list = $('li.'+opt_name).parent();
    jQuery.each(list.children(), function() {
        $(this).removeClass('active');	
    });
    jQuery.each($('.nav-hidden ul').children(), function() {
        $(this).removeClass('active');	
    });
    $('.nav-hidden').hide();
    jQuery.each($('.nav-hidden2 ul').children(), function() {
        $(this).removeClass('active');	
    });
    $('.nav-hidden2').hide();

    $('a.'+opt_name).addClass("active");
    $('li.'+opt_name).addClass("active");
    $('#nav-'+opt_name).show('slow');
};

// Toggle navigation options submenu level2
function toggleOption2(opt_name) {
    list = $('li.'+opt_name).parent();
    jQuery.each(list.children(), function() {
        $(this).removeClass('active');	
    });
    jQuery.each($('.nav-hidden2 ul').children(), function() {
        $(this).removeClass('active');	
    });
    $('.nav-hidden2').hide();

    $('a.'+opt_name).addClass("active");
    $('li.'+opt_name).addClass("active");
    $('#nav-'+opt_name).show('slow');
};

$(document).ready(function () {
	$('.nav-hidden').css('display', 'none');
	$('.nav-hidden2').css('display', 'none');

	// Setup Contents
	var left_pos = $('.content-2').css('margin-left');
	var ini_pos = '-' + (($('.content-2').width()*1)+20)+'px';
	var ini_width = $('.content-2').width();

	if (location.hash == '') {
		$('#servicios').width('0px');
		$('#servicios div').hide();
		$('#servicios').css('margin-left', ini_pos);
	} else {
		$('#infografia-text').css('margin-left', ini_pos);	
		if (location.hash == '#servicios') {
		   	toggleOption('servicios'); 
		}
		if (location.hash == '#galeria') {
			$('.content-2').css('margin-left', ini_pos);	
		   	toggleOption('galeria'); 
 		}
	}

	// Setup menus level0
    $('a.infografia').attr({ href: "javascript://"});
    $('a.infografia').click(function() {
    	// toggleOption('servicios'); 
    	toggleContent('infografia-text', left_pos, ini_pos, ini_width); 
    	jQuery.each($('#nav-infografia ul').children(), function() {
        	$(this).removeClass('active');	
    	});
    });

	// Setup menus level1
    $('a.servicios').attr({ href: "javascript://"});
    $('a.servicios').click(function() {
    	// toggleOption('servicios'); 
    	toggleContent('servicios', left_pos, ini_pos, ini_width); 
    });

    $('a.galeria').attr({ href: "javascript://"});
    $('a.galeria').click(function() { 
//    	toggleOption('galeria'); 
    	toggleContent('galeria', left_pos, ini_pos, ini_width); 
//    	$('.content-2').animate({marginLeft: ini_pos}, 'slow'); 
    });

	// Setup menus level2 - Galerķa
    $('a.img-frontales').attr({ href: "javascript://"});
    $('a.img-frontales').click(function() { toggleOption2('img-frontales'); });

    $('a.img-conceptuales').attr({ href: "javascript://"});
    $('a.img-conceptuales').click(function() { toggleOption2('img-conceptuales'); });
});