function ieFade(domItem, imagePath)
{
   if (document.all)
   {
		domItem.style.filter="blendTrans(duration=1)"
    	domItem.filters.blendTrans.Apply()      
   }
   domItem.src = imagePath
   if (document.all)
   {
      	domItem.filters.blendTrans.Play()
   }
}



var photos = new Array("light","flower","eye","balloon", "clock");
var ext = new Array("gif","gif","gif","gif", "gif");
	  
var mbacache = [];

  for(var i=0; i<photos.length; i++)
  {
    for(var j=1; j<=3;j++)
    {
      mbacache[i*j + j] = new Image(); 
      mbacache[i*j + j].src = "images/photos/spattered/" + photos[i] + j + "." + ext[i];   
    }
  }
  
  var totalSoFar = i*j + j;
  
  var othersToCache = ["images/photos/spattered/flower2.gif",
					   "images/photos/spattered/flower3.gif",
					   "images/about-full-hi.gif",
					   "images/approach-full-hi.gif",
					   "images/clients-full-hi.gif",
  					   "images/services-full-hi.gif",
 					   "images/media-full-hi.gif",
                       "images/contacts-full-hi.gif",
					   "images/about-full.gif",
                       "images/approach-full.gif",
                       "images/clients-full.gif",
                       "images/services-full.gif",
                       "images/media-full.gif",
                       "images/contacts-full.gif",
                       "images/strap.gif"];
					   
	for(var i=totalSoFar; i<othersToCache.length; i++)
	{
		   mbacache[i] = new Image(); 
		   mbacache[i].src = othersToCache[i-totalSoFar];
	}

					
  			if(document.all)
			{
				stepTime = 1300; 
			}  
			else
			{
				stepTime = 900;
			}

			var i = 1;
			var pos = 1;
			function animate()
			{	    
			    if(document.all)
				{
					ieFade(document.getElementById("im"+pos) ,"images/photos/spattered/" + photos[i]+ pos + "."+ext[i]);
				}
				else
				{
					crossfade(document.getElementById("im"+pos), "images/photos/spattered/" + photos[i]+ pos + "."+ext[i], "0.7", "")
				}
				
				pos++;
				if(pos>3)
				{
					pos=1;
					i++;
					setTimeout('animate()', 2500)
				}
				else
				{
					setTimeout('animate()', stepTime)
				}
				if(i>=photos.length)
					i = 0;		
			}
			
			
			var currentMarker = 1;
			function mark(id)
			{
				var marker = document.getElementById("mark"+id);
				marker.style.visibility="visible";
				
				if(currentMarker != -1 && currentMarker!=id)
				{
					var curmarker = document.getElementById("mark"+currentMarker);
					curmarker.style.visibility="hidden";
				}
				
				currentMarker = id;
			}
			
			function unmark(id)
			{
				var marker = document.getElementById("mark"+id);
				marker.style.visibility = "hidden";
				currentMarker = -1;
				setTimeout("checkMarker()",100);
			}
			
			function checkMarker()
			{
				if(currentMarker == -1)
				{
					mark(page)
				}
			}