var slideshow_width=377;
var curpos=parseInt(slideshow_width)*(-1);
var curcanvas="canvas0";
var degree=10;
var ie4=document.all;
var dom=document.getElementById;
var image;
var currImage;

function findPos(obj) {
	var curleft = curtop = curright = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curright += obj.offsetRight;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft];
}
function moveright(){
	if (curpos<0){
		//alert(curpos);
		curpos=Math.min(curpos+degree,0);
		document.getElementById('canvas0').style.left=curpos+"px";
	} else{
		clearInterval(dropslide);
		/* Load the current pic as the background */
		document.getElementById('portfolioImage').innerHTML='<img src="'+currImage+'" border=0>';
		document.getElementById('canvas0').style.zIndex=0;
		document.getElementById('portfolioImage').style.zIndex = 1;
	}
}
function moveleft(){
  if (curpos>0){
		curpos=parseInt(curpos-degree);
    document.getElementById('canvas0').style.left=curpos+"px";
  } else{
    clearInterval(leftslide);
    /* Load the current pic as the background */
    document.getElementById('portfolioImage').innerHTML='<img src="'+currImage+'" border=0>';
    document.getElementById('canvas0').style.zIndex=0;
    document.getElementById('portfolioImage').style.zIndex = 1;
  }
}
function slideright(image){
	var startpos = findPos(document.getElementById('portfolioImage'));
	// Bring canvas to front
	document.getElementById('portfolioImage').style.zIndex = 0;
	document.getElementById('canvas0').style.zIndex=1;
	currImage = image;
	document.getElementById('canvas0').innerHTML='<img src="'+currImage+'" border=0>';
	curpos=parseInt(slideshow_width)*(-1);
	document.getElementById('canvas0').style.left=curpos+"px";
	dropslide=eval(setInterval("moveright()",50))
	curpos=parseInt(slideshow_width)*(-1);
}
function slideleft(image){
  var startpos = findPos(document.getElementById('portfolioImage'));
  currImage = image;
  document.getElementById('canvas0').innerHTML='<img src="'+currImage+'" border=0>';
  document.getElementById('portfolioImage').style.zIndex=0;
  document.getElementById('canvas0').style.zIndex=1;
	curpos=parseInt(377);
  document.getElementById('canvas0').style.left=curpos+"px";
  leftslide=eval(setInterval("moveleft()",50));
	curpos=parseInt(377);
}