function toggleInteractContainers(x) {
 if($('#'+x).is(":hidden")) {
  $('#'+x).slideDown(200);
 } else {
  $('#'+x).hide();
  $("a#close").click(
   function(){
    $("div.interactContainers").hide();
   }
  )
 }
 $('interactContainers').hide();
}

function popitup(url) {
 newwindow=window.open(url,'name','height=300,width=550');
 if (window.focus) {newwindow.focus()}
  return false;
 }
}

// define reference to the hidden div element  
var div;  
  
// set reference to the div element after page is loaded  
window.onload = function (){  
  div = document.getElementById('hoverbox');  
}  
   
function clayhoverbox_show(obj, src, type){  
  // define oTop and oLeft variables  
  var oTop  = 0;  
  var oLeft = 0;  
  // find object position on the page  
  do {oLeft+=obj.offsetLeft; oTop+=obj.offsetTop} while (obj=obj.offsetParent);  
  // set the position of invisible div  
  div.style.top  = (oTop  + 20) + 'px';  
  div.style.left = (oLeft + 20) + 'px';  
  // put iframe with img in div element (this will work in any browser)  
  if (type == 'iframe')  
    div.innerHTML = '<iframe marginwidth="0" marginheight="0" frameborder="no" ' +  
                    'width="100%" height="100%" scrolling="no" src="'+src+'">' +  
                    '</iframe>';  
  // or put img HTML in the div element (IE6 has problem with select overlay)  
  else  
    div.innerHTML = '<img src="'+src+'"/>';  
  // show hoverbox  
  div.style.visibility = 'visible';  
}  
function clayhoverbox_hide(){  
  div.style.visibility = 'hidden';  
}