/*****

Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com

Please leave this notice intact. 

Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html


*****/

window.addEventListener ? window.addEventListener("load", so_init, false) : window.attachEvent("onload", so_init);



// element.onclick = function() { your_func_with_param(params) }

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init() {
	
	doImageLoad();
		
	if(!d.getElementById || !d.createElement) return;

	// DON'T FORGET TO GRAB THIS FILE AND PLACE IT ON YOUR SERVER IN THE SAME DIRECTORY AS THE JAVASCRIPT!
	// http://slayeroffice.com/code/imageCrossFade/xfade2.css
	
	css = d.createElement("link");
	//css.setAttribute("href","xfade2.css");
	
	css.setAttribute("href","style.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	
	d.getElementsByTagName("head")[0].appendChild( css );

	imgs = d.getElementById("imageContainer").getElementsByTagName("img");
	
	
	for(i=1;i<imgs.length;i++) {
		imgs[i].xOpacity = 0; 
	}
	
	
	imgs[0].style.display = "block";
	imgs[0].xOpacity = .99;
	
	setTimeout(so_xfade, 3000);

}


var t = null;

function doImageLoad(  ){
	
	
	var cIm 		= d.getElementById("imageContainer");
	//var loadedImg 	= null;
	
	for(var i=0;i<cnf.length;i++) {
		
		var loadedImg = document.createElement('IMG');
		
		loadedImg.setAttribute('src', cnf[i][0] );
		loadedImg.setAttribute('width', cnf[i][1] );
		loadedImg.setAttribute('height', cnf[i][2] );
//		loadedImg.setAttribute('style', cnf[i][3] );

		//loadedImg.setAttribute('onClick', "biggerImage('"+ cnf[i][4] + "')"); 

		loadedImg.style.marginLeft 	= cnf[i][5] + "px";
		loadedImg.style.marginTop 	= cnf[i][6] + "px";
	
		//loadedImg.style.marginLeft 	= "10px";
		//loadedImg.style.marginTop 	= "10px";
		
		//t =  cnf[i][4] ;		
		//loadedImg.onclick = function() { biggerImage ( t ) } ;
		
		loadedImg.onclick = biggerImage;
		
		cIm.appendChild( loadedImg ); 	
		
	}
}


//function uhuu( evt ){
//	alert( evt );
//}


function so_xfade() {
	
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;

	nOpacity = imgs[nIndex].xOpacity;
	
	cOpacity-=.05; 
	nOpacity+=.05;
	
	imgs[nIndex].style.display = "block";
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs[current]); 
	setOpacity(imgs[nIndex]);
	
	if(cOpacity<=0) {
		imgs[current].style.display = "none";
		current = nIndex;
		setTimeout(so_xfade,4000);
	} else {
		setTimeout(so_xfade,50);
	}
	
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			
			topDivChange( imgs[nIndex] );
			
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
	
}


function topDivChange( imgObj ){
	
	if( document.getElementById('topDiv').style.display =="block" ){
		biggerImage(); 
	}
		
}



function biggerImage(){ 
	
	
	
	var sp =  imgs[nIndex].src.split( "/" );
	var imgName = "600/" + sp[sp.length-1]; 
	
	var imageWidth = 0;
	var imageHeight = 0;
	 
	var prop = imgs[nIndex].width  / imgs[nIndex].height ;
	
//	alert( prop );
	
	
	if( prop > 1 ){
		imageWidth  = 600;
		imageHeight  = 600 /  prop;
		
	} else if( prop > 0 ) {
		imageHeight  = 600;	
		imageWidth  = 600 * prop;
	}
	
	
	
//	alert( imageHeight );
	imageWorker ( imgName, imageWidth, imageHeight );
	
}



function imageWorker( imgName, imageWidth, imageHeight  ){
	
	
	var topDiv 			= document.getElementById('topDiv');  
	var innerWidth 		= document.body.offsetWidth; //window.innerWidth;
	var innerHeight 	= document.body.offsetHeight; //window.innerHeight;
	
	var  x =  (innerWidth 	- imageWidth   ) / 2;
	var  y =  (innerHeight  - imageHeight) 	/ 2 ;
	
	
//	y = y - 80;		
//	alert( imageHeight + " "+ innerHeight + " " + y );
	
	if( y < 0 ) y = 0;
	if( x < 0 ) x = 0;
	
	
	topDiv.style.padding 			= "20px";  	
	
	topDiv.style.top 		 		= "" + y + "px";  
	topDiv.style.left 				= "" + x + "px"; 
	topDiv.style.position 			= 'absolute';  
	topDiv.style.display			= 'block';
	topDiv.style.backgroundColor 	= '#ffffff'; 
	topDiv.style.zIndex 			= 3;
	
	//topDiv.style.marginTop 			= "" + y + "px";  
	
	// topDiv.style.opacity 			= '0.55';
	// topDiv.style.filter 			= 'progid:DXImageTransform.Microsoft.Alpha(opacity=55)';
	
	var topImg 			= document.getElementById('topImg');  
	
	topImg.src = imgName ;
	//topImg.setAttribute('src', imgName );
	
}


function closeTopDiv() {
	document.getElementById('topDiv').style.display = "none";
	
	
}