// IXF1.11 :: Image cross-fade 
// *****************************************************
// DOM scripting by brothercake -- http://www.brothercake.com/
//******************************************************
//global object
var ixf = { 'clock' : null, 'count' : 1 }
var grayixf = { 'clock' : null, 'count' : 1 }
/*******************************************************



/*****************************************************************************
 List the images that need to be cached
*****************************************************************************/

ixf.imgs = Array();
grayixf.imgs = Array();

function cacheImages () {
	ixf.imgs = pictures;
	
	/*****************************************************************************
	*****************************************************************************/
	
	
	
	//cache the images
	ixf.imgsLen = ixf.imgs.length;
	ixf.cache = [];
	for(var i=0; i<ixf.imgsLen; i++)
	{
		ixf.cache[i] = new Image;
		ixf.cache[i].src = ixf.imgs[i];
	}
}

function grayCacheImages () {
	grayixf.imgs = grayPictures;
	
	/*****************************************************************************
	*****************************************************************************/
	
	
	
	//cache the images
	grayixf.imgsLen = grayixf.imgs.length;
	grayixf.cache = [];
	for(var i=0; i<grayixf.imgsLen; i++)
	{
		grayixf.cache[i] = new Image;
		grayixf.cache[i].src = grayixf.imgs[i];
	}
}


//crossfade setup function
function crossfade() {
   if (pictures.length > 1)
   {
   	counter++;
   	quot = (counter%(pictures.length));
   	
   	//if the timer is not already going
   	if(ixf.clock == null)
   	{
   		//copy the image object 
   		ixf.obj = arguments[0];
   		
   		//copy the image src argument 
   		ixf.src = arguments[1];
   		
   		//store the supported form of opacity
   		if(typeof ixf.obj.style.opacity != 'undefined')
   		{
   			ixf.type = 'w3c';
   		}
   		else if(typeof ixf.obj.style.MozOpacity != 'undefined')
   		{
   			ixf.type = 'moz';
   		}
   		else if(typeof ixf.obj.style.KhtmlOpacity != 'undefined')
   		{
   			ixf.type = 'khtml';
   		}
   		else if(typeof ixf.obj.filters == 'object')
   		{
   			//weed out win/ie5.0 by testing the length of the filters collection (where filters is an object with no data)
   			//then weed out mac/ie5 by testing first the existence of the alpha object (to prevent errors in win/ie5.0)
   			//then the returned value type, which should be a number, but in mac/ie5 is an empty string
   			ixf.type = (ixf.obj.filters.length > 0 && typeof ixf.obj.filters.alpha == 'object' && typeof ixf.obj.filters.alpha.opacity == 'number') ? 'ie' : 'none';
   		}
   		else
   		{
   			ixf.type = 'none';
   		}
   		
   		//change the image alt text if defined
   		if(typeof arguments[3] != 'undefined' && arguments[3] != '')
   		{
   			ixf.obj.alt = arguments[3];
   		}
   		
   		//if any kind of opacity is supported
   		if(ixf.type != 'none')
   		{
   			//create a new image object and append it to body
   			//detecting support for namespaced element creation, in case we're in the XML DOM
   			ixf.newimg = document.getElementsByTagName('body')[0].appendChild((typeof document.createElementNS != 'undefined') ? document.createElementNS('http://www.w3.org/1999/xhtml', 'img') : document.createElement('img'));
   
   			//set positioning classname
   			ixf.newimg.className = 'idupe';
   			
   			//set src to new image src
   			ixf.newimg.src = ixf.src
   
   			//move it to superimpose original image
   			ixf.newimg.style.left = ixf.getRealPosition(ixf.obj, 'x') + 'px';
   			ixf.newimg.style.top = ixf.getRealPosition(ixf.obj, 'y') + 'px';
   			
   			//copy and convert fade duration argument 
   			ixf.length = parseInt(arguments[2], 10) * 1000;
   			
   			//create fade resolution argument as 20 steps per transition
   			ixf.resolution = parseInt(arguments[2], 10) * 20;
   			
   			//start the timer
   			ixf.clock = setInterval('ixf.crossfade()', ixf.length/ixf.resolution);
   		}
   		
   		//otherwise if opacity is not supported
   		else
   		{
   			//just do the image swap
   			ixf.obj.src = ixf.src;
   		}
   		
   	}
   }
};

//crossfade setup function
function grayCrossfade() {
   if (grayPictures.length > 1)
   {
   	grayCounter++;
   	grayQuot = (grayCounter%(grayPictures.length));
   	
   	//if the timer is not already going
   	if(grayixf.clock == null)
   	{
   		//copy the image object 
   		grayixf.obj = arguments[0];
   		
   		//copy the image src argument 
   		grayixf.src = arguments[1];
   		
   		//store the supported form of opacity
   		if(typeof grayixf.obj.style.opacity != 'undefined')
   		{
   			grayixf.type = 'w3c';
   		}
   		else if(typeof grayixf.obj.style.MozOpacity != 'undefined')
   		{
   			grayixf.type = 'moz';
   		}
   		else if(typeof grayixf.obj.style.KhtmlOpacity != 'undefined')
   		{
   			grayixf.type = 'khtml';
   		}
   		else if(typeof grayixf.obj.filters == 'object')
   		{
   			//weed out win/ie5.0 by testing the length of the filters collection (where filters is an object with no data)
   			//then weed out mac/ie5 by testing first the existence of the alpha object (to prevent errors in win/ie5.0)
   			//then the returned value type, which should be a number, but in mac/ie5 is an empty string
   			grayixf.type = (grayixf.obj.filters.length > 0 && typeof grayixf.obj.filters.alpha == 'object' && typeof grayixf.obj.filters.alpha.opacity == 'number') ? 'ie' : 'none';
   		}
   		else
   		{
   			grayixf.type = 'none';
   		}
   		
   		//change the image alt text if defined
   		if(typeof arguments[3] != 'undefined' && arguments[3] != '')
   		{
   			grayixf.obj.alt = arguments[3];
   		}
   		
   		//if any kind of opacity is supported
   		if(grayixf.type != 'none')
   		{
   			//create a new image object and append it to body
   			//detecting support for namespaced element creation, in case we're in the XML DOM
   			//grayixf.newimg = document.getElementsByTagName('body')[0].appendChild((typeof document.createElementNS != 'undefined') ? document.createElementNS('http://www.w3.org/1999/xhtml', 'img') : document.createElement('img'));
   			grayixf.newimg = document.getElementById('graytheme2').appendChild((typeof document.createElementNS != 'undefined') ? document.createElementNS('http://www.w3.org/1999/xhtml', 'img') : document.createElement('img'));
   
   			//set positioning classname
   			grayixf.newimg.className = 'idupe';
   			grayixf.newimg.id = 'graytemp';
   			
   			//set src to new image src
   			grayixf.newimg.src = grayixf.src
   
   			//move it to superimpose original image
   			//grayixf.newimg.style.left = grayixf.getRealPosition(grayixf.obj, 'x') + 'px';
   			//grayixf.newimg.style.top = grayixf.getRealPosition(grayixf.obj, 'y') + 'px';
   			
   			//copy and convert fade duration argument 
   			grayixf.length = parseInt(arguments[2], 10) * 1000;
   			
   			//create fade resolution argument as 20 steps per transition
   			grayixf.resolution = parseInt(arguments[2], 10) * 20;
   			
   			//start the timer
   			grayixf.clock = setInterval('grayixf.crossfade()', grayixf.length/grayixf.resolution);
   		}
   		
   		//otherwise if opacity is not supported
   		else
   		{
   			//just do the image swap
   			grayixf.obj.src = grayixf.src;
   		}
   		
   	}
   }
};


//crossfade timer function
ixf.crossfade = function()
{
	//decrease the counter on a linear scale
	ixf.count -= (1 / ixf.resolution);
	
	//if the counter has reached the bottom
	if(ixf.count < (1 / ixf.resolution))
	{
		//clear the timer
		clearInterval(ixf.clock);
		ixf.clock = null;
		
		//reset the counter
		ixf.count = 1;
		
		//set the original image to the src of the new image
		ixf.obj.src = ixf.src;
	}
	
	//set new opacity value on both elements
	//using whatever method is supported
	switch(ixf.type)
	{
		case 'ie' :
			ixf.obj.filters.alpha.opacity = ixf.count * 100;
			ixf.newimg.filters.alpha.opacity = (1 - ixf.count) * 100;
			break;
			
		case 'khtml' :
			ixf.obj.style.KhtmlOpacity = ixf.count;
			ixf.newimg.style.KhtmlOpacity = (1 - ixf.count);
			break;
			
		case 'moz' : 
			//restrict max opacity to prevent a visual popping effect in firefox
			ixf.obj.style.MozOpacity = (ixf.count == 1 ? 0.9999999 : ixf.count);
			ixf.newimg.style.MozOpacity = (1 - ixf.count);
			break;
			
		default : 
			//restrict max opacity to prevent a visual popping effect in firefox
			ixf.obj.style.opacity = (ixf.count == 1 ? 0.9999999 : ixf.count);
			ixf.newimg.style.opacity = (1 - ixf.count);
	}
	
	//now that we've gone through one fade iteration 
	//we can show the image that's fading in
	ixf.newimg.style.visibility = 'visible';
	
	//keep new image in position with original image
	//in case text size changes mid transition or something
	ixf.newimg.style.left = ixf.getRealPosition(ixf.obj, 'x') + 'px';
	ixf.newimg.style.top = ixf.getRealPosition(ixf.obj, 'y') + 'px';
	
	//if the counter is at the top, which is just after the timer has finished
	if(ixf.count == 1)
	{
		//remove the duplicate image
		ixf.newimg.parentNode.removeChild(ixf.newimg);
	}
};

//crossfade timer function
grayixf.crossfade = function()
{
	//decrease the counter on a linear scale
	grayixf.count -= (1 / grayixf.resolution);
	
	//if the counter has reached the bottom
	if(grayixf.count < (1 / grayixf.resolution))
	{
		//clear the timer
		clearInterval(grayixf.clock);
		grayixf.clock = null;
		
		//reset the counter
		grayixf.count = 1;
		
		//set the original image to the src of the new image
		grayixf.obj.src = grayixf.src;
	}
	
	//set new opacity value on both elements
	//using whatever method is supported
	switch(grayixf.type)
	{
		case 'ie' :
			grayixf.obj.filters.alpha.opacity = grayixf.count * 100;
			grayixf.newimg.filters.alpha.opacity = (1 - grayixf.count) * 100;
			break;
			
		case 'khtml' :
			grayixf.obj.style.KhtmlOpacity = grayixf.count;
			grayixf.newimg.style.KhtmlOpacity = (1 - grayixf.count);
			break;
			
		case 'moz' : 
			//restrict max opacity to prevent a visual popping effect in firefox
			grayixf.obj.style.MozOpacity = (grayixf.count == 1 ? 0.9999999 : grayixf.count);
			grayixf.newimg.style.MozOpacity = (1 - grayixf.count);
			break;
			
		default : 
			//restrict max opacity to prevent a visual popping effect in firefox
			grayixf.obj.style.opacity = (grayixf.count == 1 ? 0.9999999 : grayixf.count);
			grayixf.newimg.style.opacity = (1 - grayixf.count);
	}
	
	//now that we've gone through one fade iteration 
	//we can show the image that's fading in
	grayixf.newimg.style.visibility = 'visible';
	
	//keep new image in position with original image
	//in case text size changes mid transition or something
	//grayixf.newimg.style.left = grayixf.getRealPosition(grayixf.obj, 'x') + 'px';
	//grayixf.newimg.style.top = grayixf.getRealPosition(grayixf.obj, 'y') + 'px';
	
	//if the counter is at the top, which is just after the timer has finished
	if(grayixf.count == 1)
	{
		//remove the duplicate image
		grayixf.newimg.parentNode.removeChild(grayixf.newimg);
	}
};


//get real position method
ixf.getRealPosition = function()
{
	this.pos = (arguments[1] == 'x') ? arguments[0].offsetLeft : arguments[0].offsetTop;
	this.tmp = arguments[0].offsetParent;
	while(this.tmp != null)
	{
		this.pos += (arguments[1] == 'x') ? this.tmp.offsetLeft : this.tmp.offsetTop;
		this.tmp = this.tmp.offsetParent;
	}
	
	return this.pos;
};

//get real position method
grayixf.getRealPosition = function()
{
	this.pos = (arguments[1] == 'x') ? arguments[0].offsetLeft : arguments[0].offsetTop;
	this.tmp = arguments[0].offsetParent;
	while(this.tmp != null)
	{
		this.pos += (arguments[1] == 'x') ? this.tmp.offsetLeft : this.tmp.offsetTop;
		this.tmp = this.tmp.offsetParent;
	}
	
	return this.pos;
};