pct=0;
function moveToPrevious()
 {
   new Effect.Move('imageBoxInside', { x: 552, y: 0, transition: Effect.Transitions.sinoidal });
   pct=pct-1; 
 }  

function moveToNext()
 {
   new Effect.Move('imageBoxInside', { x: -552, y: 0, transition: Effect.Transitions.sinoidal });
   pct=pct+1; 
 }

function ShowArrow(extrem) {
 ra = document.getElementById('rightarrow');
 la = document.getElementById('leftarrow');
   if (pct >= extrem) {
		ra.innerHTML = '';		   
   }
   else {
      var fu='ShowArrow('+extrem+');'
      var t='<a href="javascript:void(0);" onclick="moveToNext();'+fu+' return true;"><img src="r.png" /></a>'; 
      ra.innerHTML=t;
   } 
   if (pct <= 0) {
		la.innerHTML = '';   
   }
   else {
      var fu='ShowArrow('+extrem+');'
      var t='<a href="javascript:void(0);" onclick="moveToPrevious();'+fu+' return true;"><img src="l.png" /></a>'; 
      la.innerHTML=t;
   } 
}


function initImage() {
	imageId = 'thephoto';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}


function HideOrn() {
  imageId = 'orn1';
  image = document.getElementById(imageId);
//  opacity('orn1',200,0,900);
  image.style.visibility = "hidden";
}



function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}