var gblImg = new Array();
	var altgblImg = new Array();
	var headline = new Array();
	var data = new Array();
	var mouseObj = new Array();
	
	altgblImg[0] = "studio";
	gblImg[0] = "proimages/studio.jpg";
	headline[0] = "2.07 OXO tower wharf";
	data[0] = "Located in the ionic Oxo Tower building, the Black and Blum office combines working studio and shop, where you can see our designs in action or purchase straight from Martin, Dan and the team.<br><br>Black+Blum 2.07 OXO Tower Wharf bargehouse Street London, UK.<br><table border=0 cellpadding=0 cellspacing=0><tr><td>Telephone</td><td>&nbsp;&nbsp;</td><td>:</td><td>&nbsp;&nbsp;</td><td>+44(0) 207 633 0022</td></tr><tr><td>Facsimile</td><td>&nbsp;&nbsp;</td><td>:</td><td>&nbsp;&nbsp;</td><td>+44(0) 207 633 0202</td></tr><tr><td>Email<td>&nbsp;&nbsp;</td><td>:</td><td>&nbsp;&nbsp;</td><td>design@black-blum.com</td></tr><tr><td>Web</td><td>&nbsp;&nbsp;</td><td>:</td><td>&nbsp;&nbsp;</td><td>www.black-blum.com</td></tr></table>";
	
	altgblImg[1] = "landmark";
	gblImg[1] = "proimages/landmark.jpg";
	headline[1] = "OXO tower";
	data[1] = "Emerging as one of the most exciting and dynamic areas of Lodnon, our Southbank Offices are a short walk from the major design and artistic landmarks of London. Drawing upon our environment, we are lucky to share our unique loft-style space with a diverse mix of creative companies.<br><br><table><tr><td class='homeOn' onmouseover=\"this.className='homeOff';return true;\" onmouseout=\"this.className='homeOn';return true;\"><a href='http://www.oxotower.co.uk/' target='_blank' class='footerAddr'>go to their website</a></td></tr></table>";	
	
	altgblImg[2] = "tube";
	gblImg[2] = "proimages/tube.jpg";
	headline[2] = "london underground stations";
	data[2] = "<table border=0 cellpadding=0 cellspacing=0><tr><td>Westminster</td><td>&nbsp;&nbsp;</td><td>:</td><td>&nbsp;&nbsp;</td><td>Jubilee, District and Circle Lines</td></tr><tr><td>Embankment</td><td>&nbsp;&nbsp;</td><td>:</td><td>&nbsp;&nbsp;</td><td>District and Circle Lines</td></tr><tr><td>Waterloo</td><td>&nbsp;&nbsp;</td><td>:</td><td>&nbsp;&nbsp;</td><td>Bakerloo, Northern and Jubilee Lines</td></tr><tr><td>Southwark</td><td>&nbsp;&nbsp;</td><td>:</td><td>&nbsp;&nbsp;</td><td>Jubilee</td></tr><tr><td>Blackfriars</td><td>&nbsp;&nbsp;</td><td>:</td><td>&nbsp;&nbsp;</td><td>District and Circle Lines</td></tr><tr><td colspan='5'><br></td></tr><tr><td colspan='5' class='homeOn' onmouseover=\"this.className='homeOff';return true;\" onmouseout=\"this.className='homeOn';return true;\"><a href='http://www.tfl.gov.uk/modalpages/2625.aspx' target='_blank' class='footerAddr'>go to their website</a></td></tr></table>";
	
	var landHead = new Array();
	var landData = new Array();

	landHead[1] = "OXO tower";
	landData[1] = "Emerging as one of the most exciting and dynamic areas of Lodnon, our Southbank Offices are a short walk from the major design and artistic landmarks of London. Drawing upon our environment, we are lucky to share our unique loft-style space with a diverse mix of creative companies.<br><br><table><tr><td class='homeOn' onmouseover=\"this.className='homeOff';return true;\" onmouseout=\"this.className='homeOn';return true;\"><a href='http://www.oxotower.co.uk/' target='_blank' class='footerAddr'>go to their website</a></td></tr></table>";	

	landHead[2] = "tate modern";
	landData[2] = "Housed in the former Bankside Power Station, Tate Modern displays the Tate collection of International modern art from 1900 to the present day, including major works by Dall, Picasso, Matisse, Rothko and Warhol as well as contemporary work by artists such as Cross and Gilbert and Sullivan.<br><br><table><tr><td class='homeOn' onmouseover=\"this.className='homeOff';return true;\" onmouseout=\"this.className='homeOn';return true;\"><a href='http://www.tate.org.uk/modern/' target='_blank' class='footerAddr'>go to their website</a></td></tr></table>";	
	
	landHead[3] = "st. pauls cathedral";
	landData[3] = "After the Great Fire of London in 1666, the medieval cathedral of St Paul's was in ruins. Sir Christopher Wren was commissioned to rebuild it and in 1708 his son laid the last stone on the lantern.<br><br>Opening times: Monday - Saturday from 8.30am, last admission 4.00pm<br><br><table><tr><td class='homeOn' onmouseover=\"this.className='homeOff';return true;\" onmouseout=\"this.className='homeOn';return true;\"><a href='http://www.stpauls.co.uk' target='_blank' class='footerAddr'>go to their website</a></td></tr></table>";	

	landHead[4] = "national film theatre";
	landData[4] = "The world-renowned National Film Theatre screens over 1,000 films a year, from rare silent comedies to cult movies and archive television screenings. The NFT hosts previews and gala screenings as well as events and on-stage interviews with film-makers, actors, producers, critics and writers.<br><br><table><tr><td class='homeOn' onmouseover=\"this.className='homeOff';return true;\" onmouseout=\"this.className='homeOn';return true;\"><a href='http://www.bfi.org.uk/incinemas/nft/' target='_blank' class='footerAddr'>go to their website</a></td></tr></table>";	

	landHead[5] = "south bank centre";
	landData[5] = "Situated on the bank of the River Thames next to the popular BA London Eye, the South Bank Centre is at the heart of the arts quarter. There is a wide-ranging programme - classical & world music, rock & pop, jazz, dance, literature and the visual arts. Guaranteed to attract the most diverse audience of any UK venue.<br><br><table><tr><td class='homeOn' onmouseover=\"this.className='homeOff';return true;\" onmouseout=\"this.className='homeOn';return true;\"><a href='http://www.southbankcentre.org.uk/' target='_blank' class='footerAddr'>go to their website</a></td></tr></table>";	

	landHead[6] = "houses of parliament";
	landData[6] = "1042 work started on the first palace for Edward the Confessor. 1512 after a fire, the palace stops being a royal residence and became the seat for the two Houses of Parliament. 1834 the palace is destroyed by fire, only Westminster Hall and Jewel Tower survive. 1870 the present building is completed.<br><br><table><tr><td class='homeOn' onmouseover=\"this.className='homeOff';return true;\" onmouseout=\"this.className='homeOn';return true;\"><a href='http://www.parliament.uk/' target='_blank' class='footerAddr'>go to their website</a></td></tr></table>";	
	
			
	var gblPhotoShufflerDivId = "mainImgDiv";
	var gblPhotoShufflerImgId = "mainImg"; 
	var gblPauseSeconds = 3;
	var gblFadeSeconds = .95;
	var gblRotations = 2000;
	var ImageOpacityOut=100;
	var ImageOpacityIn=0;
	// End Customization section
		  
	var gblDeckSize = gblImg.length;
	var gblOpacity = 100;
	var gblOnDeck = 0;
	var gblStartImg;
	var gblImageRotations = gblDeckSize * (gblRotations+1);
  
	function ShowImage(Imgid){		
		var mainImgDivObj = document.getElementById('mainImgDiv');
		
		var oxoObj = document.getElementById('oxo');
		var tateObj = document.getElementById('tate');
		var paulObj = document.getElementById('paul');
		var filmObj = document.getElementById('film');
		var bankObj = document.getElementById('bank');
		var housesObj = document.getElementById('houses');
		
		oxoObj.onmouseover = tateObj.onmouseover = paulObj.onmouseover = "";
		filmObj.onmouseover = bankObj.onmouseover = housesObj.onmouseover = "";
				
		mainImgDivObj.style.display='block';
		gblOnDeck = Imgid;				
		var theimg = document.getElementById(gblPhotoShufflerImgId);
		setImgOpacity(theimg,0);
		theimg.src=gblImg[Imgid];
		
		if(Imgid == 1){
			var oxoObj = document.getElementById('oxo');
			oxoObj.onmouseover = function(e){
				ShowData(1);
			}
			var tateObj = document.getElementById('tate');
			tateObj.onmouseover = function(e){
				ShowData(2);
			}
			var paulObj = document.getElementById('paul');
			paulObj.onmouseover = function(e){
				ShowData(3);
			}
			var filmObj = document.getElementById('film');
			filmObj.onmouseover = function(e){
				ShowData(4);
			}
			var bankObj = document.getElementById('bank');
			bankObj.onmouseover = function(e){
				ShowData(5);
			}
			var housesObj = document.getElementById('houses');
			housesObj.onmouseover = function(e){
				ShowData(6);
			}
		}		
		
		for(var i=0; i<gblDeckSize; i++){
			if(i == Imgid){
				var obj = document.getElementById('link_' + Imgid);
				obj.className = "locHeadHov";
			}else{
				mouseObj[i] = document.getElementById('link_' + i);
				mouseObj[i].className = "locHeadNor";
			}
		}
		
		ImageFader(1);	
		
		var headObj = document.getElementById('head');
		headObj.innerHTML = headline[Imgid];
		var bodyObj = document.getElementById('bodyTxt');
		bodyObj.innerHTML = data[Imgid];	
	
	}
	
	function mouseOverData(obj){
		alert(mouseObj[obj]);
	}
	
	function ShowData(Imgid){
		var headObj = document.getElementById('head');
		headObj.innerHTML = landHead[Imgid];
		var bodyObj = document.getElementById('bodyTxt');
		bodyObj.innerHTML = landData[Imgid];		
	}	
	
	function ImageFader(fade){		
		var theimg = document.getElementById(gblPhotoShufflerImgId);
		if(fade){			
			if(ImageOpacityIn<100){				
				ImageOpacityIn++;
				setImgOpacity(theimg,ImageOpacityIn);
				setTimeout("ImageFader(1)",10);				
			}else{				
				ImageOpacityIn=0;
				return;				
			}			
		}else{			
			if(ImageOpacityOut>5){			
				ImageOpacityOut--;
				setImgOpacity(theimg,ImageOpacityOut);
				setTimeout("ImageFader(0)",10);				
			}else{
				theimg.src=gblImg[gblOnDeck];
				ImageOpacityOut=100;
				return;				
			}			
		}		
	}
	
	function ImageShufflerFade(){	
		var theimg = document.getElementById(gblPhotoShufflerImgId);
	}
	
	function photoShufflerFade(){			 
	  	var theimg = document.getElementById(gblPhotoShufflerImgId);
	  	
	  	// determine delta based on number of fade seconds
		// the slower the fade the more increments needed
	    var fadeDelta = 100 / (30 * gblFadeSeconds);
	
		// fade top out to reveal bottom image
		if (gblOpacity < 2*fadeDelta ){
		  gblOpacity = 100;
		  // stop the rotation if we're done
		  if (gblImageRotations < 1) return;
		  photoShufflerShuffle();
		  // pause before next fade
	      setTimeout("photoShufflerFade()",gblPauseSeconds*1000);
		}else{
		  gblOpacity -= fadeDelta;
		  setImgOpacity(theimg,gblOpacity);
		  setTimeout("photoShufflerFade()",30);  // 1/30th of a second
		}
	}
	
	function photoShufflerShuffle(){
		var thediv = document.getElementById(gblPhotoShufflerDivId);
		var theimg = document.getElementById(gblPhotoShufflerImgId);
		
		// copy div background-image to img.src
		theimg.src = gblImg[gblOnDeck];
		// set img opacity to 100
		setImgOpacity(theimg,100);
	
	    // shuffle the deck
	    document.getElementById('mainImg').title= altgblImg[gblOnDeck];
		gblOnDeck = ++gblOnDeck % gblDeckSize;
		
		// decrement rotation counter
		if (--gblImageRotations < 1)
		{
		  // insert start/final image if we're done
		  gblImg[gblOnDeck] = gblStartImg;
		}
	
		// slide next image underneath
		thediv.style.backgroundImage='url(' + gblImg[gblOnDeck] + ')';
	}
	
	  
	  
	function setImgOpacity(obj, opacity) { 
	    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;
  	}