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


	imageArray['d3rnj']=new Image()
	imageArray['d3rnj'].src = '../../img/items/Web-Design-Sheffield-Website-rab-event.jpg';

	imageArray['ct3gv']=new Image()
	imageArray['ct3gv'].src = '../../img/items/Web-Design-Sheffield-Website-accapi.jpg';
	imageArray['xwtj3']=new Image()
	imageArray['xwtj3'].src = '../../img/items/Web-Design-Sheffield-Website-jerry_moffatt.jpg';
	imageArray['kxj6h']=new Image()
	imageArray['kxj6h'].src = '../../img/items/Web-Design-Sheffield-Website-jennic.jpg';
	imageArray['lpt4m']=new Image()
	imageArray['lpt4m'].src = '../../img/items/Web-Design-Sheffield-Website-zilico.jpg';
	imageArray['drlh3']=new Image()
	imageArray['drlh3'].src = '../../img/items/Web-Design-Sheffield-Website-yorkshire_childrens_services.jpg';
	imageArray['70s54']=new Image()
	imageArray['70s54'].src = '../../img/items/Web-Design-Sheffield-Website-jagged-globe.jpg';
	imageArray['k7l69']=new Image()
	imageArray['k7l69'].src = '../../img/items/Web-Design-Sheffield-Website-active-world.jpg';
	imageArray['4j39s']=new Image()
	imageArray['4j39s'].src = '../../img/items/Web-Design-Sheffield-Website-dilemma.jpg';
	imageArray['c26ny']=new Image()
	imageArray['c26ny'].src = '../../img/items/Web-Design-Sheffield-Website-nethergreen.jpg';
	imageArray['szk58']=new Image()
	imageArray['szk58'].src = '../../img/items/Web-Design-Sheffield-Website-some.jpg';


 m2_content += '<a href="#" id="link_ct3gv">Accapi</a>';
 m2_content += '<a href="#" id="link_d3rnj" class="thisTab">Rab eVent</a>';
 m2_content += '<a href="#" id="link_xwtj3">Jerry Moffatt</a>';
 m2_content += '<a href="#" id="link_kxj6h">Jennic</a>';
 m2_content += '<a href="#" id="link_lpt4m">Zilico</a>';
 m2_content += '<a href="#" id="link_drlh3">Yorkshire Childrens Services</a>';
 m2_content += '<a href="#" id="link_70s54">Jagged Globe</a>';
 m2_content += '<a href="#" id="link_k7l69">Active World</a>';
 m2_content += '<a href="#" id="link_4j39s">Dilemma Consultancy</a>';
 m2_content += '<a href="#" id="link_c26ny">Nethergreen Surgery</a>';
 m2_content += '<a href="#" id="link_szk58">SoMe</a>';


var initialOffsetLeft = -850;




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';
}