var index;
var logoArray;
function initLogos()
{
	index = 0;

//	imgPath = ''; // define this when it's included in the php file
	logoArray = new Array(	'an.jpg',
							'ao.jpg',
							'as.jpg',
							'att.jpg',
							'bah.jpg',
							'bell.jpg',
							'cape.jpg',
							'cwta.jpg',
							'dis.jpg',
							'en.jpg',
							'gov.jpg',
							'in.jpg',
							'inm.jpg',
							'ip.jpg',
							'm.jpg',
							'met.jpg',
							'mi.jpg',
							'mob.jpg',
							'msv.jpg',
							'nvp.jpg',
							'ro.jpg',
							'run.jpg',
							'sas.jpg',
							'sheild.jpg',
							'skt.jpg',
							'stm.jpg',
							'sys.jpg',
							'tbay.jpg',
							'tds.jpg',
							'tel.jpg',
							'tm.jpg',
							'tw.jpg',
							'v.jpg',
							'vid.jpg',
							'vo.jpg',
							'vod.jpg'
						);
	
	index = Math.floor(Math.random() * logoArray.length);
	
	if($('logoslideshow'))
	{
		setInterval(changeLogo, 5000);
	}
}
function changeLogo()
{
//	alert(imgPath + logoArray[index]);
//	$('logoslideshow').
	var logoMorph = new Fx.Morph($('logoslideshow'), {});
	logoMorph.start({'opacity' : 0 }).chain(function()
			 {
				$('logoslideshow').empty();
				 
				var myImage = new Asset.image(imgPath + logoArray[index],{ onload: function()
					{
						var height = this.height;
//						alert(height);
//alert($('logoslideshow').getStyle('height'));
						var marginTop = (( $('logoslideshow').getStyle('height').replace('px','') - height) / 2);
						myImage.setStyle('marginTop', marginTop);
						$('logoslideshow').grab(myImage);
						logoMorph.start({'opacity' : 1});
					}});
					if((index+1) >= logoArray.length)
						index = 0;	
					else
						index++;
				 
			 }
		);
}