<!--/// JavaScript Document
 
 
 
$(function() {
    
    // run the code in the markup!
    $('#s1').cycle({ 
    fx:    'fade', 
    speed: 1000,
     timeout:9000,
     pause:  1
 });
     
    
     // run the code in the markup!
    $('#s2').cycle({ 
    fx:    'fade', 
    speed: 1000,
      timeout:9500,
     pause:  1
 });
  
  
   // run the code in the markup!
    $('#s3').cycle({ 
    fx:    'fade', 
    speed: 1000,
     timeout:10000,
     pause:  1 
 });
 
  // run the code in the markup!
    $('#s4').cycle({ 
    fx:    'fade', 
    speed: 1000,
     timeout:10500,
     pause:  1
 });
 
   // run the code in the markup!
    $('#contactimages').cycle({ 
    fx:    'fade', 
    speed: 1000,
     timeout:10500,
     pause:  1
 });
    });
    
  

function onBefore() {
    $('#output').html("Scrolling image:<br>" + this.src);
    //window.console.log(  $(this).parent().children().index(this) );
}
function onAfter() {
    $('#output').html("Scroll complete for:<br>" + this.src)
        .append('<h3>' + this.alt + '</h3>');
}



function toggleLayer(whichLayer)
{
if (document.getElementById)
{
// this is the way the standards work
var style2 = document.getElementById(whichLayer).style;
style2.display = style2.display? "":"block";
}
else if (document.all)
{
// this is the way old msie versions work
var style2 = document.all[whichLayer].style;
style2.display = style2.display? "":"block";
}
else if (document.layers)
{
// this is the way nn4 works
var style2 = document.layers[whichLayer].style;
style2.display = style2.display? "":"block";
}
}
//-->