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

  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++;
    }
  }
}

function changeOpac(opacity, id) {
  var object = document.getElementById(id).style;
  opacity = (opacity == 100)?99.999:opacity;
  object.opacity = (opacity / 100);
  object.MozOpacity = (opacity / 100);
  object.KhtmlOpacity = (opacity / 100);
  object.filter = "alpha(opacity=" + opacity + ")";
} 

function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
  
    //make image transparent
    changeOpac(0, imageid);

    //make new image
    document.getElementById(imageid).src = imagefile;
 
    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
}


function preloadimages()
{
	
	if (document.images) {
		preload_image_object = new Image();
		// set image url
		var imagearray = new Array();
		imagearray = hpi;
		
		
		var imgPath = 'app/user_data/';
		/*imagearray[0] = imgPath + "slidey_placeholder_1.jpg";
		imagearray[1] = imgPath + "slidey_placeholder_2.jpg";
		imagearray[2] = imgPath + "slidey_placeholder_3.jpg";
		imagearray[3] = imgPath + "slidey_placeholder_4.jpg";
		imagearray[4] = imgPath + "slidey_placeholder_5.jpg";*/
			
		var i = 0;
		for(i=0; i<=imagearray.length-1; i++) {
			imagearray[i] = user_data_url + hpi[i];
			preload_image_object.src = imagearray[i];
		}
		//alert('loaded');
	}
}



function runslideshow(iteration)
{
	if (typeof(iteration)=='undefined') iteration = 0;
	var imagearray = new Array();
	imagearray = hpi;
	
	var imgPath = 'app/user_data/';
		/*imagearray[0] = imgPath + "slidey_placeholder_1.jpg";
		imagearray[1] = imgPath + "slidey_placeholder_2.jpg";
		imagearray[2] = imgPath + "slidey_placeholder_3.jpg";
		imagearray[3] = imgPath + "slidey_placeholder_4.jpg";
		imagearray[4] = imgPath + "slidey_placeholder_5.jpg";*/
	var i = 0;
	for(i=0; i<=imagearray.length-1; i++) {
		imagearray[i] = hpi[i];
		//alert(imagearray[i]);
		//imagearray[i] = hpi[i];
	}		
	
	iteration = iteration % imagearray.length;
//	alert(imagearray[i]);
    
	blendimage('rotator', 'image2rotate', imagearray[iteration], 1000);
	document.getElementById('link2rotate').href = base_url + hpiLink[iteration];
	setTimeout("runslideshow(" + eval(iteration+1) + ")",4000);
}