var currentImage=0;
var maxPict = 12;
var newPic = -1;
var oldPic = 0;
var disolvePic = 0;
var pic360Pos = 0;
var pic360Direc = 0;
var secu = 0;
var overlap = new Array();
var percentView = 100;
var allowClick = true;

overlap[0] = 60;
overlap[1] = 210;
overlap[2] = 200;
overlap[3] = 120;
overlap[4] = 100;
overlap[5] = 150;
overlap[6] = 100;
overlap[7] = 110;
overlap[8] = 120;
overlap[9] = 10;
overlap[10] = 50;
overlap[11] = 150;


function moveLeft(){
	if (allowClick == true){
		allowClick = false;
		move(-1);
	}
}

function moveRight(){
	if (allowClick == true){
		allowClick = false;
		move(1);
	}
}

function slide(){
   var keepSliding = false;
   secu = secu + 1;
   step = 5;
   if (
   		(  (
        	(pic360Direc == -1)&&
        	(pic360Pos > 0 )
        )||
   		(
        	(pic360Direc == 1)&&
        	(pic360Pos < 0 )
        ))&&(secu < 1000)
      ){
      keepSliding = true;
   }

   if (keepSliding){
   		var newPicObj = document.getElementById('view' + newPic);
        newPicObj.style.zIndex=3;
   		newPicObj.style.left = pic360Pos + pic360Direc*step ;

   		var oldPicObj = document.getElementById('view' + oldPic);
        oldPicObj.style.zIndex=4;

   		var styleLeft = oldPicObj.style.left;
   		if ((styleLeft == null)||(styleLeft=="")){
   		  styleLeft = "0px";
   		}
   		//alert("styleLeft: " + styleLeft + ",  " + oldPicObj.id)
		if (oldPicObj){
   			oldPicObj.style.left = ((styleLeft.substring(0, styleLeft.length -2)*1) + pic360Direc*step) + "px";
   		}

   		pic360Pos = pic360Pos + pic360Direc*step;

   		window.setTimeout(slide,10);
   }else{
     disolvePic = oldPic;
     disolve();
     oldPic = newPic;
   }
}

/**
 * Gradually hide a div then reset it
 */
function disolve(){
     var oldPicObj = document.getElementById('view' + disolvePic);
     percentView = percentView - 5;

     oldPicObj.style.filter = "alpha(opacity=" + percentView + ")";
     oldPicObj.style.opacity = "0." + percentView;
     if (percentView > 0){
     	window.setTimeout(disolve,20);
     }else{
     	oldPicObj.style.zIndex=2;
		percentView = 100;
		oldPicObj.style.left = "0px";
		oldPicObj.style.filter = "alpha(opacity=" + percentView + ")";
		oldPicObj.style.opacity = "1.0";
		allowClick = true;
     }
}

function move(direc){
  secu = 0;

  currentImage = (currentImage + direc) % maxPict;

  for (var i=0; i < maxPict; i++){
    var curPic = document.getElementById('view' + i);
    var tmp = currentImage;
	if (tmp < 0){
		tmp = maxPict + currentImage;
	}

    if (i != tmp){
      	if (i == oldPic){
			var oldPicObj = document.getElementById('view' + oldPic);
		    oldPicObj.style.zIndex=3;
		}else{
      		curPic.style.zIndex=2;
      	}
    }else{
	  newPic = i;
	  curPic.style.Left = ((direc == 1)?"480":"-480") + "px";
    }
  }
  pic360Direc = direc * (-1);
  pic360Pos = direc * 480 + ((direc==1)?overlap[newPic]:overlap[oldPic])*direc*(-1);
  var oldPicObj2 = document.getElementById('view' + oldPic);
  //alert("newPic: " + newPic + ", oldPic: " + oldPic + ", pic360Direc: " + pic360Direc + ", pic360Pos: " + pic360Pos + ", " + oldPicObj2.style.left + ",  "  + oldPicObj2.id);
  window.setTimeout(slide,10);
}