var currentPage = 1;

var setPageBackImage = function()
{
	pageChange();
}

window.onload = setPageBackImage;

function changePage(pageNum)
{
	var pageNum = pageNum;
	currentPage = pageNum;
	pageChange();
}

function pageChange()
{
	var pImageDiv = document.getElementById('digitised_main_image');
	var pClickDiv = document.getElementById('digitised_click');
	var pOverlayDiv = document.getElementById('digitised_overlay');
	if (currentPage == 1)
	{
		pImageDiv.innerHTML = '<img src="images/digitised/Digitised.jpg" alt="Linards Website Projects" id="digitised_bg">';
		pClickDiv.innerHTML = '<a href="javascript:changePage(2)"><img src="images/web_advert_banners.gif" border="0" alt="Web Advert Banners &gt;&gt;"></a>';

		pOverlay = '			<img src="images/spacer.gif" border="0" alt="" width="765" height="356" usemap="#testmap" />\n';
		pOverlay += '						<map name="testmap">\n';
		pOverlay += '				<area shape="rect" coords="62,32,209,155" title="Linards created this website for high-end vintage watches. The site has a simple custom CMS to allow uploading of new products, and automatically generates the Paypal details from the product data entered." target="_blank" onmouseover="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/1.jpg&apos;" onmouseout="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/Digitised.jpg&apos;" href="http://www.jayem-international.co.uk/" />\n';
		pOverlay += '				<area shape="rect" coords="224,32,372,156" title="Created in partnership with IT-initiative, this site is fully database-driven, and completely avoids Flash to be iPad etc compliant. Again using a custom CMS system, everything on this site is fully updateable by the client and is fully WYSIWYG (What You See Is What You Get)." target="_blank" onmouseover="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/2.jpg&apos;" onmouseout="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/Digitised.jpg&apos;" href="http://www.thenationalfootballshirtcollection.com/" />\n';
		pOverlay += '				<area shape="rect" coords="391,32,539,156" title="Created for a mainstream boy band, this site uses numerous interactive objects (the main group image, countdown clock, live Twitter/Blog/Facebook feeds) to create a catchy layout to entice the female teenage genre." target="_blank" onmouseover="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/3.jpg&apos;" onmouseout="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/Digitised.jpg&apos;" href="http://inju5tice.linards.co.uk/" />\n';
		pOverlay += '				<area shape="rect" coords="557,31,705,157" title="A fairly simple site design, designed to by visually catching to primarily a female audience. This site includes a live Facebook update and a &apos;refer-a-friend&apos; capability to give referrals to the site owner." target="_blank" onmouseover="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/4.jpg&apos;" onmouseout="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/Digitised.jpg&apos;" href="http://www.reflextoday.co.uk/" />\n';
		pOverlay += '				<area shape="rect" coords="59,183,210,305" title="Using a similar technique to ReflexToday (top right), this site also includes a dynamic Flash animated logo, and also incorporates a live Twitter feed alongside the Facebook feed." target="_blank" onmouseover="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/5.jpg&apos;" onmouseout="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/Digitised.jpg&apos;" href="http://www.headstartfitness.com/" />\n';
		pOverlay += '				<area shape="rect" coords="224,182,372,305" title="One of the most complex sites imaginable, this site is fully dynamic, multi-lingual and implements a huge number of visual interactions. The custom CMS driving this site allows for all elements and content of the site to be altered on the fly with no knowledge of HTML or CSS, in any language desired. The system is also designed to be as Google-friendly as possible, generating all its pages as .html, and allowing customisation of the meta tags for every page in all languages. It also regenerates all its sitemaps, imagery, links and attachments on the fly as required." target="_blank" onmouseover="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/6.jpg&apos;" onmouseout="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/Digitised.jpg&apos;" href="http://boomerang.customer-demo.co.uk/" />\n';
		pOverlay += '				<area shape="rect" coords="391,181,539,306" title="A simple but incredibly beautiful site using only CSS and Javascript for all visual interaction and effects, this site was designed and built in collaboration with IT-initiative." target="_blank" onmouseover="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/7.jpg&apos;" onmouseout="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/Digitised.jpg&apos;" href="http://www.oakwood-landscapes.co.uk/" />\n';
		pOverlay += '				<area shape="rect" coords="556,182,706,305" title="Another simple but incredibly visually appealing site using only CSS and Javascript for its visual effects and interactions." target="_blank" onmouseover="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/8.jpg&apos;" onmouseout="document.getElementById(&apos;digitised_bg&apos;).src=&apos;images/digitised/Digitised.jpg&apos;" href="http://www.jasonmorrissecurity.co.uk/" />\n';

		pOverlay += '			</map>\n';
		pOverlayDiv.innerHTML = pOverlay;
	}
	else
	{
		pImageDiv.innerHTML = '&nbsp;';
		pClickDiv.innerHTML = '<a href="javascript:changePage(1)"><img src="images/websites.gif" border="0" alt="&lt;&lt; Websites"></a>';
		pOverlay = '				<center>\n';
		pOverlay += '				<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"\n';
		pOverlay += '				 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"\');\n';
		pOverlay += '				 width="728" height="90" id="roxio_ad_banner" align="middle">\n';
		pOverlay += '				<param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" />\n';
		pOverlay += '				<param name="movie" value="swf/roxio_ad_banner.swf" /><param name="quality" value="high" />\n';
		pOverlay += '				<param name="bgcolor" value="#000000" />\n';
		pOverlay += '				<embed src="swf/roxio_ad_banner.swf" quality="high" bgcolor="#000000" width="728" height="90"\n';
		pOverlay += '				 name="roxio_ad_banner" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false"\n';
		pOverlay += '				 type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />\n';
		pOverlay += '				</object>\n';
		pOverlay += '				<br /><br />\n';
		pOverlay += '				<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"\n';
		pOverlay += '				 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"\');\n';
		pOverlay += '				 width="728" height="90" id="musicals_ad_banner" align="middle">\n';
		pOverlay += '				<param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" />\n';
		pOverlay += '				<param name="movie" value="swf/musicals_ad_banner.swf" /><param name="quality" value="high" />\n';
		pOverlay += '				<param name="bgcolor" value="#ffffcc" />\n';
		pOverlay += '				<embed src="swf/musicals_ad_banner.swf" quality="high" bgcolor="#ffffcc" width="728" height="90"\n';
		pOverlay += '				 name="musicals_ad_banner" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false"\n';
		pOverlay += '				 type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />\n';
		pOverlay += '				</object>\n';
		pOverlay += '				<br /><br />\n';
		pOverlay += '				<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"\n';
		pOverlay += '				 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"\');\n';
		pOverlay += '				 width="728" height="90" id="deagostini_ad_banner" align="middle">\n';
		pOverlay += '				<param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" />\n';
		pOverlay += '				<param name="movie" value="swf/deagostini_ad_banner.swf" /><param name="quality" value="high" />\n';
		pOverlay += '				<param name="bgcolor" value="#000000" />\n';
		pOverlay += '				<embed src="swf/deagostini_ad_banner.swf" quality="high" bgcolor="#000000" width="728" height="90"\n';
		pOverlay += '				 name="deagostini_ad_banner" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false"\n';
		pOverlay += '				 type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />\n';
		pOverlay += '				</object>\n</center>\n';
		pOverlayDiv.innerHTML = pOverlay;
	}
}

