stepcarousel.setup({
		galleryid: 'image-gallery', 
		beltclass: 'belt',
		panelclass: 'panel',
		panelbehavior: {speed:500, wraparound:true, persist:true},
		defaultbuttons: {enable: true, moveby: 2, leftnav: ['http://scienceport.org/wp-content/themes/iMag/iMag/images/sliding-prev-button.gif', -30, 75, 'slide-prev-nav'], rightnav: ['http://scienceport.org/wp-content/themes/iMag/iMag/images/sliding-next-button.gif', 20, 75, 'slide-next-nav']},
		statusvars: ['statusA', 'statusB', 'statusC'], 
		contenttype: ['external']

	})
function show_hover(ele) {
	document.getElementById('casinoPreview').innerHTML = document.getElementById(ele).innerHTML;
}

  var scrOfX = 0, scrOfY = 0;
function getScrollXY() {
  if( typeof( window.pageYOffset ) == 'number' ) {
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }

}

function followMouse(e) {
 var viewportwidth;
 var viewportheight;
 
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 
 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
 
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
 }
 
 // older versions of IE
 
 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }

if (!e) e = window.event; 
mouseX = e.pageX || (e.clientX + document.body.scrollTop);
mouseY = e.pageY || (e.clientY + document.body.scrollLeft)

eleheight = 0;
elewidth = 400;
    var x = 0, y = 0;
    var mouseOffset = 24;
    var mouseXpos = '', mouseYpos = '';

    if (mouseY + mouseOffset < (viewportheight - eleheight) / 2) {
mouseYPos = 'top';
      y = mouseY + mouseOffset;
    } else if (mouseY - mouseOffset > (viewportheight + eleheight) / 2) {
mouseYPos = 'bottom';
      y = mouseY - mouseOffset - this.height;
    } else {
      mouseYPos = 'middle';
      y = (viewportheight - eleheight) / 2;
    }

    if (mouseYPos != 'middle'
        && ((mouseX + mouseOffset > (viewportwidth - elewidth) / 2)
         && (mouseX - mouseOffset < (viewportwidth + elewidth) / 2))) {
      mouseXPos = 'center';
      x = (viewportwidth - elewidth) / 2;
    } else if (mouseX > viewportwidth / 2) {
      mouseXPos = 'right';
   
      x = mouseX - mouseOffset - elewidth;
    } else {
      mouseXPos = 'left';
      x = mouseX + mouseOffset;
    }

     document.getElementById('casinoPreview').style.top = y + scrOfY + 'px';
     document.getElementById('casinoPreview').style.left = x + scrOfX  + 'px';
}

function hide_box() {
     document.getElementById('casinoPreview').style.top = '-1000px';
     document.getElementById('casinoPreview').style.left = '-1000px';

}

