var preload_imgs = new Array();
var hide_menu_cols;
var show_menu_cols;
var isAnyMenuExpanded=new Object();


function init( PathSkin ) {
	var PathSkin;
	// preload images
	var imgs = [ '../'+PathSkin+'icone/menu1_open.gif' , '../'+PathSkin+'icone/menu1_close.gif' , '../'+PathSkin+'icone/menu1_empty.gif' , '../'+PathSkin+'icone/menu2_open.gif' , '../'+PathSkin+'icone/menu2_close.gif' , '../'+PathSkin+'icone/menu2_empty.gif' , '../'+PathSkin+'menu/menu_top_left.gif' , '../'+PathSkin+'menu/menu_top_right.gif' , '../'+PathSkin+'menu/menu_bottom_left.gif' , '../'+PathSkin+'menu/menu_bottom_right.gif' ];
	for( e in imgs ) {
		preload_imgs[e] = new Image();
		preload_imgs[e].src = imgs[e];
	}
	// load menu vars
	var framset_menu = parent.window.document.getElementById('framset_menu');
	hide_menu_cols = framset_menu.getAttribute('hide_menu_width')+',*';
	show_menu_cols = framset_menu.getAttribute('show_menu_width')+',*';
	// check if menu is hidden
	var framset_menu = parent.window.document.getElementById('framset_menu');
	if( framset_menu.cols == hide_menu_cols ) {
		menu_toggle();
	}
}

function menu_restore() 
{
	// restore menu status, check in cookies	
	menu_ss_restore();
}

////////////////////////////////////////
// menu items mouse over / mouse out
////////////////////////////////////////

function menu_item_over( el ) {
    
    //alert('menu item over');
	var el;
	el.className = el.className + '_over';
}

function menu_item_out( el ) {
//alert('menu item out');
	var el;
	el.className = el.className.replace('_over','');
}

////////////////////////////////////////
// menu items open/close
////////////////////////////////////////

// show specified menu item
// (open all parent items so that we can see it)
function show_menu_item( id ) {
alert('show_menu_item');
	var id;
	var el;
	var open = new Array();
	el = document.getElementById(id);
	while( el.parentNode ){
		el = el.parentNode;
		if( el.className && el.className.indexOf('_sub') != -1 ) {
			// add menu el to open
			open.push( el.previousSibling );
		}
	}
	// open all menu in rever order
	// this is a workaround for a bug in IE, avoid a glitch in the rendering
	open.reverse();
	for( e in open ) {
		menu_item_toggle( open[e] );
	}
}

// show specified menu
function show_menu( id ) {
alert('show_menu');
	var id;
	var el;
	el = document.getElementById(id);
	if( el ) {
		menu_item_toggle( el );
	}
}

 //open/close a menu, (item onclick handler)
function menu_item_toggle(el)
 {    
	var el;
	if(isAnyMenuExpanded != "[object Object]")
	{
	    if((isAnyMenuExpanded != el))
	    {	      
            if (isAnyMenuExpanded.nextSibling.style.display == 'block')
            {
                menu_item_toggle_collapse(isAnyMenuExpanded)
            }
	    }	    
	}
	// toggle sub menu
	toggle( el.nextSibling );
	// save status in session
	menu_ss_save( el );
	// switch images in el
	var imgs = el.getElementsByTagName('img');
	for( i=0 ; i<imgs.length; i++ ) {
		imgs[i].src = (imgs[i].src.indexOf('_open') == -1) ? imgs[i].src.replace('_close','_open') : imgs[i].src.replace('_open','_close');
	}
	// redraw all images
	// this is a workaround for IE that does not place img at the correct position
	btn_redraw();	
	isAnyMenuExpanded=el;
}

function menu_item_toggle_collapse( el )
 {
	var el;
	// toggle sub menu
	toggle( el.nextSibling );
	// save status in session
	menu_ss_save( el );
	// switch images in el
	var imgs = el.getElementsByTagName('img');
	for( i=0 ; i<imgs.length; i++ ) {
		imgs[i].src = (imgs[i].src.indexOf('_open') == -1) ? imgs[i].src.replace('_close','_open') : imgs[i].src.replace('_open','_close');
	}
	// redraw all images
	// this is a workaround for IE that does not place img at the correct position
	btn_redraw();	
}



function btn_redraw() {
//alert('btn_redraw');
	var el;
	for( i=0; i<document.images.length; i++ ){
		el = document.images[i];
		if( el.className == 'btn' ) {
			el.style.visibility = 'hidden';
			el.style.visibility = 'visible';
		}
	}
}

////////////////////////////////////////
// hide the whole menu to the left
////////////////////////////////////////

  



//////function menu_toggle( tab_el ) {
//////	var tab_el;
//////	var el = parent.window.document.getElementById('framset_menu');
//////	// toggle frame
//////	if( el.cols != hide_menu_cols ) {
//////		// create close tab
//////		var tab = document.createElement('img');
//////		tab.id = 'menu_tab_open';
//////		tab.src = tab_el.src.replace('_close','_open');
//////		tab.style.position = 'absolute';
//////		tab.style.left = '0px';
//////		tab.style.top = '20px';
//////		tab.style.cursor = 'pointer';
//////		tab.onclick = menu_toggle;
//////		document.body.appendChild( tab );
//////		// resize down
//////		el.cols = hide_menu_cols;
//////	} else {
//////		// remove tab img
//////		if( document.getElementById('menu_tab_open') ) document.body.removeChild( document.getElementById('menu_tab_open') );
//////		// resize up
//////		el.cols = show_menu_cols;
//////	}
//////}

////////////////////////////////////////
// menu session
////////////////////////////////////////

// restore menu status from menu session
function menu_ss_restore() {
	var ids = menu_ss_ids();
	var el;
	for( e in ids ) {
		//alert(ids[e]);		
		// make sure id is valid
		if( ! ids[e] || ! document.getElementById(ids[e]) ) continue;
		// toggle menu item
		el = document.getElementById(ids[e]);
		menu_item_toggle(el);
	}
}

// save menu status in menu session
function menu_ss_save( el ) {
	var el, is_open, ids, ids_str, key;
	// check menu status
	is_open = el.nextSibling.style.display == 'block' ? true : false;
	// get session ids
	ids = menu_ss_ids();
	// save to cookies, or remove
	if( is_open ) {
		// save
		if( ! in_array( el.id , ids ) ) {
			ids.push( el.id );
		}
		// cleanup, remove empty items
		for( e in ids ) {
			if( ! ids[e] ) ids.splice(e,1);
		}
		// create ids string to store in cookie
		ids_str = ids.join(',');
		// save cookie
		createCookie( 'menu_items' , ids_str );
	} else {
		// delete
		if( in_array( el.id , ids ) ) {
			key = array_key( el.id , ids );
			ids.splice( key , 1 );
		}
		ids_str = ids.join(',');
		createCookie( 'menu_items' , ids_str );
	}
}

// returns  an array of all ids store menu session
function menu_ss_ids() {
	var ids_str;
	var ids = new Array();
	// get list of id (string from cookie)
	ids_str = readCookie('menu_items');
	// return array of ids
	if( ids_str )
		return ids_str.split(',');
	else
		return new Array();
}

////////////////////////////////////////
// utils
////////////////////////////////////////

// toggle an element on and off
function toggle( el ) {
  
	var el;
	el.style.display = el.style.display != "block" ? 'block' : 'none'; 
}

// alert each element of an array
function alertr( myvar , max ) {
	var myvar, max;
	if( ! max ) max = 20;
	i=0;
	for( e in myvar ) {
		alert(e);
		if( i > max ) break;
		i++;
	}
}

function in_array( $value , $arr ) {
	var $value, $arr;
	for( e in $arr ) {
		if ( $arr[e] == $value ) return true;
	}
	return false;
}

function array_key( $value , $arr ) {
	var $value, $arr;
	for( e in $arr ) {
		if ( $arr[e] == $value ) return e;
	}
	return false;
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) 
{
	createCookie(name,"",-1);
}