function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}
function getWindowSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
	return [myWidth, myHeight];
}
function getWidth(el) {
	  
    return el.offsetWidth;
}
function getHeight(el) {
    return el.offsetHeight;
}
function jMoveToCenter(el){
	
	var scrolls = getScrollXY();
	var wsize = getWindowSize();
	var w = getWidth(el);
	var h = getHeight(el);
	var x = ((wsize[0] - w ) / 2) + scrolls[0];
	var y = ((wsize[1] - h) / 2) + scrolls[1];
 
  var y = scrolls[1];
  //alert("w: " + w + "h: " + h);
  //alert("x: " + x + "y: " + y);
	el.style.left = x + 'px';
	el.style.top = y + 'px';
	
	return el;
}		



function hidePic(){
			var element = document.getElementById("photowindow");
			//Spry.Effect.AppearFade('photowindow', {duration:1000, from:100,to:20,finish:hideTarget});
			 element.style.display = 'none';
}
function toggleThumb(imgname){
	    
			var element = document.getElementById("photowindow");
			var pic = document.getElementById("mainpic");
			pic.src = '/images/'+imgname ;
		
			
			/*element.style.opacity = 0.2;
			element.style.filter = 'alpha(opacity=20)';
			Spry.Effect.AppearFade('photowindow', {duration:1000, from:20,to:100});*/
			
			element.style.display = 'block';
			jMoveToCenter(element);
			
			
			
		}