var 
	_menu_pos_y = 20,
	_max_speed = 10,
	_normal_speed = 5,
	_min_speed = 1,
	menu,distance,div,option,cookie,
	drag_obj = null,
	mouse_Y = null,
	mouse_X = null,
	_out_counter = 0,
	_time_to_fold = 5,
	_checker_speed = 20,
	_menu_fold_width = 30,
	_menu_unfold_width = 250,
	_mouse_out = true,
	_mouse_over = false,
	_cookie_name = "MenuSelect",
	_cookie_expire = 30,
	options = new Array();
	options['Menu1'] = document.createElement('option');
	options['Menu2'] = document.createElement('option');
	

window.onload = init;

function init(){
	_create_elements();
	window.onscroll = _get_scroll;
	document.onmousemove = mouse_move;
	document.onmouseup = mouse_up;
	menu.onmousedown = select;
	menu.onmouseout = mouse_out;
	menu.onmouseover = mouse_over;
	option.onchange = _box_select;
	checker();
}
function _create_elements(){
	menu = document.createElement('div');
	var new_obj = {'id':"menu", 'clas':"menu", 'BgImage':"url('http://ngwestar.googlepages.com/Menu.png')"};
		_set_attr(menu,new_obj);
	document.body.appendChild(menu);
	
	option = document.createElement('select'),
	new_obj = {'id': "_option", 'clas': "_option",'position':"absolute", 'top':"8px", 'left':"80px", 'width':"100px"};
	_set_attr(option,new_obj);
	menu.appendChild(option);

		new_obj = {'id': "Menu1", 'value': "Menu1"};
	_set_attr(options['Menu1'],new_obj);
	options['Menu1'].innerHTML = "Unicode";
	option.appendChild(options['Menu1']);

		new_obj = {'id': "Menu2", 'value': "Menu2"};
	_set_attr(options['Menu2'],new_obj);
	options['Menu2'].innerHTML = "Zawgyi";
	option.appendChild(options['Menu2']);
	
	var cookie = Get_Cookie(_cookie_name);
	options[cookie].selected = true;
}

function _set_attr(new_obj,obj){
if (obj.id){
	new_obj.id = obj.id;
}
if (obj.clas){
	new_obj.className = obj.clas;
}
if (obj.BgImage){
	new_obj.style.backgroundImage = obj.BgImage;
}
if (obj.position){
	new_obj.style.position = obj.position;
}
if (obj.top){
	new_obj.style.top = obj.top;
}
if (obj.left){
	new_obj.style.left = obj.left;
}
if (obj.width){
	new_obj.style.width = obj.width;
}
if(obj.value){
	new_obj.value = obj.value;
}
}

function _get_scroll(){
	distance = document.body.scrollTop + _menu_pos_y;
}

function scroll(){
	if (menu.offsetTop < distance) {
		if ((distance - menu.offsetTop) > 50) {
			menu.style.top = menu.offsetTop + _max_speed + "px";
		}else if((distance - menu.offsetTop) < 50 && (distance - menu.offsetTop) > 10){
			menu.style.top = menu.offsetTop + _normal_speed + "px";
		}else{
			menu.style.top = menu.offsetTop + _min_speed + "px";
		}
	}
	else if (menu.offsetTop > distance) {
		if ((menu.offsetTop - distance) > 50) {
			menu.style.top = menu.offsetTop - _max_speed + "px";
		}else if((menu.offsetTop - distance) < 50 && (menu.offsetTop - distance) > 10){
			menu.style.top = menu.offsetTop - _normal_speed + "px";
		}else{
			menu.style.top = menu.offsetTop - _min_speed + "px";
		}
	}
}

function checker(){
	scroll();
	_fold_menu();
	_unfold_menu();

	setTimeout("checker()",_checker_speed);
}

function mouse_out(){
	_mouse_out = true;
	_mouse_over = false;
	_out_counter = 0;
}

function mouse_over(){
	_mouse_out = false;
	_mouse_over = true;
}

function _fold_menu(){
	if (_mouse_out == true) {
		if (_out_counter < (_time_to_fold * 1000) / _checker_speed) {
			_out_counter++;
		}
		else {
			if ((menu.offsetLeft + menu.clientWidth) < document.body.clientWidth) {
				if ((document.body.clientWidth - (menu.offsetLeft + menu.clientWidth)) > 50) {
					menu.style.left = menu.offsetLeft + _max_speed + "px";
				}
				else 
					if ((document.body.clientWidth - (menu.offsetLeft + menu.clientWidth)) < 50 && (document.body.clientWidth - (menu.offsetLeft + menu.clientWidth)) > 10) {
						menu.style.left = menu.offsetLeft + _normal_speed + "px";
				}
				else {
					menu.style.left = menu.offsetLeft + _min_speed + "px";
				}
			}
			if (menu.clientWidth > _menu_fold_width) {
				menu.style.width = menu.offsetWidth - 5 + "px";
				option.style.display = "none";
			}
		}
	}
}

function _unfold_menu(){
	if (_mouse_over == true){
		if (menu.clientWidth < _menu_unfold_width) {
			menu.style.left = menu.offsetLeft - 5 + "px";
			menu.style.width = menu.offsetWidth + 5 + "px";
			option.style.display = "block";
		}
	}
}

function select(ev){
	ev = ev || window.event;
	drag_obj = menu;
	if (ev.pageX || ev.pageY) {
		mouse_Y = ev.pageY - drag_obj.offsetTop;
		mouse_X = ev.pageX - drag_obj.offsetLeft;
	}
	else {
		mouse_Y = ev.clientY - drag_obj.offsetTop,
		mouse_X = ev.clientX - drag_obj.offsetLeft;
	}

}

function mouse_move(ev){
	ev = ev || window.event;
	if (drag_obj){
		if (ev.pageX || ev.pageY) {
			var mouse_posY = ev.pageY, mouse_posX = ev.pageX;
		}else{
			var mouse_posY = ev.clientY ,
			mouse_posX = ev.clientX ;
		}
		drag_obj.style.top = (mouse_posY - mouse_Y) +"px";
		distance = drag_obj.offsetTop;
		drag_obj.style.left = (mouse_posX - mouse_X) +"px";
	}
}

function mouse_up(){
	if (drag_obj) {
		distance = drag_obj.offsetTop;
	}
	drag_obj = null,
	mouse_Y = null,
	mouse_X = null;
}

function Set_Cookie( name, value, expires, path, domain, secure ) //Cookie Seting Function
{
var today = new Date();
today.setTime( today.getTime() );

if ( expires )
{
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date( today.getTime() + (expires) );

document.cookie = name + "=" +escape( value ) +
( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) +
( ( path ) ? ";path=" + path : "" ) +
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}

function Get_Cookie( check_name ) {
	var a_all_cookies = document.cookie.split( ';' );
	var a_temp_cookie = '';
	var cookie_name = '';
	var cookie_value = '';
	var b_cookie_found = false;

	for ( i = 0; i < a_all_cookies.length; i++ )
	{
		a_temp_cookie = a_all_cookies[i].split( '=' );


		cookie_name = a_temp_cookie[0].replace(/^\s+|\s+$/g, '');

		if ( cookie_name == check_name )
		{
			b_cookie_found = true;
			if ( a_temp_cookie.length > 1 )
			{
				cookie_value = unescape( a_temp_cookie[1].replace(/^\s+|\s+$/g, '') );
			}
			return cookie_value;
			break;
		}
		a_temp_cookie = null;
		cookie_name = '';
	}
	if ( !b_cookie_found )
	{
		return "Menu1";
	}
}


function _box_select(){
	Set_Cookie(_cookie_name,option.value,_cookie_expire,'/','','');
	Set_Cookie(_cookie_name,option.value,_cookie_expire,'/','','');
	if  (option.value=='Menu1') 
	{  document.body.innerHTML=Z1_Uni(document.body.innerHTML);
	    document.getElementById("Head").style.fontFamily='Parabaik';
	}
	   if  (option.value=='Menu2') 
	{  document.body.innerHTML=Uni_Z1(document.body.innerHTML);
                  document.getElementById("Head").style.fontFamily='Zawgyi';
	}
}