// JavaScript Document

// Resolution fix

var width = screen.width;
var res = (((!(128-width))*1)+((!(176-width))*2)+((!(240-width))*3)+((!(640-width))*4)+((!(800-width))*5)+((!(1024-width))*6)+((!(1152-width))*7)+((!(1280-width))*8)+((!(1600-width))*9));
if(!(res)) res = 4;
if (res=='5') {document.write('<link rel="stylesheet" type="text/css" href="style2.css"/>');}
if (res=='6') {document.write('<link rel="stylesheet" type="text/css" href="style2.css"/>');}
else {document.write('<link rel="stylesheet" type="text/css" href="style.css"/>');}



// Image loader

window.onload = function()
   {
       var loadImg1 = document.getElementById('trigger1');
	   var loadImg2 = document.getElementById('trigger2');
	   var loadImg3 = document.getElementById('trigger3');
	   var loadImg4 = document.getElementById('trigger4');
	   var loadImg5 = document.getElementById('trigger5');
	   var loadImg6 = document.getElementById('trigger6');
	   var loadImg7 = document.getElementById('trigger7');
	   
	   var loadImg8 = document.getElementById('trigger8');
	   var loadImg9 = document.getElementById('trigger9');
	   var loadImg10 = document.getElementById('trigger10');
	   
	   var loadImg11 = document.getElementById('trigger11');
	   var loadImg12 = document.getElementById('trigger12');
	   var loadImg13 = document.getElementById('trigger13');
	   var loadImg14 = document.getElementById('trigger14');
	   var loadImg15 = document.getElementById('trigger15');
	   
	  
      var myDesc = document.getElementById('imgdesc');
	  var myImg = document.getElementById('imgview');
	  

	  	  	  
	        loadImg1.onclick = function()
      {
         myDesc.innerHTML = "Basil Painting (Academic)";
			myImg.innerHTML = "<img src='Illustrations/DG_1' />";
      }
	  	  	  
	        loadImg2.onclick = function()
      {
         myDesc.innerHTML = "The Corrupting Book (Academic)";
			myImg.innerHTML = "<img src='Illustrations/DG_3.jpg' />";
      }
	  	  	  
	        loadImg3.onclick = function()
      {
         myDesc.innerHTML = "The Realisation (Academic)";
			myImg.innerHTML = "<img src='Illustrations/DG_6' />";
      }
	  	  	  
	        loadImg4.onclick = function()
      {
         myDesc.innerHTML = "Paying For His Sins (Academic)";
			myImg.innerHTML = "<img src='Illustrations/DG_12' />";
      }
	  	  	  
	        loadImg5.onclick = function()
      {
         myDesc.innerHTML = "Portrait Transformation (Academic)";
			myImg.innerHTML = "<img src='Illustrations/DG_allpor' />";
      }
	  	  	  
	  	  
	        loadImg6.onclick = function()
      {
         myDesc.innerHTML = "Cliff Jumping (Academic/Competition)";
			myImg.innerHTML = "<img src='Illustrations/PoP_cliff.jpg' />";
      }
	  	  
	        loadImg7.onclick = function()
      {
         myDesc.innerHTML = "Teamwork (Academic/Competition)";
			myImg.innerHTML = "<img src='Illustrations/PoP_dual.jpg' />";
      }
	  	  
	        loadImg8.onclick = function()
      {
         myDesc.innerHTML = "Blown Away (Academic/Competition)";
			myImg.innerHTML = "<img src='Illustrations/PoP_evening.jpg' />";
      }
	  
	  	    loadImg9.onclick = function()
      {
         myDesc.innerHTML = "Let The Arrows Guide You";
			myImg.innerHTML = "<img src='Illustrations/arrowcharge.jpg' />";
      }

    	    loadImg10.onclick = function()
      {
         myDesc.innerHTML = "A Legend Begins";
			myImg.innerHTML = "<img src='Illustrations/legendsword.jpg' />";
      }
	  	  
	  
   }
   
