var isDHTML = 0;
var isLayers = 0;
var isAll = 0;
var isID = 0;
currDisplay = "none"
if (document.getElementById) {isID = 1; isDHTML = 1;}
else {
browserVersion = parseInt(navigator.appVersion);
if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {isLayers = 1; isDHTML = 1;}
else {
if (document.all) {isAll = 1; isDHTML = 1;}
}}

function findDOM(objectID,withStyle) {
  var menuArea = "menuArea";
  if (withStyle == 1) {
    if (isID) { return (document.getElementById(objectID).style) ; }
    else { 
      if (isAll) { return (document.all[objectID].style); }
      else {
        if (isLayers) { return (document.layers[menuArea].layers[objectID]); }
      };
    }
   }
   else {
     if (isID) { return (document.getElementById(objectID)) ; }
     else { 
       if (isAll) { return (document.all[objectID]); }
       else {
         if (isLayers) { return (document.layers[menuArea].layers[objectID]); }
       };
     }
   }
}

function toggleDisplay(objectID) {
  if (isAll || isID) {
    if (currDisplay != "none") {
        domStyle = findDOM(currDisplay,1);
        domStyle.display='none';
    }
    if (currDisplay != objectID) {
       domStyle = findDOM(objectID,1);
       domStyle.display='block';
       currDisplay=objectID;
    } else {
       domStyle = findDOM(objectID,1);
       domStyle.display='none';
       currDisplay="none";
    }
  }
  return;
}


jQuery(function($) {
var timer;
function button1_click(event)
{$("#image1").animate({"opacity":1},3000, "linear", null);
     $("ul.buttons li").removeClass("active");
    $("#image1").animate({"opacity":1},3000, "linear", null);
     $("#button1").addClass("active");
     clearTimeout(timer);
     timer = setTimeout(eval("button2_click"),"5000");
    $("#image1").animate({"opacity":0},1000, "linear", null);
}

function button2_click(event)
{$("#image2").animate({"opacity":1},3000, "linear", null);
     $("ul.buttons li").removeClass("active");
    $("#image2").animate({"opacity":1},3000, "linear", null);
     $("#button2").addClass("active");
     clearTimeout(timer);
     timer = setTimeout(eval("button3_click"),"5000");
    $("#image2").animate({"opacity":0},1000, "linear", null);
}

function button3_click(event)
{$("#image3").animate({"opacity":1},3000, "linear", null);
     $("ul.buttons li").removeClass("active");
    $("#image3").animate({"opacity":1},3000, "linear", null);
     $("#button3").addClass("active");
     clearTimeout(timer);
     timer = setTimeout(eval("button4_click"),"5000");
    $("#image3").animate({"opacity":0},1000, "linear", null);
}

function button4_click(event)
{$("#image4").animate({"opacity":1},3000, "linear", null);
     $("ul.buttons li").removeClass("active");
    $("#image4").animate({"opacity":1},3000, "linear", null);
     $("#button4").addClass("active");
     clearTimeout(timer);
     timer = setTimeout(eval("button1_click"),"5000");
    $("#image4").animate({"opacity":0},1000, "linear", null);
}

function OnLoad(event)
{
     clearTimeout(timer);
     timer = setTimeout(eval("button2_click"),"5000");
}

OnLoad();

});