<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<meta name="author" content="mud(tm) - Takashi Okamoto" /> 
<meta name="copyright" content="2006 mud(tm)corporation" /> 
<title>Pippi Zornoza</title> 
 
<script src="/pippi/_lib/js/prototype.js" type="text/javascript"></script> 
<script src="/pippi/_lib/js/mud_FadeGallery.js" type="text/javascript"></script> 
<script type="text/javascript">/*******************************************************************************
 
FILE: mud_Scripts.js
REQUIRES: prototype.js, mud_FadeGallery.js
AUTHOR: Takashi Okamoto mud(tm) - http://www.mudcorp.com/
VERSION: 2.0 - converted to use prototype.js
DATE: 01/05/2006
 
--------------------------------------------------------------------------------
 
This file is part of MudFadeGallery.
 
	MudFadeGallery is free for anyone to use, but this header MUST be
	included, and may not be modified.
 
*******************************************************************************/
 
////////////////////////////////////////////////////////////////////////////////
// GLOBAL VARS
 
var imgsGallery = new Array();
var imgs;
 
///////////////////////////////////////////////////////////////////////////////
// MOUSE EVENTS
 
function setOnMouseClick() {
	var elements = document.getElementsByTagName("a");
	for (var i = 0; i < elements.length; i++) {
		switch(elements[i].className) {
			case "next":
				elements[i].onclick = function() {
					 imgs.nextImg();
					 return false;
				}
				break;
			case "prev":
				elements[i].onclick = function() {
					 imgs.prevImg();
					 return false;
				}
				break;				
			case "proj_elem":
				elements[i].onclick = function(evt) {
					evt = (evt) ? evt : ((window.event) ? event : null);
					if (evt) {
						var target = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
						if (target.nodeType == 3) target = target.parentNode;
						var imgNumber = parseInt(target.id.substring(1));
						var s = proj.showImg(imgNumber);
						setSelected(s);
					}
					index.slideStart();
					return false;
				}
				break;
			case "proj_selected":
				elements[i].onclick = function(evt) {
					evt = (evt) ? evt : ((window.event) ? event : null);
					if (evt) {
						var target = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
						if (target.nodeType == 3) target = target.parentNode;
						var imgNumber = parseInt(target.id.substring(1));
						var s = proj.showImg(imgNumber);
						setSelected(s);
					}
					index.slideStart();
					return false;
				}
				break;
		}
	}
}
 
////////////////////////////////////////////////////////////////////////////////
// INIT
 
function init() {
	setOnMouseClick();
	// images gallery
	// load images note: imgsGallery[].image isn't an array of images, just strings to hold location
 
	imgsGallery[00] = new Object();
	imgsGallery[00].image = "/pippi/drawings/hex2.jpg";
	imgsGallery[00].title = "Hex Drawing";
	imgsGallery[00].caption = "Pen and ink on mulberry 38x38, 2009";
	
	imgsGallery[01] = new Object();
	imgsGallery[01].image = "/pippi/drawings/flower1.jpg";
	imgsGallery[01].title = "Hex Drawing, detail";
	imgsGallery[01].caption = "Pen and ink on mulberry 38x38, 2009";
	
	imgsGallery[02] = new Object();
	imgsGallery[02].image = "/pippi/drawings/centerknot.jpg";
	imgsGallery[02].title = "Hex Drawing, detail";
	imgsGallery[02].caption = "Pen and ink on mulberry 38x38, 2009";
	
	imgsGallery[03] = new Object();
	imgsGallery[03].image = "/pippi/drawings/fox3.jpg";
	imgsGallery[03].title = "Hex Drawing, detail";
	imgsGallery[03].caption = "Pen and ink on mulberry 38x38, 2009";
	
	imgsGallery[03] = new Object();
	imgsGallery[03].image = "/pippi/drawings/eagle1.jpg";
	imgsGallery[03].title = "Eagle heart and wildcat";
	imgsGallery[03].caption = "Pen and ink on mulberry 23 x 14, 2005";
	
	imgsGallery[04] = new Object();
	imgsGallery[04].image = "/pippi/drawings/eagle2.jpg";
	imgsGallery[04].title = "Eagle heart and wildcat";
	imgsGallery[04].caption = "detail, Pen and ink on mulberry";
	
	imgsGallery[05] = new Object();
	imgsGallery[05].image = "/pippi/drawings/eagle3.jpg";
	imgsGallery[05].title = "Eagle heart and wildcat";
	imgsGallery[05].caption = "Detail, pen and ink on mulberry";
	
	imgsGallery[06] = new Object();
	imgsGallery[06].image = "/pippi/drawings/eagledclose1.jpg";
	imgsGallery[06].title = "Eagle heart and wildcat";
	imgsGallery[06].caption = "Detail, pen and ink on mulberry";
	
	imgsGallery[07] = new Object();
	imgsGallery[07].image = "/pippi/drawings/eagledclose2.jpg";
	imgsGallery[07].title = "Eagle heart and wildcat";
	imgsGallery[07].caption = "Detail, pen and ink on mulberry";
	
	imgsGallery[08] = new Object();
	imgsGallery[08].image = "/pippi/drawings/eagle1.jpg";
	imgsGallery[08].title = "Eagle heart and wildcat";
	imgsGallery[08].caption = "Pen and ink on mulberry 23 x 14, 2005";
	
	imgsGallery[09] = new Object();
	imgsGallery[09].image = "/pippi/drawings/vulture4.jpg";
	imgsGallery[09].title = "Vultures and the skeleton tree";
	imgsGallery[09].caption = "Pen and ink on mulberry, 35 x 24, 2006";
	
	imgsGallery[10] = new Object();
	imgsGallery[10].image = "/pippi/drawings/vulture5.jpg";
	imgsGallery[10].title = "Vultures and the skeleton tree";
	imgsGallery[10].caption = "Detail, pen and ink on mulberry";
	
	imgsGallery[11] = new Object();
	imgsGallery[11].image = "/pippi/drawings/vulture6.jpg";
	imgsGallery[11].title = "Vultures and the skeleton tree";
	imgsGallery[11].caption = "Detail, pen and ink on mulberry";
	
	imgsGallery[12] = new Object();
	imgsGallery[12].image = "/pippi/drawings/vulturedclose1.jpg";
	imgsGallery[12].title = "Vultures and the skeleton tree";
	imgsGallery[12].caption = "Detail, pen and ink on mulberry";
	
	imgsGallery[13] = new Object();
	imgsGallery[13].image = "/pippi/drawings/vulturedclose2.jpg";
	imgsGallery[13].title = "Vultures and the skeleton tree";
	imgsGallery[13].caption = "Detail, pen and ink on mulberry";
	
	imgsGallery[14] = new Object();
	imgsGallery[14].image = "/pippi/drawings/vulturedclose3.jpg";
	imgsGallery[14].title = "Vultures and the skeleton tree";
	imgsGallery[14].caption = "Detail, pen and ink on mulberry";
	
	imgsGallery[15] = new Object();
	imgsGallery[15].image = "/pippi/drawings/vulture4.jpg";
	imgsGallery[15].title = "Vultures and the skeleton tree";
	imgsGallery[15].caption = "Pen and ink on mulberry, 35 x 24, 2006";
	
	imgsGallery[16] = new Object();
	imgsGallery[16].image = "/pippi/drawings/wolf6.jpg";
	imgsGallery[16].title = "The Wolf";
	imgsGallery[16].caption = "Pen and ink on paper, 15 x 11, 2005";
	
	imgsGallery[17] = new Object();
	imgsGallery[17].image = "/pippi/drawings/drawing2.jpg";
	imgsGallery[17].title = "Birdseye";
	imgsGallery[17].caption = "Pen and ink on paper, 2008";
	
	imgsGallery[18] = new Object();
	imgsGallery[18].image = "/pippi/drawings/drawing3.jpg";
	imgsGallery[18].title = "Ten of Swords";
	imgsGallery[18].caption = "Pen and ink on paper, 2008";
	
	imgsGallery[19] = new Object();
	imgsGallery[19].image = "/pippi/drawings/drawing3detail2.jpg";
	imgsGallery[19].title = "Ten of Swords";
	imgsGallery[19].caption = "Detail, Pen and ink on paper, 2008";
	
	imgsGallery[20] = new Object();
	imgsGallery[20].image = "/pippi/drawings/drawing3detail1.jpg";
	imgsGallery[20].title = "Ten of Swords";
	imgsGallery[20].caption = "Detail, Pen and ink on paper, 2008";
	
	imgsGallery[21] = new Object();
	imgsGallery[21].image = "/pippi/drawings/drawing1.jpg";
	imgsGallery[21].title = "virtue flourishes under wounding";
	imgsGallery[21].caption = "Pen and ink on paper, 2008";
 
	imgsGallery[22] = new Object();
	imgsGallery[22].image = "/pippi/drawings/drawing3detail1.jpg";
	imgsGallery[22].title = "Ten of Swords";
	imgsGallery[22].caption = "Detail, Pen and ink on paper, 2008";
	
	imgsGallery[23] = new Object();
	imgsGallery[23].image = "/pippi/drawings/drawing1.jpg";
	imgsGallery[23].title = "virtue flourishes under wounding";
	imgsGallery[23].caption = "Pen and ink on paper, 2008";
	
		
	var start = 00;
	imgs = new MudFadeGallery('imgs', 'imgDisplay', imgsGallery, {startNum: start, preload: true, autoplay: 0});
	
	// set the initial captions
	var title = (imgsGallery[0].title) ? imgsGallery[0].title : "";
	var caption = (imgsGallery[0].caption) ? imgsGallery[0].caption : "";
	$("imgDisplay_title").innerHTML = title;
	$("imgDisplay_caption").innerHTML = caption;
	$("imgDisplay_number").innerHTML = "1 of " + imgsGallery.length;
	$("imgDisplay").src = imgsGallery[start].image;
}
 
////////////////////////////////////////////////////////////////////////////////
// EVENTS
 
Event.observe(window, 'load', init, false);</script> 
 
<style type="text/css"> 
	@import url(/pippi/_lib/css/style.css);
</style> 
 
</head> 
 
<body> 
<div id="logo"><img src="/pippi/images/header.jpg" alt="Pippi Zornoza"></div> 

<div id="navbar">

<span class="openp">DRAWINGS</span>&nbsp;|&nbsp;
<a href="/pippi/prints/">PRINTS</a>&nbsp;|&nbsp;
<a href="/pippi/posters/">POSTERS</a>&nbsp;|&nbsp;
<a href="/pippi/3rddimension/">INSTALLATION & 3RD DIMENSION</a>&nbsp;|&nbsp;
<a href="/pippi/cardsbooks/">CARDS & BOOKS</a>&nbsp;|&nbsp;
<a href="/pippi/music">MUSIC</a>

</div> 
<div id="imgs-frame"> 
	<img id="imgDisplay" src="" /> 
</div> 
<div id="controller"> 
<div align="center"> 
	<table width="400" border="0" cellspacing="0" cellpadding="0"> 
	  <tr> 
    	<td class="imgtxt"><li id="imgDisplay_title" style="font-weight: bold;"></li> 
			<li id="imgDisplay_caption"></li> 
			<li id="imgDisplay_number"></li></td> 
    	<td class="imgnav"><a href="#" class="prev">&lt;&lt;</a></td> 
    	<td class="imgnav"><a href="#" class="next">&gt;&gt;</a></td> 
	  </tr> 
	</table> 
</div> 
</div> 
<div id="footer">contact: iadorepippi{at}hotmail.com</div> 
</body> 
</html>