var center = function(){
     var content = $('content_left');
     if(content != null){
     content.style.top = "50%";
     var margin = parseInt(content.offsetHeight/2);
     margin = "-" + margin + "px";
     content.style.marginTop = margin; 
     content.style.visibility = 'visible';
}
}

var uncenter = function(){
     var content = $('content_left');
     content.style.visibility = "hidden";
     content.style.top = "0%";
     content.style.marginTop = "0px";
     content.style.visibility = "visible";
}





var load_story = function(event, story){
     if (story != null)
         var text = story;
     else{
         var text = Event.element(event).className;
     }
     new Ajax.Updater($('updatable'), '/!get_story/' + text, {method:'get'}); 
}


var load_topics = function(event, name) {
  //set the classes to between elements in the document list
  //first change the classname of the existing elements which are underlined
  var topic = Event.element(event);
  var active = document.getElementsByClassName('topic_current', topic.parentNode);
 
  
  for(i=0;i<active.length;i++){
    element = active[i];
    topic_clas = Element.classNames(element);
    topic_clas.set('topic');
  }

  //then add to the one just clicked
  var topic_class = Element.classNames(topic);
  topic_class.set('topic_current');

  //now we make an ajax call to fill the right-hand-side with document links 
  
var myAjax = new Ajax.Request(
			'!get_document_list/' + name, 
			{
				method: 'get', 
  			        onComplete: new_right
			});

}

var load_media_data = function(event) {
  var object_uuid = Event.element(event).parentNode.id;  

  //now we make an ajax call to fill the right-hand-side with information about the media
  
var myAjax = new Ajax.Request(
			'!load_image_info/' + object_uuid,
			{
				method: 'get', 
  			        onComplete: new_right
			});
}


var search_resources = function(event) {

  if ( event.type != "click" && ( event.keyCode != undefined && event.keyCode != 13 ) ){
     return;
  }
  var search_term = $F('Searchfield');
  var content_left = $('content_left');
  if(content_left==null){
       up_left = document.createElement('div');
       up_left.id = 'up_left';
       down_left = document.createElement('div');
       down_left.id = 'down_left';
       track_left = document.createElement('div');
       track_left.id = 'track_left';
       track_left.className = 'track_leftcol';
       drag_left = document.createElement('div');
       drag_left.id = 'drag_left';
       drag_left.className = 'drag_leftcol';
       contentMask_left = document.createElement('div');
       contentMask_left.id = 'contentMask_left';
       contentMask_left.className = "left_imgagecol";
       content_left = document.createElement('div');
       content_left.id = 'content_left';
       contentMask_left.appendChild(content_left);
       document.body.insertBefore(contentMask_left, $('up'));
       document.body.insertBefore(track_left, contentMask_left);  
       document.body.insertBefore(drag_left, track_left);
       document.body.insertBefore(down_left, drag_left);
       document.body.insertBefore(up_left, down_left);
  }

  var myAjax = new Ajax.Request( 
			'!search_resources/' + search_term, 
			{
				method: 'get', 
                                onComplete: new_left
			});

  }


new_left = function(request){
   uncenter();
   $('content_left').innerHTML = request.responseText;
   var drag = $('drag_left')
   drag.style.visibility = 'visible';
   $('track_left').style.visibility = 'visible';
   new ScrollObj(6,44,306,"track_left","up_left","down_left","drag_left","contentMask_left","content_left");
   
}
new_right = function(request){
   $('updatable').innerHTML = request.responseText;
   var drag = $('drag')
   drag.style.visibility = 'visible';
   $('track').style.visibility = 'visible';
   new ScrollObj(6,44,306,"track","up","down","drag","contentMask_right","content_right");
}

function show_title(obj){
	$("tooltip").innerHTML = "<table width='130'><tr><td>This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.0 UK: England &amp; Wales License<\/td><\/tr><\/table>";
	$("tooltip").style.display = "inline";
}

function hide_title(){
	$("tooltip").style.display = "none";
}