window.onload=function()
{
	$("slides").innerHTML="<div style=\"margin:0 auto; margin-top:10px; width:100px; height:12px; border:1px #67152e solid;\"><div id=\"progressbar\" style=\"width:0%; height:100%; background-color:#67152e;\"></div></div><div style=\"margin:0 auto; width:97px; font-size:12px;\">loading content</div>";
	
	setTimeout(loadSlides, 1);
}

var srcImages=[];
var imagesLoaded=[];
var imageCount=0;
var progress=0;

function loadSlides()
{
	imageCount=0;
	var t=0;
	for (gkey in sFiles) {
		
		g=sFiles[gkey];
		
		//stupid hack for webkit because of some stupid crap the twitter javascript is doing...
		//for whatever reason the twitter include is fucking with our image loading code.
		if (typeof(g)=="string") {
			
			srcImages[t]=new Image();
			srcImages[t].src=g;
			
			imagesLoaded[t]=false;
			
			t++;
			
		}
		
	}
	
	imageCount=t;
	
	slideLoadCheck();
	
}

function slideLoadCheck()
{
	var sw=false;
	
	for (var t=0;t<imageCount;t++) {
	
		if (srcImages[t].complete==true && imagesLoaded[t]==false) {
		
			progress++;
			sw=true;
			imagesLoaded[t]=true;
			
			document.getElementById("progressbar").style.width=Math.round( (progress/imageCount)*100 )+"%";
			
			break;
	
		}
	
	}
	
	if (progress < imageCount) {
	
		setTimeout(slideLoadCheck, 5);
			
	} else {
	
		//alert(srcImages[t].src);
		$("slides").innerHTML="<img id=\"slideimage\" src=\""+srcImages[0].src+"\">";
		setOpacity("slideimage", 0);
		imageLoadDone=true;
		setTimeout(fadeSlideIn, 5);
			
	}
    
}

var curSlide=0;
var curSlideOpacity=0;
function fadeSlideIn()
{
	
	if (curSlideOpacity<100) {
		
		curSlideOpacity+=5;
		setOpacity("slideimage", curSlideOpacity);
		
		setTimeout(fadeSlideIn, 20);
		
	} else {
		
		setTimeout(fadeSlideOut, 7500);
		
	}
	
}

function fadeSlideOut()
{
	if (curSlideOpacity>0) {
		
		curSlideOpacity-=5;
		setOpacity("slideimage", curSlideOpacity);
		
		setTimeout(fadeSlideOut, 20);
		
	} else {
		
		curSlide++;
		
		if (curSlide>=imageCount) {
			curSlide=0;
		}
		
		$("slides").innerHTML="<img id=\"slideimage\" src=\""+srcImages[curSlide].src+"\">";
		setOpacity("slideimage", 0);
		
		setTimeout(fadeSlideIn, 40);
		
	}
	
}

function setOpacity(id, opacity)
{
	//alert(name + " " + opacity);
	opacity = (opacity == 100)?99.999:opacity;
			
	var obj = $(id);
	
	obj.style.filter = "alpha(opacity:"+opacity+")";
	obj.style.opacity = opacity/100;
	
}