var opera = (navigator.appName.indexOf("Opera") != -1) ? true : false;
var firefox = navigator.userAgent.toLowerCase(); 
    firefox = (firefox.indexOf("firefox") != -1) ? true : false;
var safari = navigator.userAgent.toLowerCase();
    safari = ((safari.indexOf("safari") != -1) && (safari.indexOf("chrome") == -1)) ? true : false;
var chrome = navigator.userAgent.toLowerCase();
    chrome = (chrome.indexOf("chrome") != -1) ? true : false;
var msie_only = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;
var msie_old  = false; // MSIE older than 7.0
var msie_80   = false; // MSIE 8.0 or newer
var msie_70   = false; // MSIE 7.0
var msie_60   = false; // MSIE 6.0

if (msie_only) {
  fullVerStr = navigator.appVersion;
  verStr = fullVerStr.substring(fullVerStr.indexOf('MSIE') + 4,fullVerStr.length);
  verStr = verStr.substring(0, verStr.indexOf(';'));
  msie_old = (parseFloat(verStr) <  7.0) ? true : false;
  msie_80  = (parseFloat(verStr) >= 8.0) ? true : false; 
  msie_70  = (parseFloat(verStr) == 7.0) ? true : false;
  msie_60  = (parseFloat(verStr) == 6.0) ? true : false;
}

document.writeln('<style type="text/css">\n/*<![CDATA[*/\n');
if (msie_old) {
  document.writeln("#WidthBlock #MiddleBlock {height:720px;}\n");
}
document.writeln('/*]]>*/\n</style>\n');

//begin of scroll configuration
var scroll_speed = 2; //scroll by how many pixels in one step
var scroll_delay = 35; //delay between animation frames in miliseconds
var scroll_width = "auto"; //specify the scroll area width in pixels (ie:300px) or "auto" for full available space width
var scroll_pause = "yes"; //pause scroll on mouse over (yes, no)
//end of scroll configuration

//additional scroll global variables
var scroll_speed_now = scroll_speed; 
var mouse_state = "out";
var actual_width = 0;
var contents_html = "";
var contents_ref;
var scrollIt_ref;

//invoke it at the end of body tag
function scrollDetectAndStart() {
  if (document.getElementById("ScrollIt")) {
    scrollIt_ref = document.getElementById("ScrollIt");
    initial_contents_html = scrollIt_ref.innerHTML;
    
    document.write('<span id="WidthChek" style="visibility:hidden; position:absolute; top:-10000px; left:-10000px; font-size:1.25em;"><nobr>' + initial_contents_html + '</nobr></span>');
    actual_width = document.getElementById("WidthChek").offsetWidth + 20;

    scrollIt_ref.innerHTML = '<div id="ScrollContainer" style="position:relative; width:' + scroll_width + '; height:17px; overflow:hidden;"><div id="ScrollContents" style="position:absolute; left:0px; top:0px; width:' + actual_width + 'px;" onMouseover="mouse_state = \'over\';" onMouseout="mouse_state = \'out\';">' + initial_contents_html +  '</div><img id="ScrollGradientRight" src="/images/scroll-gradient-right.png" style="position:absolute; right:-10px; height:17px; width:30px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/images/scroll-gradient-right.png\', sizingMethod=\'scale\'); " /><img id="ScrollGradientLeft" src="/images/scroll-gradient-left.png" style="position:absolute; left:-10px; height:17px; width:30px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/images/scroll-gradient-left.png\', sizingMethod=\'scale\'); " /></div>';

    if (msie_old) {
     document.getElementById("ScrollGradientLeft").src="/images/spacer.gif";
     document.getElementById("ScrollGradientRight").src="/images/spacer.gif";
    }

    scrollIt_ref.style.display="block";

    contents_ref = document.getElementById("ScrollContents");
    contents_ref.style.left = document.getElementById("ScrollContainer").offsetWidth+'px'; //initially out of visible area
    
    if (firefox) scroll_delay = scroll_delay + 5;
    setInterval("scrollMove()", scroll_delay);
  }
}

function scrollMove(){
  var scroll_actual_width = document.getElementById("ScrollContainer").offsetWidth;
  if (parseInt(contents_ref.style.left)>(actual_width*(-1))) {
    if (scroll_pause == "yes") {
       scroll_speed_now = (mouse_state == "out") ? scroll_speed : 0;
    }
    contents_ref.style.left = (parseInt(contents_ref.style.left) - scroll_speed_now) + "px";
  } else {
    contents_ref.style.left = parseInt(scroll_actual_width) + "px";
  }
}

//MENU
//event handlers
$(document).ready(function(){
  $("#MenuSwitch1").bind("mouseover", Box1Show);
  $("#MenuSwitch1").bind("mouseover", Box2HideInstantly); 
  $("#MenuSwitch1").bind("mouseover", Box3HideInstantly); 
  $("#MenuSwitch1").bind("mouseout",  Box1HideDelayed); 
  $("#MenuBox1").bind("mouseover", Box1DontHide);
  $("#MenuBox1").bind("mouseout",  Box1HideDelayed);

  $("#MenuSwitch2").bind("mouseover", Box2Show);
  $("#MenuSwitch2").bind("mouseover", Box1HideInstantly);
  $("#MenuSwitch2").bind("mouseover", Box3HideInstantly); 
  $("#MenuSwitch2").bind("mouseout",  Box2HideDelayed); 
  $("#MenuBox2").bind("mouseover", Box2DontHide);
  $("#MenuBox2").bind("mouseout",  Box2HideDelayed);
  
  $("#MenuSwitch3").bind("mouseover", Box3Show);
  $("#MenuSwitch3").bind("mouseover", Box1HideInstantly);
  $("#MenuSwitch3").bind("mouseover", Box2HideInstantly);
  $("#MenuSwitch3").bind("mouseout",  Box3HideDelayed); 
  $("#MenuBox3").bind("mouseover", Box3DontHide);
  $("#MenuBox3").bind("mouseout",  Box3HideDelayed);
});

//global variables
var box1_timeout;
var box2_timeout;
var box3_timeout;

function Box1Show() {
  window.clearTimeout(box1_timeout);
  $("#MenuBox1").slideDown(130);
}

function Box2Show() {
  window.clearTimeout(box2_timeout);
  $("#MenuBox2").slideDown(130);
}

function Box3Show() {
  window.clearTimeout(box3_timeout);
  $("#MenuBox3").slideDown(130);
}

function Box1HideInstantly() { $("#MenuBox1").slideUp(110); }
function Box2HideInstantly() { $("#MenuBox2").slideUp(110); }
function Box3HideInstantly() { $("#MenuBox3").slideUp(110); }

function Box1DontHide() { window.clearTimeout(box1_timeout); }
function Box2DontHide() { window.clearTimeout(box2_timeout); }
function Box3DontHide() { window.clearTimeout(box3_timeout); }

function Box1HideDelayed() { box1_timeout = window.setTimeout("Box1HideInstantly()",800); }
function Box2HideDelayed() { box2_timeout = window.setTimeout("Box2HideInstantly()",800); }
function Box3HideDelayed() { box3_timeout = window.setTimeout("Box3HideInstantly()",800); }