$( function() {

	/**
	 *
	 * Convert selectbox
	 *
	**/
	$('#tldSelectbox').selectbox();

	/**
	 *
	 * Zebra stripe menu
	 *
	**/
	$("#menu li:odd").addClass("stripe");

	/**
	 *
	 * Open close submenu
	 *
	**/
	$("ul#menu li a.openSubmenu").click( function()
	{

		var display = $(this).next('ul.subMenu').css('display');

		// --- Check if there is a selected item ---
		if( !$(this).hasClass('selected') )
		{
			if( $('ul#menu li a.selected').html() )
			{
				$('ul#menu li a.selected').next('ul.subMenu').slideUp('fast');
				$('ul#menu li a.selected').removeClass('selected');
			}
		}

		$(this).toggleClass('selected');

		if( display == 'none' )
			$(this).next('ul.subMenu').slideDown('fast');
		else
			$(this).next('ul.subMenu').slideUp('fast');

	});

});


                               $(document).ready(function() {
                                $("#opensubmenu").toggle();
                               });



function showHide(_myObj,_action,_txt) {
    var _myTableObj = document.getElementById((_myObj.parentNode.id).substring(0,(_myObj.parentNode.id).indexOf('_')));
    if (_action == 'show') {
        _myTableObj.style.display = 'block';
        _myObj.parentNode.innerHTML = '<a href="#" onclick="showHide(this,\'hide\',\'' +_txt + '\');">' + _txt + '</a>';
    }
    if (_action == 'hide') {
        _myTableObj.style.display = 'none';
        _myObj.parentNode.innerHTML = '<a href="#" onclick="showHide(this,\'show\',\'' + _txt + '\');">' + _txt + '</a>';
    }
}