function slideUp()
{
	new Rico.Effect.Position("articleArea", 0,1, 10, 5);
	new Rico.Effect.Position("bar", null,1, 10, 5);
}
function slideDown()
{
	new Rico.Effect.Position("articleArea", 0,-290, 10, 5);
	new Rico.Effect.Position("bar", null,149, 10, 5);
}
function slideRight(ID)
{
	new Effect.MoveBy($('li'+ID), 0,-555);
	$('btnLeft'+ID).style.display = "block";
}
function slideLeft(ID)
{
	new Effect.MoveBy($('li'+ID), 0,555);
	$('btnLeft'+ID).style.display = "none";
}
function over()
{
	$('btnNormalOver').style.display = "block";
}
function out()
{
	$('btnNormalOver').style.display = "none";
}
function over02()
{
	$('btnSpecialOver').style.display = "block";
}
function out02()
{
	$('btnSpecialOver').style.display = "none";
}



// clear className and repair id name
// n : Event.element(evt)
function clearClass(n) {
	var n_id = n.id;
	n.className = '';
	var n_id_num = n_id.length;
	var n_id_h = n_id.substring(0,4);
	if(n_id_h == 'cur_'){
		var n_id_sbt = n_id.substring(4,n_id_num);
		n.id = n_id_sbt;
	}
}

var page_loaded_flg = false;
Event.observe(window, 'load', page_loaded, false);

function page_loaded() {
  Event.observe('cmn', 'click', cmn_clicked, false);
  Event.observe('cmn', 'mouseover', cmn_overed, false);
  Event.observe('cmn', 'mouseout', cmn_outed, false);
  page_loaded_flg = true;
}

/****** left category menu ******/
// mouse over in
function cmn_overed(evt) {
  if(page_loaded_flg == false)
  {
    return;
  }

  var mi = Event.element(evt);
  var mi_cn = mi.className;
  if(mi_cn != 'current'){
    mi.className='over';
  }
  return;
}

// mouse over out
function cmn_outed(evt) {
  if(page_loaded_flg == false)
  {
    return;
  }

  var mi = Event.element(evt);
  var mi_cn = mi.className;
  if(mi_cn!='current'){
    mi.className = '';
  }
  return;
}

// mouse clicked
function cmn_clicked(evt) {
  if(page_loaded_flg == false)
  {
    return;
  }
  $A($('cmn').getElementsByTagName('li')).each(function(n) {clearClass(n);});
  
  //var mi = Event.element(evt).parentNode;
  var mi = Event.element(evt);
  mi.className='current';
  var mi_id = mi.id;
  mi.id = 'cur_' + mi_id;

  //new Ajax.Updater('testCategoryArea', '/pw/html/top/' + mi.id.substring(3).toLowerCase() + '.html');
  //new Ajax.Updater('categoryArea', '/CategoryArea.blog?category=' + mi.id.substring(3).toLowerCase(),{method: 'get'});

  if(mi.id == 'cmn') return;
  new Ajax.Updater('categoryArea', '/CategoryArea.blog',{method: 'get', parameters: 'category=' + mi.id.substring(7).toLowerCase(),
          onSuccess: function(request) { 
        }, 
        onComplete: function(request) { 
        }, 
        onFailure: function(request) { 
        }, 
        onException: function (request) { 
        } });
}