if (jQuery) {  

	//initializes the list of drawings, puts the list into an array which we can easlily iterate through
	var drawingList = [
		{title: "COMA BERENICES", medium: "Aluminum, oil on canvas", size: "46 X 50 inches 116.84 X 127 cm", path: "images/1-comma-new-rgb.jpg"},
		{title: "RED MONERA", medium: "Acrylic, aluminum on linen", size: "44 X 72 inches 111.76 X 182.88 cm", path: "images/2-red-monera.jpg"},
		{title: "GREEN  MONERA", medium: "Acrylic, aluminum on linen", size: "48 X 72 inches 121.92 X 182.88 cm", path: "images/3-green-monera.jpg"},
		{title: "CLOCKWARM", medium: "Gouache, oil on rice paper", size: "22.5 X 35 inches 57.15 X 88.9 cm", path: "images/4-clockwarm.jpg"},
		{title: "RECOGNITION THEORY", medium: "Acrylic on canvas, steel and glass", size: "34 X 42 inches 86.36 X 106.68 cm", path: "images/5-recognition-theory.jpg"},
		{title: "MEMORIST", medium: "Acrylic on linen", size: "44.5 X 62 inches 113.03 X 157.48 cm", path: "images/6-memorist.jpg"},
		{title: "ARERED RUNNER", medium: "Acrylic on linen paper", size: "26 X 40 inches 66.04 X 101.6 cm", path: "images/7-arered-runner.jpg"},
		{title: "SPIRA", medium: "Acrylic on linen", size: "70 X 90 inches 177.8 X 228.6 cm", path: "images/8-lesson-spira.jpg"},
		{title: "SOLAR SAIL", medium: "Oil on linen", size: "64 X 80 inches 162.5 X 203.2 cm", path: "images/9-solar-sail-flda.jpg"},
		{title: "OCCITAN", medium: "Acrylic on linen", size: "48 X 72 inches 121.92 X 182.88 cm", path: "images/10-occitan.jpg"},
		{title: "FOURHER EXIT", medium: "Acrylic on canvas", size: "42 X 50 inches 106.68 X 127 cm", path: "images/11-fourher-exit.jpg"},
		{title: "SIXTILE CUT", medium: "Acrylic on canvas", size: "72 X 78 inches 182.88 X 198.12 cm", path: "images/12-sixtile-cut.jpg"},
		{title: "SIXTILE CUT - scale-", medium: "Acrylic on canvas", size: "72 X 78 inches 182.88 X 198.12 cm", path: "images/12a-sixtile-cut-scale.jpg"},
		{title: "FIN POLARI", medium: "Acrylic on canvas", size: "78 X 122 inches 198.12 X 309.88 cm", path: "images/13-fin-polari-rgb.jpg"},
		{title: "FIN POLARI - scale -", medium: "Acrylic on canvas", size: "78 X 122 inches 198.12 X 309.88 cm", path: "images/13a-fin-polari-scale.jpg"},
		{title: "ORNIS OCCULAR", medium: "Acrylic on canvas", size: "64 X 84 inches 162.56 X 213.36 cm", path: "images/14-ornis-ocular.jpg"},
		{title: "THE TWO ZEROS", medium: "Acrylic on canvas", size: "28 X 60 inches 71.12 X 152.4 cm", path: "images/15-the-two-zeros.jpg"},
		{title: "LIBRARY SPEAKS", medium: "Gouache and butterfly on board", size: "9 X 12 inches 22.86 X 30.48 cm", path: "images/16-library-speakes-.jpg"},
		{title: "GODOT MAESTRO", medium: "Wax, leather, aluminum on wood ", size: "15 X 17 inches 38.10 X 43.18 cm", path: "images/17-godot-maestro.jpg"},	
		{title: "THIS PAINTED QUEENGIFT, OF DELIKATESEND", medium: "Gouache on board, tar, wood and glass", size: "13 X 16 inches 33.02 X 40.64 cm", path: "images/18-this-painted-queen-gift.jpg"},
		{title: "V. SIGNALS AND SIGNALING", medium: "Ink, glass and wood", size: "26 X 28 inches 66.04 X 71.12 cm", path: "images/19-v-signals.jpg"},
		{title: "PREMIER'S PREMISE", medium: "Aluminum on wood and glass", size: "25 X 72 inches 63.5 X 182.88 cm", path: "images/20-premeir-premise.jpg"},
		{title: "THE TRIAL OF LIBRETTO", medium: "Oil on wood, marble, steel, etc. ", size: "30 1/2 X 62 inches 77.47 X 157.48 cm", path: "images/24-trial-of-libretto.jpg"},
		{title: "DETAIL: THE TRIAL OF LIBRETTO", medium: "Oil on wood, marble, steel, etc.", size: "30 1/2 X 62 inches 77.47 X 157.48 cm", path: "images/24b-detail-trial-libretto.jpg"},
		{title: "THEATRE FOR A SMALL AUDIENCE", medium: "Oil on wood", size: "20 X 28 inches 50.8 X 71.12 cm", path: "images/26-red-surgeon.jpg"},
		{title: "FORTY SECONDS", medium: "Oil, and objects on wood", size: "7 X 14 inches 17.78 X 35.56 cm", path: "images/23-forty-seconds.jpg"},
		{title: "ISVANGOGHLAM", medium: "Oil on wood", size: "9 X 20 inches 22.8 X 50.80 cm", path: "images/28-is-vangolamb.jpg"},
		{title: "HOARSE STUDENTS", medium: "Oil, and objects on wood", size: "15.5 X 18.5 inches 39.37 X 46.99 cm", path: "images/29-hoarse-students.jpg"},
		{title: "SPECIAL COLLECTION", medium: "Acrylic on tin and board", size: "13 X 16 inches 33.02 X 40.64 cm", path: "images/31-special-collection.jpg"},
		{title: "SHE IS YOU", medium: "Acrylic on board", size: "11.5 X 15.5 inches 29.21 X 39.37 cm", path: "images/32-shes-you.jpg"},
		{title: "A NEW YOU", medium: "Oil, and objects on oak ", size: "10 X 12 inches 25.4 X 30.48 cm ", path: "images/27-a-new-you.jpg"},
		{title: "SUITSLEDDED", medium: "Doublebreasted in oak ", size: "20 X 77 inches 50.8 X 195.58 cm ", path: "images/30-suit-sledded.jpg"},
		{title: "EASTER ISLAND", medium: "Cabinet with ceramic sculpture ", size: "11.75 X 25 X 8 inches 29.85 X 63.5 X 20.32 cm", path: "images/25-easter-island.jpg"},
		{title: "THE PERFECT INSTRUMENT", medium: "Wood with stainless steel wire", size: "40x80 inches 203.2 X101.6  cm", path: "images/22-perfect-instrament.jpg"}
	];

	$(document).ready( function(){
		
		var drawingContainer = $("#drawing");
		
		//initialize the index holder
		drawingContainer.data("cur",0);
		
		//hide the back button because we are on the first element
		$("div#back").hide();
		
		//this is triggered when a client clicks the prev button
		$("#btnPrev").click( function(){
			var currentIndex = drawingContainer.data("cur");
			if( currentIndex > 0){			
				LoadDrawing(currentIndex - 1);
			}		
			if( (currentIndex -1) == 0 ){
				$("div#back").hide();
			}		
			
			$("div#next").show();
			
			return false;
		});
		
		// this triggers when a client clicks the next button
		$("#btnNext").click( function(){
			var currentIndex = drawingContainer.data("cur");
			if( currentIndex < drawingList.length - 1){			
				LoadDrawing(currentIndex + 1);
			}
			if( ( currentIndex + 2 ) == drawingList.length){
				$("div#next").hide();
			}
			
			$("div#back").show();
			
			return false;
		});
		
		function LoadDrawing(index){
			drawingContainer.data("cur", index);
			
			//load the image
			$("#image", drawingContainer).attr("src", drawingList[index].path);
			
			//load the title
			$("#title", drawingContainer).html(drawingList[index].title);
			
			//load the medium
			$("#medium", drawingContainer).html(drawingList[index].medium);
			
			//load the size
			$("#size", drawingContainer).html(drawingList[index].size);
		}
		
	});
}