ÿþ<! Copyright Jorge Misium 1999,2000,2001,2002,2003,2004,2005,2007,2008,2009,2010> <HTML> <HEAD> <TITLE>Zen Guerilla - Jorge Misium</TITLE> <META NAME="Keywords" CONTENT="misium, Zen Gorilla, Zen Guerilla, Arte-Misium, creativity, innovation, art, arte, sculpture, multiplicity, body, interaction, reciprocity, drawing, installation"> <META NAME="Description" CONTENT="Jorge Misium - Zen Gorilla - Zen Guerilla - Arte-Misium"> <META NAME="rating" CONTENT="general"> <META NAME="revisit-after" CONTENT="7 days"> <STYLE> img.special {border: 2px #222222 solid;} </STYLE> </HEAD> <BODY> <BODY BGCOLOR="#222222" TEXT="#DDDDDD" link="#DDDDDD" alink="#DDDDDD" vlink="#DDDDDD"> <TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0> <TR> <TD WIDTH=450 ALIGN=LEFT VALIGN=TOP BORDER=0> <! original setting: TD WIDTH=38% ALIGN=LEFT VALIGN=TOP BORDER=0> <Font face="verdana" Size = "1" Color = "#DDDDDD"> <center> <i> </i> </center> <Font face="verdana" Size = "2" Color = "#DDDDDD"> <p>&nbsp;</p> <center> <a href="drawing/index.htm" STYLE="text-decoration:none" onmouseover="doTooltip(event,4)" onmouseout="hideTip()"> <IMG alt="" src="THUMBNAILS/drawing.jpg" class="special"> </a> <p>&nbsp;</p> <a href="manifesti/index.htm" STYLE="text-decoration:none" onmouseover="doTooltip(event,3)" onmouseout="hideTip()"> <IMG alt="" src="THUMBNAILS/manifesti_01.jpg" class="special"> </a> <p>&nbsp;</p> <a href="installations/index.htm" STYLE="text-decoration:none" onmouseover="doTooltip(event,2)" onmouseout="hideTip()"> <IMG alt="" src="THUMBNAILS/organ.jpg" class="special"> </a> </center> <Font face="verdana" Size = "2" Color = "#DDDDDD"> </br> <! Text here?> <TD WIDTH=1000 ALIGN=RIGHT VALIGN=TOP BORDER=0> <CENTER> <Font face="verdana" Size = "5" Color = "#DDDDDD"> <p>&nbsp;</p> <Font Color = "#DDDDDD"> Zen Gorilla </center> <! This is the window.open option. Too annoying...a href="javascript:void(0)" STYLE="text-decoration:none" onmouseover="doTooltip(event,1)" onmouseout="hideTip()" onclick="window.open('jorgemisium/index.htm','Professional','width=900,height=600,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,copyhistory=no,resizable=yes')"> <CENTER> <Font face="verdana" Size = "5"> </p> <p>&nbsp;</p> <Font face="verdana" Size = "3" Color = "#FFD800"> <a onmouseover="doTooltip(event,0)" onmouseout="hideTip()"> <p><i>Drawing</i> Interactions</p> </a> <Font face="verdana" Size = "5" Color = "#DDDDDD"> <p>&nbsp;</p> <p>&nbsp;</p> <Font face="verdana" Size = "2" Color = "#DDDDDD"> <p> &nbsp;</p> <! This replaces the space: Now showing: <a href="http://www.eastfieldcollege.edu/gallery219/Spring09/SkunkWorks.html" STYLE="text-decoration:none" | Eastfield College</a|, Dallas, <i|Skunk Works</i|</p| > <p> &nbsp; <! Next Show: <i Cima</i , as part of <a href="http://www.artecommunications.com/index.php/it/component/content/article/1386-esposizioni-e-mostre-2009-open-12-esposizione-internazionale-di-sculture-ed-installazioni" STYLE="text-decoration:none" OPEN'09</a in Venezia, September 2nd.> </p> <p>&nbsp;</p> <p>&nbsp;</p> </p> </center> <FONT SIZE="4" FACE="VERDANA"> <CENTER> <a href="jorgemisium/index.htm" STYLE="text-decoration:none" onmouseover="doTooltip(event,1)" onmouseout="hideTip()"> Jorge Roby Misium </a> </center> <FONT SIZE="1" FACE="VERDANA"> <CENTER> <TABLE> <TR> <TH> <TD vertical-align: middle ><a href="mailto:j@misium.com" STYLE="text-decoration:none"> <IMG alt="" src="THUMBNAILS/email.jpg" border="0" VSPACE=10> <TD vertical-align: middle ><Font face="arial" Size = "1" Color = "#DDDDDD"> <a href="mailto:j@misium.com" STYLE="text-decoration:none"> j@misium.com </A> </TABLE> </CENTER> <FONT SIZE="1" FACE="VERDANA"> <p> <CENTER> &copy; 1999-2011 Jorge Misium </center> <CENTER> <i>Zen Gorilla</i>&#153; <i>Zen Guerilla</i>&#153; <i>Arte-Misium</i>&#153;</center> <div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div> <SCRIPT language="javascript" type="text/javascript"> var dom = (document.getElementById) ? true : false; var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false; var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false; var ns4 = (document.layers && !dom) ? true : false; var ie4 = (document.all && !dom) ? true : false; var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false; var origWidth, origHeight; if (ns4) {origWidth = window.innerWidth; origHeight = window.innerHeight; window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }} if (nodyn) { event = "nope" } var tipFollowMouse = false; // set to "false" if you don't want the popup to move when mouse moves over the link var tipWidth = 140; // the width of the popup boxes var offX = 10; // how far from mouse pointer to show the tip, 12 var offY = 10; var tipFontFamily = "verdana"; var tipFontSize = "10pt"; var tipFontColor = "#DDDDDD"; var tipBgColor = "#222222"; // in case no bgColor is set in the array var origBgColor = tipBgColor; var tipBorderColor = "#222222"; var tipBorderWidth = 0; var tipBorderStyle = "ridge"; // other possible values: "dotted", "dashed" and "solid" var tipPadding = 0; var px = 0; //re-sizing images, the expression in brackets is the winHt re-used later var imgHt = 0.9*((ns4||ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop); //get things going: download five images... 2010, reduced to 5 images all together so no batching!! var messages = new Array(); messages[0] = new Array('IMAGES/mirror_me.jpg','',"#222222"); messages[1] = new Array('jorgemisium/jorge8.jpg','',"#222222"); messages[2] = new Array('IMAGES/organ.jpg','<b>Installations</b>',"#222222"); messages[3] = new Array('IMAGES/manifesti_01.jpg','<i><b>Manifesti</i></b>. &nbsp; Click to see the <i>manifesti</i> for the 2009 installations in Venezia.',"#222222"); messages[4] = new Array('IMAGES/drawing.jpg','<i><b>Drawing</i></b> Interactions.',"#222222"); if (document.images) {var theImgs = new Array(); for (var i=0; i<messages.length; i++) {theImgs[i] = new Image();theImgs[i].src = messages[i][0];}} var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img height="' + imgHt + '" src="'; var midStr = '" border="0"></td></tr><tr><td valign="top">'; var endStr = '</td></tr></table>'; var tooltip, tipcss; function initTip() {if (nodyn) return;tooltip = (ns4)? document.tipDiv.document: (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;tipcss = (ns4)? document.tipDiv: tooltip.style;if (ie4||ie5||ns5) { // ns4 would lose all this on rewrites tipcss.width = tipWidth+"px";tipcss.fontFamily = tipFontFamily;tipcss.fontSize = tipFontSize; tipcss.color = tipFontColor;tipcss.backgroundColor = tipBgColor;tipcss.borderColor = tipBorderColor; tipcss.borderWidth = tipBorderWidth+"px";tipcss.padding = tipPadding+"px";tipcss.borderStyle = tipBorderStyle;} if (tooltip&&tipFollowMouse) {if (ns4) document.captureEvents(Event.MOUSEMOVE);document.onmousemove = trackMouse;}} window.onload = initTip; var t1,t2; // for setTimeouts var tipOn = false; // check if over tooltip link function doTooltip(evt,num) {if (!tooltip) return;if (t1) clearTimeout(t1);if (t2) clearTimeout(t2);tipOn = true; // set colors if included in messages array if (messages[num][2]) var curBgColor = messages[num][2]; else curBgColor = tipBgColor; if (messages[num][3]) var curFontColor = messages[num][3];else curFontColor = tipFontColor; if (ns4) {var tip = '<table bgcolor="' + tipBorderColor + '" width="' + tipWidth + '" cellspacing="0" cellpadding="' + tipBorderWidth + '" border="0"><tr><td><table bgcolor="' + curBgColor + '" width="100%" cellspacing="0" cellpadding="' + tipPadding + '" border="0"><tr><td>'+ startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr + '</td></tr></table></td></tr></table>';tooltip.write(tip); tooltip.close();} else if (ie4||ie5||ns5) { var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr; tipcss.backgroundColor = curBgColor;tooltip.innerHTML = tip;} if (!tipFollowMouse) positionTip(evt);else t1=setTimeout("tipcss.visibility='visible'",100);} var mouseX, mouseY; function trackMouse(evt) { mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft; mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop; if (tipOn) positionTip(evt);} function positionTip(evt) { if (!tipFollowMouse) {mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft; mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;} // tooltip width and height var tpWd = (ns4)? tooltip.width: (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth; var tpHt = (ns4)? tooltip.height: (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight; // document area in view (subtract scrollbar width for ns) var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft; var winHt = (ns4||ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop; // check mouse position against tip and window dimensions // and position the tooltip ... change tipcss.left was the formula: 240 + 0.5*(winWd-150-1.33*imgHt) but had trouble with Safari if ((mouseX)<500) tipcss.left = 240 + 0.5*(winWd-150-1.33*imgHt); else tipcss.left = 380; if ((mouseX)<500 && (document.body.scrollTop)>0) tipcss.top = 0.5*(document.body.scrollTop+winHt-imgHt) - 20; else tipcss.top = 0.5*(winHt-imgHt) - 20; if ((mouseX)>500) tipcss.top = mouseY-200; if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);} function hideTip() {if (!tooltip) return; t2=setTimeout("tipcss.visibility='hidden'",100); tipOn = false;} </SCRIPT> </BODY> </HTML>