var Homepage = function(){
	var ri,cachedImages,images;
    return {
        init : function(){
			ri = Ext.get("rand-images");
			images=document.getElementById("images").value.split("|");
			Homepage.preloadImages();
			var imgs="";
				for(var i=0;i<cachedImages.length;++i){
					imgs+="<a href='/events/gallery'><img title='Click for more event photos' class='hp-image' src='"+cachedImages[i].src+"'></a>";
				}
			ri.update(imgs);
			Homepage.preloadImages();
			setInterval("Homepage.swapImages()",7000);
        },
        swapImages : function() {
			try {
				var imgs="";
				for(var i=0;i<cachedImages.length;++i){
					imgs+="<a href='/events/gallery'><img title='Click for more event photos' class='hp-image' src='"+cachedImages[i].src+"'></a>";
				}
				ri.fadeOut({duration:1,easing:'easeOut',callback:function(){
					ri.hide();
					ri.update(imgs);
				}});
				ri.fadeIn({duration:1,easing:'easeIn',callback:function(){
					Homepage.preloadImages();
				}});
			}
			catch(e){}
        },
        preloadImages : function() {
			cachedImages=new Array();
			var idx = Math.floor(images.length*Math.random());
			if(idx>images.length-4)
				idx=images.length-4;
			for(var i=0;i<3;++i){
				cachedImages[i]=new Image(140,105);
				cachedImages[i].src="/image/thumb.aspx?r=e&id="+images[idx+i];
			}
			
/*
			new Ext.data.Connection().request({
				url:"/ajax/get_random_homepage_images.aspx?rand="+Math.random(),method:"get",scope:this,
				callback: function(options, bSuccess, response) {
					try {
						var images=response.responseText.split("|");
						for(var i=0;i<images.length;++i) {
							cachedImages[i]=new Image(140,105);
							cachedImages[i].src="/image/thumb.aspx?r=e&id="+images[i];
						}
					}
					catch(e){}
				}
			});
*/
        }
    };
}();
Ext.onReady(Homepage.init, Homepage, true);