var m2_content = '';
var imageArray = new Array();
var totalImages = 5; // number of images in array to preload
var imagesLoaded = new Array(); // number of completed loaded images
var infoNextID = 'gs48m';


	imageArray['gs48m']=new Image()
	imageArray['gs48m'].src = '../../img/items/Web-Design-Sheffield-people-nathan.gif';

	imageArray['82t3w']=new Image()
	imageArray['82t3w'].src = '../../img/items/Web-Design-Sheffield-people-jon.gif';
	imageArray['08vsm']=new Image()
	imageArray['08vsm'].src = '../../img/items/Web-Design-Sheffield-people-simon.gif';
	imageArray['jh9t2']=new Image()
	imageArray['jh9t2'].src = '../../img/items/Web-Design-Sheffield-people-teija.gif';
	imageArray['rc2kt']=new Image()
	imageArray['rc2kt'].src = '../../img/items/Web-Design-Sheffield-people-cofe.gif';


 m2_content += '<a href="#" id="link_82t3w">Jon Barton</a>';
 m2_content += '<a href="#" id="link_08vsm">Simon Norris</a>';
 m2_content += '<a href="#" id="link_gs48m" class="thisTab">Nathan Ryder</a>';
 m2_content += '<a href="#" id="link_jh9t2">Teija Douglas</a>';
 m2_content += '<a href="#" id="link_rc2kt">John Coefield</a>';


var initialOffsetLeft = -1700;




var infoFadeState = 1;
var infoFadeDirection = '';
var infoFadeText = '';
var infoFadeIncrement = 0.03;
var infoTextBox;

function makeRequest(url) {
        var httpRequest;

        if (window.XMLHttpRequest) { // Mozilla, Safari, ...
            httpRequest = new XMLHttpRequest();
            if (httpRequest.overrideMimeType) {
                httpRequest.overrideMimeType('text/xml');
                // See note below about this line
            }
        } 
        else if (window.ActiveXObject) { // IE
            try {
                httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
                } 
                catch (e) {
                           try {
                                httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
                               } 
                             catch (e) {}
                          }
                                       }

        if (!httpRequest) {
			document.getElementById('debug').innerHTML = 'Cannot make request';
            return false;
        }
        httpRequest.onreadystatechange = function() { 
			updateInfoBox(httpRequest); 
		};
        httpRequest.open('GET', url, true);
        httpRequest.send('');

}

function updateInfoBox(httpRequest) {

   if (httpRequest.readyState == 4) {
		if (httpRequest.status == 200) {
			infoFadeText = httpRequest.responseText;
			infoFadeDirection = 'in';
		}
   }

}


function fadeInfo(direction) {
	
	infoTextBox.style.opacity = infoFadeState;
	infoTextBox.style.filter = 'alpha(opacity=' + Math.floor(infoFadeState*100) + ')';
	
	if (infoFadeDirection == 'out') {
		if (infoFadeState > 0) {
			infoFadeState -= infoFadeIncrement;
		} else {
			infoFadeState = 0;
			infoFadeDirection = '';
		}
	} 
	
	if (infoFadeDirection == 'in') {
		if (infoFadeText != '') {
			document.getElementById('copy_showcase_text').innerHTML = infoFadeText;
			infoFadeText = '';
		}
		if (infoFadeState < 1) {
			infoFadeState += infoFadeIncrement;
		} else {
			infoFadeState = 1;
			infoFadeDirection = '';
		}
	}
			
}


function clearLinkTabs() {
			for (var thisLink = 0 ; thisLink < linkList.length; thisLink++) {
				var tempID = linkList[thisLink].className = '';
			}
}


function setTabbedLink(itemID) {
		var linkID = 'link_' + itemID;
		document.getElementById(linkID).className = 'thisTab';
}