var marqueepos=-1;
var currentpicindex=1;
var numimages=4;

var cat="pic";
var marqueetext=new Array();                                         
marqueetext[0]="widget/logo1.jpg";
marqueetext[1]="widget/logo2.jpg";
marqueetext[2]="widget/logo3.jpg";
marqueetext[2]="widget/logo4.jpg";

function setOpacity(el, opacity) {
	opacity /= 100;
	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";
}

function fade(element,delay,opac,fadeamount){
	if(delay>0) window.setTimeout(function(){fade(element,0,opac,fadeamount);},delay);
	else{
	opac+=fadeamount;
	if(opac>100){
		opac=100;
		setOpacity(element,opac);
	}
	else if(opac<0){
		opac=0;
		setOpacity(element,opac);
	}
	else{
		setOpacity(element,opac);
		window.setTimeout(function(){fade(element,0,opac,fadeamount);},50);
	}
}
}
function startmarquee(){
	marqueepos+=1;
	if(marqueepos==marqueetext.length)marqueepos=0;
	var el=document.getElementById("marqueetxt");
	var theimg=document.createElement("img");
	theimg.src=marqueetext[marqueepos];
        while (el.firstChild) {
		el.removeChild(el.firstChild);
	}
	el.appendChild(theimg);
	fade(el,0,0,5);
	fade(el,3750,100,-5);
	window.setTimeout("startmarquee()",5000);	
}

function movepic(el,startleft,starttop,moves,deltax,deltay){
	if(moves>0){
		startleft+=deltax;
		starttop+=deltay;
		el.style.left=startleft+"px";
		el.style.top=starttop+"px";
		moves-=1;
		window.setTimeout(function() { movepic(el,startleft,starttop,moves,deltax,deltay);},100);
	}
}
function startmovepic(thepic){
	var deltax = Math.floor((3)*Math.random()) -1;
	var deltay = Math.floor((3)*Math.random()) -1;
	if( (deltax==0)&&(deltay==0) ) deltax=1;
	var moves=75;
	if (deltax>0)startx=-moves;
	var startx=(deltax>0)? -moves : 0;
	var starty=(deltay>0)? -moves :0;
	//startx=-deltax*moves;
	//starty=-deltay*moves;
	movepic(thepic,startx,starty,moves,deltax,deltay);
}

function photofade(){
	var shownimage=cat+currentpicindex;
	var el=document.getElementById(shownimage);
	el.style.zIndex="20";
	
	var nextpicindex = (currentpicindex < numimages) ? currentpicindex + 1 : 1;
	var nextimage=cat+nextpicindex;
	var nextel=document.getElementById(nextimage);
	nextel.style.zIndex="19";
	setOpacity(nextel,100);
	nextel.style.visibility="visible";
	startmovepic(nextel);
	currentpicindex=nextpicindex;
	fade(el,1000,100,-5);
	window.setTimeout("photofade()",3500);
}