var homeSsData;

function setOpacity(obj, opacity) {
	if (!obj) return false;
	
	opacity = (opacity == 100)?99.999:opacity;
	
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
};

function createFadableImage(inside,name,width,height) {
	var condiv = document.createElement('DIV');
	condiv.id = name + 'c';
	condiv.name = name + 'c';
	condiv.style.position = 'relative';
	condiv.style.width = width + 'px';
	condiv.style.height = height + 'px';
	condiv.style.overflow = 'hidden';
	
	var fd = document.createElement('DIV');
	fd.id = name + 'fd';
	fd.name = name + 'fd';
	fd.style.position = 'absolute';
	fd.style.top = '0px';
	fd.style.left = '0px';
	fd.style.width = width + 'px';
	fd.style.height = height + 'px';
	fd.style.overflow = 'hidden';
	fd.style.zIndex = '1';
	
	condiv.appendChild(fd);
	
	var md = document.createElement('DIV');
	md.id = name + 'md';
	md.name = name + 'md';
	md.style.position = 'absolute';
	md.style.top = '0px';
	md.style.left = '0px';
	md.style.width = width + 'px';
	md.style.height = height + 'px';
	md.style.overflow = 'hidden';
	md.style.zIndex = '2';
	setOpacity(md,0);
	
	condiv.appendChild(md);
	
	inside.innerHTML = '';
	inside.appendChild(condiv);
};

function setFadableImage(name,main,img) {
	var d;
	
	setOpacity(document.getElementById(name + 'md'),0);
	
	if (main) d = document.getElementById(name + 'fd');	
	else d = document.getElementById(name + 'md');
	
	if (!d) return false;
	
	d.innerHTML = '<a href="/view_image/?photos=' + img.imgid + '" onClick="photoDetails(' + img.imgid + '); return false;"><img src="' + img.src + '" alt="' + img.alt + '" border="0" /></a>';
	
	return true;
};

function ssImage(src,alt,imgid) {
	this.src = src;
	this.alt = alt;
	this.imgid = imgid;
	
	return this;
};

function cacheImages() {
	var ci = homeSsData.cache.length;
	
	var i = 0;
	while (i < homeSsData.imgs1.length) {
		homeSsData.cache[ci] = new Image;
		homeSsData.cache[ci].src = homeSsData.imgs1[i].src;
		
		ci = ci + 1;
		i = i + 1;
	}
	
	i = 0;
	while (i < homeSsData.imgs2.length) {
		homeSsData.cache[ci] = new Image;
		homeSsData.cache[ci].src = homeSsData.imgs2[i].src;
		
		ci = ci + 1;
		i = i + 1;
	}
	
	i = 0;
	while (i < homeSsData.imgs3.length) {
		homeSsData.cache[ci] = new Image;
		homeSsData.cache[ci].src = homeSsData.imgs3[i].src;
		
		ci = ci + 1;
		i = i + 1;
	}
	
	i = 0;
	while (i < homeSsData.imgs4.length) {
		homeSsData.cache[ci] = new Image;
		homeSsData.cache[ci].src = homeSsData.imgs4[i].src;
		
		ci = ci + 1;
		i = i + 1;
	}
	
};

function fadeInImages(opacity) {
	if (opacity == 100) {
		if (homeSsData.updateNext == 0) {
			setFadableImage('hpi1',true,homeSsData.imgs1[homeSsData.cur1]);
			setFadableImage('hpi4',true,homeSsData.imgs4[homeSsData.cur4]);
			
			homeSsData.updateNext = 1;
		}
		else {
			setFadableImage('hpi2',true,homeSsData.imgs2[homeSsData.cur2]);
			setFadableImage('hpi3',true,homeSsData.imgs3[homeSsData.cur3]);
			
			homeSsData.updateNext = 0;
		}
		
		setTimeout('changeImages();',homeSsData.delay);
	}
	else {
		if (homeSsData.updateNext == 0) {
			setOpacity(document.getElementById('hpi1md'),opacity);
			setOpacity(document.getElementById('hpi4md'),opacity);
		}
		else {
			setOpacity(document.getElementById('hpi2md'),opacity);
			setOpacity(document.getElementById('hpi3md'),opacity);
		}
		
		opacity =  opacity + 5;
		setTimeout('fadeInImages(' + opacity + ');', 60);
	}
};

function changeImages() {
	if (homeSsData.updateNext == 0) {
		homeSsData.cur1++;
		homeSsData.cur4++;
		
		if (homeSsData.cur1 == homeSsData.imgs1.length) homeSsData.cur1 = 0;
		if (homeSsData.cur4 == homeSsData.imgs4.length) homeSsData.cur4 = 0;
		
		setFadableImage('hpi1',false,homeSsData.imgs1[homeSsData.cur1]);
		setFadableImage('hpi4',false,homeSsData.imgs4[homeSsData.cur4]);
	}
	else {
		homeSsData.cur2++;
		homeSsData.cur3++;
		
		if (homeSsData.cur2 == homeSsData.imgs2.length) homeSsData.cur2 = 0;
		if (homeSsData.cur3 == homeSsData.imgs3.length) homeSsData.cur3 = 0;
		
		setFadableImage('hpi2',false,homeSsData.imgs2[homeSsData.cur2]);
		setFadableImage('hpi3',false,homeSsData.imgs3[homeSsData.cur3]);
	}
	
	fadeInImages(5);
};

function createHomePageSS(imgpos1, imgpos2, imgpos3, imgpos4) {
	if (!document.getElementById) return;
	
	if (!(document.getElementById('hpcell1') && document.getElementById('hpcell2') && document.getElementById('hpcell3') && document.getElementById('hpcell4'))) return;
	
	this.imgs1 = imgpos1;
	this.imgs2 = imgpos2;
	this.imgs3 = imgpos3;
	this.imgs4 = imgpos4;
	
	this.cur1 = 0;
	this.cur2 = 0;
	this.cur3 = 0;
	this.cur4 = 0;
	
	this.cache = new Array();
	
	this.updateNext = 0;
	
	this.delay = 3000;

	createFadableImage(document.getElementById('hpcell1'),'hpi1',240,180);
	setFadableImage('hpi1',true,this.imgs1[this.cur1]);
	
	createFadableImage(document.getElementById('hpcell2'),'hpi2',240,180);
	setFadableImage('hpi2',true,this.imgs2[this.cur2]);
	
	createFadableImage(document.getElementById('hpcell3'),'hpi3',240,180);
	setFadableImage('hpi3',true,this.imgs3[this.cur3]);
	
	createFadableImage(document.getElementById('hpcell4'),'hpi4',240,180);
	setFadableImage('hpi4',true,this.imgs4[this.cur4]);
	
	homeSsData = this;
		
	cacheImages();
	
	window.onload = function() {	
		setTimeout('changeImages();',homeSsData.delay);
	};
};