 
function Resize(img,maxx,maxy,spd){
 var parent=img.parentNode;
 var w=img.width;
 var h=img.height;
 if (w>maxx){
  w=maxx;
 }
 if (h>maxy){
  h=maxy;
 }
 parent.style.width=w+'px';
 parent.style.height=h+'px';
 img.style.left=(w-img.width)/2+'px';
 img.style.top=(h-img.height)/2+'px';
 img.ud=getRandomDirection();
 img.sud=true;
 img.nexttop=0;
 img.maxx=maxx;
 img.maxy=maxy;
 img.to=null;
 img.spd=spd;
 Cycle(img,maxx,maxy);
}

function Cycle(img){
 var lft=parseInt(img.style.left);
 var top=parseInt(img.style.top);
 if (img.ud=='left'){
  if (lft>-img.width+img.maxx){
   img.style.left=lft-1+'px';
  }
  else {
   if (top==-img.height+img.maxy){
    img.sud=false;
   }
   if (top==0){
    img.sud=true;
   }
   if (img.sud){
    img.ud='up';
    img.nexttop=Math.max(top-img.maxy,-img.height+img.maxy);
   }
   else {
    img.ud='down';
    img.nexttop=Math.min(top+img.maxy,0);
   }
  }
 }
 if (img.ud=='up'){
  if (top>img.nexttop){
   img.style.top=top-1+'px';
  }
  else {
   img.ud=lft==0?'left':'right';
  }
 }
 if (img.ud=='right'){
  if (lft<0){
   img.style.left=lft+1+'px';
  }
  else {
   if (top==-img.height+img.maxy){
    img.sud=false;
   }
   if (top==0){
    img.sud=true;
   }
   if (img.sud){
    img.ud='up';
    img.nexttop=Math.max(top-img.maxy,-img.height+img.maxy);
   }
   else {
    img.ud='down';
    img.nexttop=Math.min(top+img.maxy,0);
   }
  }
 }
 if (img.ud=='down'){
  if (top<img.nexttop){
   img.style.top=top+1+'px';
  }
  else {
   img.ud=lft==0?'left':'right';
  }
 }
 img.to=setTimeout(function(){ Cycle(img); },img.spd);
}

function wait(msecs)
{
	var start = new Date().getTime();
	var cur = start
	while(cur - start < msecs)
	{
		cur = new Date().getTime();
	}
} 

function setImagePan()
{
	imageIndex++;
	if (imageIndex == 4)
	{
		imageIndex = 0;
	}
	newImg = document.getElementById('mainImage');
	clearTimeout(newImg.to);
	$('#mainImage').fadeOut();
	wait(800);
	$('#mainImage').attr("src", images[imageIndex].src).fadeIn();
	Resize(newImg,571,497,40);
	setTimeout("setImagePan()", 7000);
}

function getRandomDirection()
{
	var rand_no = Math.random();
	rand_no = rand_no * 4;
	rand_no = Math.ceil(rand_no);
	if (rand_no == 1)
	{
		return 'left';
	}
	else if (rand_no == 2)
	{
		return 'right';
	}
	else if (rand_no == 3)
	{
		return 'up';
	}
	else if (rand_no == 4)
	{
		return 'down';
	}
	else return 'left';
}
