// JavaScript Document

var pattName;

//thumbnail script
image0 =new Image();
image1 =new Image();
image2 =new Image();
image3 =new Image();
image4 =new Image();
image5 =new Image();
image6 =new Image();
image7 =new Image();
image8 =new Image();
image9 =new Image();
image10 =new Image();
image11 =new Image();
image12 =new Image();
image13 =new Image();
image14 =new Image();
image15 =new Image();
image16 =new Image();
image17 =new Image();
image18 =new Image();
image19 =new Image();
image20 =new Image();
image21 =new Image();
image22 =new Image();
image23 =new Image();
image24 =new Image();

// This defines the source of the display image 
image0.src ="images/polka-dots.jpg"
image1.src ="images/five-spots.jpg"
image2.src ="images/seven-circles.jpg"
image3.src ="images/any-letter-any-font.jpg"
image4.src ="images/any-number-any-font.jpg"
image5.src ="images/fleur-de-lis.jpg"
image6.src ="images/plain.jpg"
image7.src ="images/games-board.jpg"
image8.src ="images/emergency-button.jpg"
image9.src ="images/three-squares.jpg"
image10.src ="images/mini-squares.jpg"
image11.src ="images/window-squares.jpg"
image12.src ="images/three-stars.jpg"
image13.src ="images/mini-stars.jpg"
image14.src ="images/diamonds.jpg"
image15.src ="images/circle-flower.jpg"
image16.src ="images/mary-flower.jpg"
image17.src ="images/hawaii-flower.jpg"
image18.src ="images/fleur-single-border.jpg"
image19.src ="images/double-crossed-border.jpg"
image20.src ="images/double-square-border.jpg"
image21.src ="images/three-ducks.jpg"
image22.src ="images/five-fish.jpg"
image23.src ="images/ladybirds.jpg"
image24.src ="images/"



// This defines the source of the preview image 
document.images['pimage0'].src=image0.src;
document.images['pimage1'].src=image1.src;
document.images['pimage2'].src=image2.src;
document.images['pimage3'].src=image3.src;
document.images['pimage4'].src=image4.src;
document.images['pimage5'].src=image5.src;
document.images['pimage6'].src=image6.src;
document.images['pimage7'].src=image7.src;
document.images['pimage8'].src=image8.src;
document.images['pimage9'].src=image9.src;
document.images['pimage10'].src=image10.src;
document.images['pimage11'].src=image11.src;
document.images['pimage12'].src=image12.src;
document.images['pimage13'].src=image13.src;
document.images['pimage14'].src=image14.src;
document.images['pimage15'].src=image15.src;
document.images['pimage16'].src=image16.src;
document.images['pimage17'].src=image17.src;
document.images['pimage18'].src=image18.src;
document.images['pimage19'].src=image19.src;
document.images['pimage20'].src=image20.src;
document.images['pimage21'].src=image21.src;
document.images['pimage22'].src=image22.src;
document.images['pimage23'].src=image23.src;
document.images['pimage24'].src=image24.src;


// This defines what to do when an image is clicked on 
function image_click(clicks)
{
if(clicks==0){
	document.images['large'].src=image0.src;
	document.getElementById('dynTxt').innerHTML = 'polka dots';
	}
if(clicks==1){
	document.images['large'].src=image1.src;
	document.getElementById('dynTxt').innerHTML = 'five spots';
	}
if(clicks==2){
	document.images['large'].src=image2.src;
	document.getElementById('dynTxt').innerHTML = 'seven circles';
	}
if(clicks==3)
{document.images['large'].src=image3.src;
	document.getElementById('dynTxt').innerHTML = 'any letter any font';
	}
if(clicks==4){
	document.images['large'].src=image4.src;
	document.getElementById('dynTxt').innerHTML = 'any number <br /> any font';
	}
if(clicks==5){
	document.images['large'].src=image5.src;
	document.getElementById('dynTxt').innerHTML = 'fleur de lis';
	}
if(clicks==6){
	document.images['large'].src=image6.src;
	document.getElementById('dynTxt').innerHTML = 'plain';
	}
if(clicks==7){document.images['large'].src=image7.src;
	document.getElementById('dynTxt').innerHTML = 'games board';
	}
if(clicks==8){
	document.images['large'].src=image8.src;
	document.getElementById('dynTxt').innerHTML = 'emergency button';
	}
if(clicks==9)
{document.images['large'].src=image9.src;
	document.getElementById('dynTxt').innerHTML = 'three squares';
	}
if(clicks==10){
	document.images['large'].src=image10.src;
	document.getElementById('dynTxt').innerHTML = 'mini squares';
	}
if(clicks==11){
	document.images['large'].src=image11.src;
	document.getElementById('dynTxt').innerHTML = 'window-squares';
	}
if(clicks==12){
	document.images['large'].src=image12.src;
	document.getElementById('dynTxt').innerHTML = 'three stars';
	}
if(clicks==13){
	document.images['large'].src=image13.src;
	document.getElementById('dynTxt').innerHTML = 'mini stars';
	}
if(clicks==14){
	document.images['large'].src=image14.src;
	document.getElementById('dynTxt').innerHTML = 'diamonds';
	}
if(clicks==15){
	document.images['large'].src=image15.src;
	document.getElementById('dynTxt').innerHTML = 'circle flower';
	}
if(clicks==16){
	document.images['large'].src=image16.src;
	document.getElementById('dynTxt').innerHTML = 'mary flower';
	}
if(clicks==17){
	document.images['large'].src=image17.src;
	document.getElementById('dynTxt').innerHTML = 'hawaii flower';
	}
if(clicks==18){
	document.images['large'].src=image18.src;
	document.getElementById('dynTxt').innerHTML = 'fleur single border';
	}
if(clicks==19){
	document.images['large'].src=image19.src;
	document.getElementById('dynTxt').innerHTML = 'double crossed <br /> border';
	}
if(clicks==20){
	document.images['large'].src=image20.src;
	document.getElementById('dynTxt').innerHTML = 'double square <br /> border';
	}
if(clicks==21){
	document.images['large'].src=image21.src;
	document.getElementById('dynTxt').innerHTML = 'three ducks';
	}
if(clicks==22){
	document.images['large'].src=image22.src;
	document.getElementById('dynTxt').innerHTML = 'five fish';
	}
if(clicks==23){
	document.images['large'].src=image23.src;
	document.getElementById('dynTxt').innerHTML = 'ladybirds';
	}
}
