$(document).ready(function() {
  // position submenus
  SubNavOffset = $(".toplevel").offset().left + parseInt( $(".subnav").css("padding-left") );
  $("#sub1").css("margin-left", $("#top1").offset().left - SubNavOffset);
  $("#sub2").css("margin-left", $("#top2").offset().left - SubNavOffset);
  $("#sub3").css("margin-left", $("#top3").offset().left - SubNavOffset);
});

function showNav (id) {
	document.getElementById('sub'+id).style.display='block';
	document.getElementById('top'+id).className='active';
}

function hideNav (id) {
	document.getElementById('sub'+id).style.display='none';
	document.getElementById('top'+id).className='';
}

var t;
var j = 0;
var p = Pic.length;

function runSlideShow() {
	document.getElementById('ssbg').style.backgroundImage = 'url('+Pic[j]+')';
	j = j + 1;
	if (j > (p-1)) j = 0;
	t = setTimeout("runSlideShow()", slideShowSpeed);
}

function showLarge (id) {
	document.getElementById('photo'+id).style.display='block';
	document.getElementById('overlay').style.display='block';
}

function hideLarge (id) {
	document.getElementById('photo'+id).style.display='none';
	document.getElementById('overlay').style.display='none';
}