// JavaScript Document
<!--
var allContents = new Array(32);
allContents[0] = '<blockquote><span class="DateTitle">click the button to view portfolio </span></blockquote>';

//yellow submarine
allContents[1] = '<br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Y e l l o w S u b m a r i n e </span><br><span class="MainText">Physical Computing : Interactive Installation <br></span><span class="SmallText">coorperative project with Jury Hahn <br />2006</p><blockquote><br /><br /><embed src="images/submarine.swf" width="400" height="300"></embed><br><br><span class="SmallText">This is a table on which six electronic circuits are reacting each other and making storyline. People can trigger this whole thing happen at the beginnig and watch until the counter on the table counts one and everything comes back to their original position.<br /><br />SENARIO : <br />1_submarine goes and lights up LEDs along its path. <br />2_when it reaches the shore the array of LEDs make waves. <br />3_the wave make sea creatures move(circular flip book animation)<br /> 4_motor that rotates the animation make the switch for counter on. <br />5_COUNTS!<br /><br></span> <a href="javascript::" onClick="ShowPopup(\'images/submarine_working.swf\',300,400);" >VIEW VIDEO</a><br>';

//redfineline
allContents[2] = '<br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Red Fine Line</span><br><span class="MainText">Web design and development for Red Fine Line, DJ roster and booking agency<br></span><span class="SmallText">2006</span></p><blockquote><p><br /><br /><br><br><img src="images/redfineline.jpg" width="427" height="310"><br><br><span class="SmallText"></p></blockquote></blockquote></blockquote><br><br><br>';

//dogs
allContents[3] = '<br><br><br><br><blockquote><blockquote><p><span class="DateTitle">DOGs</span><br><span class="MainText">Animation using Flash ActionScript<br></span><span class="SmallText">2006</span></p><blockquote><p><br /><br /><span class="SmallText">ROLL OVER MOUSE ON THE SCREEN</span><br /><br /><embed src="../itp/flash2/week1/dogs.swf" width="427" height="310"></embed><span class="SmallText"><br /><br /><br />Flash ActionScript2.0<br /><br /><br></span></p></blockquote></blockquote></blockquote><br><br><br><br>';

//##################################### computational media ##############################
//timescanned
allContents[4] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">TimeScanned<br></span><span class="MainText">360 degree Time Lapse Photograph <br></span><span class="SmallText">cooperative project with Leif Klinkle <br />2006</span></p><blockquote><p><br /><br /><span class="MainText">360 degree Panorama</span><span class="SmallText"> _45 minutes interval from left to right </span><br><img src="images/3bridges.jpg" width="475" height="47" /><br /><br /></span><img src="images/3astorplace.jpg" width="475" height="47" /><br><br /><br />Inital Test(detail) <br /><img src="images/2bus.jpg" width="475" height="214" /> <br /><br><span class="SmallText">Experimental photograghs with capturing only one small slit of the image from camera and adding it to the end of an image compiled in real-time using Processing. Therefore each pixel column represents different time and distorts our perception of time and space. This allowed us to create extremely long panoramic images composed of thousands of small &ldquo;slits&rdquo; of time.<br /><br />Processing, Motor Controlling System <br /></span><span class="MainText"><a href="../itp/icm/TimeScanned/index.htm" target="blank">GO TO THE PROJECT </a></span><span class="SmallText">(visit Gallery for more photographs)<br /><br /><br /></span><br /></p></blockquote></blockquote></blockquote><br>';

//melancoly death of the oyster boy
allContents[5] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">The Melancholy Death of the Oyster Boy</span><br><span class="MainText">Cell Phone Application : MOBILE BOOK <br></span><span class="SmallText">2006</span></p><blockquote><p><br />Phone Test : Small Version<br /><embed src="../itp/flash2/week6/phoneTest.avi" width="336" height="269" autostart="false"></embed><br><br><span class="SmallText">A lot more people would download cell phone application and the contents of the applications would vary in a couple of years. This is a idea that a short story book would be suitable for cell phone app. I used Tim Burton s story, &lt;the melancholy death of the oyster boy&gt;. </span><span class="SmallText"><br /><br />Flash Lite 2, ActionScript2.0, Nokia 6682 <br />WORKS ONLY ON NOKIA SMART PHONES<br /></span><span class="MainText"><br><a href="javascript::" onClick="ShowPopup(\'../itp/flash2/week6/OysterBoyFull.swf\',208,176);" > SEE FULL STORY DEMO</a></span><br><span class="SmallText">LIMITED FUNCTION(arrow keys) ARE AVAILABLE with LATEST FLASH PLAYER</span><br /><br><br><br /></p></blockquote></blockquote></blockquote><br><br><br><br><br>';

//picSearch
allContents[6] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">picSearch</span><br><span class="MainText">Cell Phone Application : Picture Search from WEB <br></span><span class="SmallText"><span class="SmallText">cooperative project with Jury Hahn<br>2006</span></p><blockquote><p><br /><br /><img src="images/picSearch1.jpg" width="176" height="207" /> <img src="images/picSearch2.jpg" width="176" height="207" /><br /><br /><img src="images/picSearch3.jpg" width="176" height="207" /> <img src="images/picSearch4.jpg" width="176" height="207" /><br><br><span class="SmallText">People would want to have their pictures from web and have it on their phone</span><span class="SmallText">. This application is searching pictures with particular tag and loading them. <br /><br />Flash Lite 2, ActionScript2.0, PHP, Nokia 6682 <br />WORKS ONLY ON NOKIA SMART PHONES<br /></span><span class="MainText"><a href="javascript::" onClick="ShowPopup(\'../itp/flash2/flashLite/picSearch.swf\',208,176);">DEMO</a><br /><br></span><br></p></blockquote></blockquote></blockquote>';

//############################### Sculpture ###########################
//Interasction 
allContents[7] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Intersection<br></span><span class="MainText"> concept drawing</span><br /><span class="SmallText">2002</span><br /><br /></p><blockquote><br /><br /><img src="images/2002intersection_jpg.jpg" width="468" height="334" /><br /><br><span class="SmallText"><br />I am interested in things happening at the same moment, being included A and B at the same time.<br />When two or more stories are going on at a same place, or when multiple concepts are at a same point, <br />it gives me other perspectives.<br /></span></blockquote></blockquote></blockquote><br><br><br><br><br><br>';

//missing link : deer-human-dog
allContents[8] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Missing Link: Deer-Human-Dog<br></span><span class="MainText">Sculpture</span><br /><span class="SmallText">2003</span><br /><br /></p><blockquote><br><br /><img src="images/2003missinglink_jpg.jpg" width="468" height="300" /><br /><br><span class="SmallText"><br />Intermediate skeleton figures between human, dog and deer<br /><br>clay, mixed media<br />160.115.35 cm<br /></span></blockquote></blockquote></blockquote><br><br><br><br><br><br>';

//missing link : heels
allContents[9] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Missing Link: HEELS<br></span><span class="MainText">Installation</span><br /><span class="SmallText">2003</span><br /><br /></p><blockquote><br><br /><img src="images/2003missinglinkheels_jpg.jpg" width="468" height="334" /><br /><br><span class="SmallText"><br />Intermediate images between heel of a shoe and that of pigs<br /><br>drawing on paper<br />170.130.16 cm<br /></span></blockquote></blockquote></blockquote><br><br><br><br>';

//missing link drawing board
allContents[10] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Missing Link: drawing board<br></span><span class="MainText">Installation</span><br /><span class="SmallText">2003</span><br /><br /></p><blockquote><br><br /><img src="images/2003myboard_jpg.jpg" width="468" height="334" /><br /><br><span class="SmallText"><br />Images that are transformed and altered from biology books<br /><br>papaers, mixed media<br />180.20.95 cm<br /></span></blockquote></blockquote></blockquote><br><br><br><br>';

//missing link drawing board detail
allContents[11] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Missing Link: drawing board<br></span><span class="MainText">DETAIL</span><br /><span class="SmallText">2003</span><br /><br /></p><blockquote><br><br /><img src="images/2003myboarddetail_jpg.jpg" width="400" height="334" /><br /><br><span class="SmallText"><br /><br><br /><br><br /><br><br /></span></blockquote></blockquote></blockquote><br><br><br><br><br>';

//crossing performance
allContents[12] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Crossing Performance<br></span><span class="MainText">Performance</span><br /><span class="SmallText">2005</span><br /><br /></p><blockquote><br><br /><embed src="CrossingPerformance.swf" width="468" height="334"></embed><br /><br><span class="SmallText"><br />12 performers with color clothing and hat are tradign their hats crossing the street. After six times of crossing, those who have the same color suit and hat will be standing at the same spot.<br /><br />LOCATION: Seochodong, Seochogu, Seoul, Korea<br />PERFORMANCE: Haeri Hong, Hyunkyung Nam, Yeonjae Jung, Jungwoo Lee, Jihae Choi, Minju Park, Kyungmin Kwon, Ari Song, Juhee Kim, Minjung Kang, Eunjung Gu, Yunjung Seo<br>PHOTOGRAPH: Jinhee Park, Jonggeon Lee, Kyungwoo Hahn <br>CAMERA: Jadie Oh, Jinhee Park, Hoyeon Kang<br><br></span><span class="MainText"><a href="javascript::" onClick="ShowPopup(\'CrossingPerformance.mov\',255,320);" autostart="false">VIEW VIDEO</a></span></blockquote></blockquote></blockquote><br>'; 

//fat/slim, standing/sitting
allContents[13] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Fat or Slim, Standing or Sitting<br></span><span class="MainText">Installation</span><br /><span class="SmallText">2003</span><br /><br /></p><blockquote><br><br /><img src="images/2003divisionpeople_jpg.jpg" width="468" height="300" /><br /><br><span class="SmallText"><br />50 human figures that are classified by their looks and position. The two standards make more complex group of people: <br>group FAT, group SLIM, group STANDING, group SITTING, <br>group FAT AND SITTING, group FAT AND STANDING, group SLIM AND SITTING, group SLIM AND STANDING<br/><br>mixed media<br /> 210.180.55 cm<br /></span></blockquote></blockquote></blockquote><br><br><br><br>';

//detail
allContents[14] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Fat or Slim, Standing or Sitting<br></span><span class="MainText">DETAIL</span><br /><span class="SmallText">2003</span><br /><br /></p><blockquote><br><br /><img src="images/2003divisionpeopledetail_jpg.jpg" width="468" height="300" /><br /><br><span class="SmallText"><br /></span></blockquote></blockquote></blockquote><br><br><br><br><br><br><br>';

//division drawing
allContents[15] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">DIVISION<br></span><span class="MainText">Concept drawing</span><br /><span class="SmallText">2003</span><br /><br /></p><blockquote><br><br /><img src="images/2003divisionsdrawing_jpg.jpg" width="468" height="300" /><br /><br><span class="SmallText"><br />Square divided by two diagonals generating nine categories<br/><br /><br /></span></blockquote></blockquote></blockquote><br><br><br><br><br>';

//red/olivegreen, purple/yellowgreen
allContents[16] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Red or Olivegreen, Purple or Yellowgreen<br></span><span class="MainText">Sculpture</span><br /><span class="SmallText">2003</span><br /><br /></p><blockquote><br><br /><img src="images/2003divisioncolor_jpg.jpg" width="468" height="300" /><br /><br><span class="SmallText"><br />Square divided by two diagonals generating nine categories. It looks different from different perspective<br/><br>color clay ball<br /> 210.180.55 cm<br /></span></blockquote></blockquote></blockquote><br><br><br><br>';

//degail
allContents[17] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Red or Olivegreen, Purple or Yellowgreen<br></span><span class="MainText">DETAIL</span><br /><span class="SmallText">2003</span><br /><br /></p><blockquote><br><br /><img src="images/2003divisionsdetail_jpg.jpg" width="410" height="300" /><br /><br><span class="SmallText"><br /></span></blockquote></blockquote></blockquote><br><br><br><br><br><br>';

//handswriting
allContents[18] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">HandsWriting<br></span><span class="MainText">Performance</span><br /><span class="SmallText">2004</span><br /><br /></p><blockquote><br><br /><embed src="handswriting.mov" width="300" height="240" autostart="false"></embed><br /><br><span class="SmallText"><br />Writing with two hands simultaniously, both sides mirroring each other. This is a extension of my work that has been expressing my interest in coexistence and simultaneity. However, it is still on the way to complete.<br /></span></blockquote></blockquote></blockquote><br><br><br><br><br>';

//handswritng sample
allContents[19] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">HandsWriting<br></span><span class="MainText">Writing Sample</span><br /><span class="SmallText">2004</span><br /><br /></p><blockquote><br><br /><img src="images/2004handswriting_detail_jpg.jpg" width="468" height="300" /></blockquote></blockquote></blockquote><br><br><br><br><br>';

//how can i forget you
allContents[20] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">How Can I Forget You<br></span><span class="MainText">Video Performance<br></span><span class="SmallText">Cooperative Project with Jerome Symons(Netherlands) <br />2004<br /><br /></p><blockquote><br><br /><embed src="hcifu.swf" width="460" height="360" /><br><br><br><span class="SmallText">2005 </span><span class="MainText"><a href="http://www.simulasyon.net/obsession/index.htm" target="blank">\'OBSESSION\'<a></span><span class="SmallText">, International Video Art Festival, Turkey</span></blockquote></blockquote></blockquote>';

//come on
allContents[21] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Come On<br></span><span class="MainText">Sculpture</span><br /><span class="SmallText">2003</span></p><blockquote><br><br /><img src="images/2003comeon_jpg.jpg" width="310" height="420" /><br /><br><span class="SmallText">Two iron plates cut as shapes of a dog and a man making electronical circuits and lighting up a bulb on the dog\'s leash. The voltage that are running through this sculpture is 220.<br /><br>iron, light bulb, electricity<br>130.70.160 cm<br /></span></blockquote></blockquote></blockquote><br>';

//come on miniature
allContents[22] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Come On<br></span><span class="MainText">Wire Sculpture</span><br /><span class="SmallText">2002</span><br /><br /></p><blockquote><br><br /><img src="images/wire.gif" width="460" height="310" /><br /><br><span class="SmallText"><br />A initial idea for the previous sculpture. Two electronic cords make shapes completing a circuit.<br>This idea influenced upon <span class="MainText"><a href="javascript::" onClick="ShowPopup(\'images/092905twoboards.JPG\',300,451);" > circuitry wire sculptures </a></span>that I do now at ITP.<br><br />electronic cord, small light bulb, battery<br />32.20 cm<br /></span></blockquote></blockquote></blockquote><br><br><br><br><br>';

//being in other's shoes
allContents[23] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Being In Other\'s Shoes<br></span><span class="MainText">Idea drawing and object</span><br /><span class="SmallText">2003</span><br /><br /></p><blockquote><br><br /><img src="images/2003beinginothersshoes_jpg.jpg" width="468" height="300" /><br /><br><span class="SmallText"><br />a pair of shoes that are leaving dog\'s footprint in the opposite direction to the person\'s path. <br><span class="MainText"><a href="javascript::" onClick="ShowPopup(\'images/2003othersshoes_detail_jpg.jpg\',305,460);" >VIEW DRAWING</span></a><br><br />drawing, shoes<br />60.135 cm<br /></span></blockquote></blockquote></blockquote><br><br><br><br><br>';

//fisherman and fish
allContents[24] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Fisherman and Fish<br></span><span class="MainText">Sculpture</span><br /><span class="SmallText">2002</span><br /><br /></p><blockquote><br><br /><img src="images/2002fishermannfish_jpg.jpg" width="468" height="300" /><br /><br><span class="SmallText"><br />A frame with two small holes through which audience can see a little animations. Animation on the left is a fisherman pulling his fishing rod, and that on the right side is a fish pulling the string. Circular flipbook animating devices are attached on both side</span><span class="MainText"> <a href="javascript::" onClick="ShowPopup(\'images/2002fishermannfish_back_jpg.jpg\',286,460);" > AT THE BACK.</a><br><br /></span><span class="SmallText">a frame, motor, animation<br /> 90.22.50 cm<br /></span></blockquote></blockquote></blockquote><br><br><br><br><br><br>';

//#############################################################################
//fish the legs
allContents[25] = '<br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Fish The Legs!<br></span><span class="MainText">Toy Design</span><br /><span class="SmallText">2006</span><br /><br /></p><blockquote><br><br /><img src="../itp/toydesign/final/gog.jpg" width="100" height="135" /> <img src="../itp/toydesign/final/dogpart.jpg" width="100" height="135" /> <img src="../itp/toydesign/final/fishing.jpg" width="100" height="135" /><br><embed src="../itp/toydesign/final/FishTheLegs_web.mov" width="320" height="245" autostart="false"></embed><br><span class="SmallText"><br />Fishing toy with a dog without legs that is connected to a reel that brings it up to the pulley on the ceiling. Pulley is moving side ways with motor. See the user test video to see how it works.</span><br><br /></span><span class="SmallText">Kid Test on 04.26.2006<br>Thanks to Ben, Yonatan, Yuli, Sam and Ben Brown. <br><br>a pulley, motor, reel and wooden toy<br /><a href="../itp/toydesign/final" target="blank">GO TO PROJECT</a><br /></span></blockquote></blockquote></blockquote><br><br><br><br><br><br>';

//10 days
allContents[26] = '<br><br><br><br><blockquote><blockquote><p><span class="DateTitle">10 Days Project<br></span><span class="MainText">Web site design for art project : 10 Days Project by Heejung Cho and Isabela G</span><br><span class="SmallText">2006</span><br /><br /></p><blockquote><br><br /><a href="http://www.heejungcho.com/img/17_10days" target="blank"><img src="images/10days.jpg" width="468" height="300" /></a><br /><br><br><br /><span class="SmallText">10 Days Project is an art project by Heejung Cho and Isabela G about the process of data translaton : <br>Local newspaper >> reading >> storytelling >> drawing >> writing. I have made the website based on the interaction between each stage to another. <br /></span><a href="http://www.heejungcho.com/img/17_10days" target="blank">GO TO WEBSITE</a></span></blockquote></blockquote></blockquote>';

//Imaginary Sketchbook
allContents[27] = '<br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Imaginary Sketchbook<br></span><span class="MainText">Interactive installation for performance</span><br><span class="SmallText">2006</span><br /><br /></p><blockquote><br><br /><img src="images/sketchbook.jpg" width="350" height="336" /><br /><br><span class="SmallText"><br />A screenbased interactive installation for performance using video tracking. There is a sketchbook where a performer can draw and a screen where imaginary images based on the drawing would come out. </span><br><br /></span><span class="SmallText"><br /></span></blockquote></blockquote></blockquote><br><br><br><br><br><br>';

//KBS
allContents[28] = '<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><blockquote><blockquote><p><span class="DateTitle">KBS Drama Awards Trophy<br></span><span class="MainText">Trophy design for Korean Broadcasting System Drama Awards</span><br><span class="SmallText">2004</span><br /><br /></p><blockquote><br><br /><img src="images/kbs.jpg" /><br /><br><br><br /></span><span class="SmallText"><br /></span></blockquote></blockquote></blockquote>';

//freeFormed
allContents[29] = '<br><br><br><br><blockquote><blockquote><p><span class="DateTitle">freeFormed.org<br></span><span class="MainText">Mobile Application and Web Development</span><br /><span class="SmallText">in collaboration with Catherine Colman, Nanna Halinen, Megan MacMurray, Yonatan Kelib <br>2006</span><br /><br /></p><blockquote><br><br /><a href="http://www.freeformed.org" target="blank"><img src="images/free4md.jpg" width="420" height="336" /></a><br /><br><span class="SmallText"><br />On-line platform that enables people upload and store media files from their mobile phones and create a communal space to communicate. This project is intended to encourage conversations through media. <br /><br />freeFromed.org will be launched soon. <br /><br />presented at Young Investigator Forum, Culture Technology, KAIST, Daejon, South Korea<br>‘The need for and creation of freeFormed.org’<br>2006. 10. 29 - 31<br><br>presented at Identity and Identification in a Networked World, : Multidisciplinary Graduate Student Symposium <br>School of Law, New York University<br>‘The creation of freeFormed.org’<br>2006. 9. 30</span><br><br /><a href="http://www.freeFormed.org" target="blank">GO TO freeFormed.org</a><br /></span></blockquote></blockquote></blockquote>';

//freeFormed Witness Video Hub
allContents[30] = '<br><br><br><br><blockquote><blockquote><p><span class="DateTitle">Witness Human Rights Video Hub Pilot : Mobile Application<br></span><span class="MainText">Mobile Application and Web Development</span><br /><span class="SmallText">freeFormed in collaboration with WITNESS.ORG<br>2006</span><br /><br /></p><blockquote><br><br /><a href="http://www.freeformed.org/witness.php" target="blank"><img src="images/witness.jpg" width="420" height="336" /></a><br /><br><span class="SmallText"><br /> The Human Rights Video Hub Pilot is a first step towards a larger endeavor that WITNESS is currently undertaking: the development of a Human Rights Video Hub. This Hub will be a place where anyone anywhere can upload human rights related footage video from handheld devices or laptops, to create communities and proposed calls to action around the abuses they witness. <br />freeFromed.org group built a mobile application for mobile posting to the site and their administration pages.</span><br><br><a href="http://www.freeFormed.org/witness" target="blank">GO TO PROJECT</a><br /></span></blockquote></blockquote></blockquote>';

//freeFormed Nav
allContents[31] = '<br><br><br><br><blockquote><blockquote><p><span class="DateTitle">freeFormed Nav<br></span><span class="MainText">Web Development and Data Visualization</span><br /><span class="SmallText">2006</span><br /><br /></p><blockquote><br><br /><img src="images/nav.jpg" width="420" height="300" /><br /><br><span class="SmallText"><br />freeFormed Nav is a navigation tool for freeFormed.org site. This allows user to navigate the site based on the relationships of the users of freeFormed visualizing the user\'s path and the relationships in the site. </span><br><br><a href="javascript::" onClick="ShowPopup(\'http://itp.nyu.edu/~jmo297/itp/maininfo/demo2.swf\', 1000, 600);" >Proof of concept. DEMO</a><br /></span></blockquote></blockquote></blockquote>';


var myPopupWindow = null;
function ShowPopup(url,h,w)
{ myPopupWindow = window.open(url,"myPopupWindow",
   "toolbar=no,status=no,menubar=no,location=no,scrollbars=no,height="+h+",width="+w);
}

function showP(n){
	document.getElementById("portfolio").innerHTML = allContents[showImage]; 
}

function mmLoadMenus() {
  if (window.mm_menu_0108180253_0) return;
  window.mm_menu_0108180253_0 = new Menu("root",99,18,"Verdana, Arial, Helvetica, sans-serif",12,"#666666","#999999","#CCCCCC","#FFFFFF","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
  mm_menu_0108180253_0.addMenuItem("2006Spring","window.open('../itp/2006Spring.htm', '_self');");
  mm_menu_0108180253_0.addMenuItem("2005Fall","window.open('../itp/2005Fall.htm', '_self');");
   mm_menu_0108180253_0.hideOnMouseOut=true;
   mm_menu_0108180253_0.bgColor='#555555';
   mm_menu_0108180253_0.menuBorder=0;
   mm_menu_0108180253_0.menuLiteBgColor='#FFFFFF';
   mm_menu_0108180253_0.menuBorderBgColor='#777777';

  window.mm_menu_0109121131_0 = new Menu("root",99,18,"Verdana, Arial, Helvetica, sans-serif",12,"#666666","#999999","#CCCCCC","#FFFFFF","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
  mm_menu_0109121131_0.addMenuItem("2006Spring","window.open('../itp/2006Spring.htm', '_parent');");
  mm_menu_0109121131_0.addMenuItem("2005Fall","window.open('../itp/2005Fall.htm', '_parent');");
   mm_menu_0109121131_0.hideOnMouseOut=true;
   mm_menu_0109121131_0.bgColor='#555555';
   mm_menu_0109121131_0.menuBorder=0;
   mm_menu_0109121131_0.menuLiteBgColor='#FFFFFF';
   mm_menu_0109121131_0.menuBorderBgColor='#777777';

mm_menu_0109121131_0.writeMenus();
} // mmLoadMenus()

var showImage;
//-->