function display_item(obj){
	var obj = document.getElementById(obj);
	if(obj.style.display=='none'){
		new Effect.Appear(obj);
	} else if (obj.style.display==''){
		new Effect.Fade(obj);
	}
}


function toggle_item(object) 
{
	var obj = document.getElementById(object);
		
	if(obj.style.display=='none')
  {
		new Effect.Appear(obj);
	}
  else
    if (obj.style.display=='')
    {
  		new Effect.Fade(obj);
  	}
}

function toggle_item_ash(object, url, params)
{
  var obj = document.getElementById(object);
  var opt = {
    method: 'post',
    postBody: params,
    onSuccess: function(t) 
    {
      obj.innerHTML = t.responseText;
    	if(obj.style.display=='none')
    	  new Effect.Appear(obj);
    },
    onFailure: function(t) 
    {
      alert('Error ' + t.status + ' -- ' + t.statusText);
      new Effect.Fade(obj);
    }
  }
  new Ajax.Request(url, opt);  
}

function toggle_item_ash_elem(object, url, params, elemparam)
{
  var obj = document.getElementById(object);
  var elem = document.getElementById(elemparam)
  var opt = {
    method: 'post',
    postBody: params + '&elem=' + elem.value,
    onSuccess: function(t) 
    {
      obj.innerHTML = t.responseText;
    	if(obj.style.display=='none')
    	  new Effect.Appear(obj);
    },
    onFailure: function(t) 
    {
      alert('Error ' + t.status + ' -- ' + t.statusText);
      new Effect.Fade(obj);
    }
  }
  new Ajax.Request(url, opt);  
}

function toggle_item_holder(object, url, params, holder)
{
  var obj = document.getElementById(object);
  var hld = document.getElementById(holder)
	if(obj.style.display=='none')
  {	
    var opt = {
      method: 'post',
      postBody: params,
      onSuccess: function(t) 
      {
        obj.innerHTML = t.responseText;
        hld.innerHTML = '<a href="javascript:void(0)" onclick="toggle_item_holder(\'' + object + '\',\'' + url + '\',\'' + params + '\',\'' + holder + '\')"><img src=\"./imgs/icon_roll_collapse.png\" width=\"9\" height=\"9\" alt=\"Collapse\" /> Collapse</a>';
      	if(obj.style.display=='none')
      	  new Effect.Appear(obj);
      },
      onFailure: function(t) 
      {
        alert('Error ' + t.status + ' -- ' + t.statusText);
        new Effect.Fade(obj);
      }
    }		
    new Ajax.Request(url, opt); 	
	}
  else
    if (obj.style.display=='')
    {	
  		new Effect.Fade(obj);
      hld.innerHTML = '<a href="javascript:void(0)" onclick="toggle_item_holder(\'' + object + '\',\'' + url + '\',\'' + params + '\',\'' + holder + '\')"><img src=\"./imgs/icon_roll_expand.png\" width=\"9\" height=\"9\" alt=\"Expand\" /> Expand</a>';
  	}
   
}
    
function toggle_item_ajax(id,holder,eventid,instid,gamesection)
{
	var obj = document.getElementById(id);
	var holder = document.getElementById(holder);
	
  var options = {
    method: 'post',
  	postBody: 'sorting_id='+ id +'&id='+ eventid +'&inst_id='+ instid +'&gamesection='+ gamesection,
    onSuccess: function(t) 
    {
			holder.innerHTML = '<img src=\"./images/collapse.gif\" width=\"14\" height=\"11\" alt=\"Collapse\" />';
			obj.innerHTML = t.responseText;
			new Effect.Appear(obj);	
    },
    onFailure: function(t) 
    {
		  alert('Error ' + t.status + ' -- ' + t.statusText);
    }
  }
	
}