// ----------------------------------------------
// run time var
// ----------------------------------------------
var mcms_active_button = '';

// ----------------------------------------------
// grab current file in the browser location
// ----------------------------------------------
function mcms_get_location_file()
{
	// declare fiel holder
	var current_file = '';
	
	// select make current button selected (the page im in now)
	var current_file = window.location;
	
	// convert to string
	current_file = current_file.toString();
	
	// grab last slash in the querystring (http://endag.mediatroop.se[this--->/<---this]example.php)
	var last_slash_pos = current_file.lastIndexOf("/");
	
	// grab file name behind last slash
	current_file = current_file.substring((last_slash_pos+1), 100);
	
	// if no file name left, then assume index.php
	current_file = current_file == '' ? 'index.php' : current_file;
	
	// grab position of ".php"
	var last_suffix_pos = current_file.lastIndexOf(".php");
	
	// grab file name behind last slash
	current_file = current_file.substring(0, last_suffix_pos);
	
	// return file name
	return current_file;
}


// ----------------------------------------------
// select mcms menu item
// ----------------------------------------------
function mcms_select_menu_item(current_file)
{
	if(current_file != '')
	{
		make_selected(current_file);
		mcms_active_button = current_file;
	}
}

// ----------------------------------------------
// makes a given button id selected
// ----------------------------------------------
function make_selected(select_id)
{
	// grab this button
	if(obj = document.getElementById(select_id))
	{
		// iterate all DIVs inside btnActive (buttonLeft, buttonMiddle & buttonRight)
		var sub_elements = obj.getElementsByTagName('div');
		for(var ii = 0; ii < sub_elements.length; ii++)
		{
			// get object
			var sub_obj = sub_elements[ii];
			
			// get class name
			var sub_class_name = sub_obj.className;
			
			if(sub_class_name == 'buttonLeft') 		sub_obj.style.backgroundImage = 'url("inc/gfx/mcms_colorized_menu/btn_'+select_id+'_left_a.gif")';
			if(sub_class_name == 'buttonMiddle') 	sub_obj.style.backgroundImage = 'url("inc/gfx/mcms_colorized_menu/btn_'+select_id+'_middle_a.gif")';
			if(sub_class_name == 'buttonRight') 	sub_obj.style.backgroundImage = 'url("inc/gfx/mcms_colorized_menu/btn_'+select_id+'_right_a.gif")';
		}
		
		// change class to "active" for selected button
		obj.className = 'btnActive';
	}
}

// ----------------------------------------------
// manages all colorized menu buttons
// ----------------------------------------------
function mcms_colorized_buttons()
{
	// grab all elements
	var elements = document.getElementsByTagName('div');
	var row_counter = 1;
	
	for(var i = 0; i < elements.length; i++)
	{
		// get object
		var obj = elements[i];
		
		// get class name
		var class_name = obj.className;
		
		// set onmouseover/out events
		if(class_name == 'btnInactive')
		{
			// set default button layout
				// iterate all DIVs inside btnActive (buttonLeft, buttonMiddle & buttonRight)
				var sub_elements = obj.getElementsByTagName('div');
				for(var ii = 0; ii < sub_elements.length; ii++)
				{
					// get object
					var sub_obj = sub_elements[ii];
					
					// get class name
					var sub_class_name = sub_obj.className;
					
					if(sub_class_name == 'buttonLeft') 		sub_obj.style.backgroundImage = 'url("inc/gfx/mcms_colorized_menu/btn_left_p.gif")';
					if(sub_class_name == 'buttonMiddle') 	sub_obj.style.backgroundImage = 'url("inc/gfx/mcms_colorized_menu/btn_middle_p.gif")';
					if(sub_class_name == 'buttonRight') 	sub_obj.style.backgroundImage = 'url("inc/gfx/mcms_colorized_menu/btn_right_p.gif")';
				}
			
			
			// set onmouseaction
			obj.onmouseover = function()
			{
				// do NOT set onmouseover actions on active button (it must remain active all the time)
				if(this.id != mcms_active_button)
				{
					// make button active
					this.className='btnActive';
					
					// iterate all DIVs inside btnActive (buttonLeft, buttonMiddle & buttonRight)
					var sub_elements = this.getElementsByTagName('div');
					for(var ii = 0; ii < sub_elements.length; ii++)
					{
						// get object
						var sub_obj = sub_elements[ii];
						
						// get class name
						var sub_class_name = sub_obj.className;
						
						if(sub_class_name == 'buttonLeft') 		sub_obj.style.backgroundImage = 'url("inc/gfx/mcms_colorized_menu/btn_'+this.id+'_left_a.gif")';
						if(sub_class_name == 'buttonMiddle') 	sub_obj.style.backgroundImage = 'url("inc/gfx/mcms_colorized_menu/btn_'+this.id+'_middle_a.gif")';
						if(sub_class_name == 'buttonRight') 	sub_obj.style.backgroundImage = 'url("inc/gfx/mcms_colorized_menu/btn_'+this.id+'_right_a.gif")';
					}
				}
			}
			obj.onmouseout = function() 
			{
				// do NOT set onmouseover actions on active button (it must remain active all the time)
				if(this.id != mcms_active_button)
				{
					// make button active
					this.className='btnInactive'; 
				
					// iterate all DIVs inside btnActive (buttonLeft, buttonMiddle & buttonRight)
					var sub_elements = this.getElementsByTagName('div');
					for(var ii = 0; ii < sub_elements.length; ii++)
					{
						// get object
						var sub_obj = sub_elements[ii];
						
						// get class name
						var sub_class_name = sub_obj.className;
						
						if(sub_class_name == 'buttonLeft') 		sub_obj.style.backgroundImage = 'url("inc/gfx/mcms_colorized_menu/btn_left_p.gif")';
						if(sub_class_name == 'buttonMiddle') 	sub_obj.style.backgroundImage = 'url("inc/gfx/mcms_colorized_menu/btn_middle_p.gif")';
						if(sub_class_name == 'buttonRight') 	sub_obj.style.backgroundImage = 'url("inc/gfx/mcms_colorized_menu/btn_right_p.gif")';
					}
				}
			}
		}
	}
	
	// get current file in the browser location
	var current_file = mcms_get_location_file();
	
	// select mcms menu item
	mcms_select_menu_item(current_file);
}