preloads = new Array();
preloads[0] = new Image(); preloads[0].src = "images/roller.gif";
preloads[1] = new Image(); preloads[1].src = "images/enter.jpg";
preloads[2] = new Image(); preloads[2].src = "images/forest.jpg";
preloads[3] = new Image(); preloads[3].src = "images/sky.jpg";

var initDone = false;

inst_img_src = new Array();
inst_img_src[0] = "images/2009";
inst_img_src[1] = "images/stickandx";
inst_img_src[2] = "images/squareinsky";
inst_img_src[3] = "images/h01";
inst_img_src[4] = "images/pen01";
inst_img_src[5] = "images/yellow";
inst_img_src[6] = "images/japan";
inst_img_src[7] = "images/spotlight";
inst_img_src[8] = "images/mystudio";
inst_img_src[9] = "images/skysky";
inst_img_src[10] = "images/marbleandbrick";
inst_img_src[11] = "images/exit";
inst_img_src[12] = "images/2008";
inst_img_src[13] = "images/earth";
inst_img_src[14] = "images/standingoriginal";
inst_img_src[15] = "images/lookingdetail01";
inst_img_src[16] = "images/shadowwhole";
inst_img_src[17] = "images/book000";
inst_img_src[18] = "images/square01";
inst_img_src[19] = "images/flashlightoriginallight";
inst_img_src[20] = "images/triangle01";
inst_img_src[21] = "images/bluesquea";
inst_img_src[22] = "images/reversedbox01";
inst_img_src[23] = "images/2007";
inst_img_src[24] = "images/inshadow";
inst_img_src[25] = "images/decor";
inst_img_src[26] = "images/halfpast4";
inst_img_src[27] = "images/tennisball";
inst_img_src[28] = "images/2006";
inst_img_src[29] = "images/crack 01";
inst_img_src[30] = "images/shuttle01";
inst_img_src[31] = "images/gate";
inst_img_src[32] = "images/open";
inst_img_src[33] = "images/2005";
inst_img_src[34] = "images/ball";
inst_img_src[35] = "images/wool01";
inst_img_src[36] = "images/wallwall";
inst_img_src[37] = "images/2004";
inst_img_src[38] = "images/unlighting-in the room";
inst_img_src[39] = "images/pyramid";
inst_img_src[40] = "images/box";
inst_img_src[41] = "images/sun";
inst_img_src[42] = "images/cranes";
inst_img_src[43] = "images/2003";
inst_img_src[44] = "images/escalator";
inst_img_info = new Array();
inst_img_info[0] = "works 2009 -";
inst_img_info[1] = "<i>- stick and x -</i> <br> 2009<br>2min.15sec.loop";
inst_img_info[2] = "<i>- square in sky -</i> <br> 2009<br>video, 23min.46sec.loop";
inst_img_info[3] = "<i>- H -</i> <br> 2009<br>tram stop sign, metal pipe, wood cover, window";
inst_img_info[4] = "<i>- pen -</i> <br> 2009<br>pen,flash light";
inst_img_info[5] = "<i>- space between<br> yellow and blue -</i> <br> 2009<br>video installation, 2min.46sec.";
inst_img_info[6] = "<i>- exercise ball -</i><br>2009<br>70x105cm, photo, inkjet print on cloth";
inst_img_info[7] = "<i>- spotlight -</i> <br> 2009 <br>1355x916cm, light box photo, inkjet print";
inst_img_info[8] = "<i>- ceiling in my studio -</i><br>2009<br> 130x130cm, photo, inkjet print";
inst_img_info[9] = "<i>- sky -</i> <br> 2009 <br>70x105cm, photo, inkjet print";
inst_img_info[10] = "<i>- marble and brick -</i> <br> 2009 <br>135x96cm, photo, inkjet print";
inst_img_info[11] = "<i>- exit in my studio -</i> <br> 2009<br>video, 1min.30sec.";
inst_img_info[12] = "works 2008 -";
inst_img_info[13] = "<i>- earthquake Magnitude 7.0 -</i> <br> 2008<br>video, 2min.33sec.";
inst_img_info[14] = "<i>- standing position <br> in my studio -</i> <br> 2008 <br> glass,30x50x0.3cm";
inst_img_info[15] = "<i>- looking through <br>Edith's office -</i> <br> 2008 <br> door scope, mirror 90x60cm";
inst_img_info[16] = "<i>- in shadow -</i> <br> 2008 <br>graphite, lamp";
inst_img_info[17] = "<i>- space between <br>black and white -<i><br> 2008 <br> 15x9x7.5cm <br> flip book, inkjet print";
inst_img_info[18] = "<i>- square -<i><br> 2008 <br> 20x14.5cm <br><i>- circle -<i><br> 2008 <br> 20x14.5cm <br> inkjet print";
inst_img_info[19] = "<i>- flash light -</i><br> 2008 <br> flash light";
inst_img_info[20] = "<i>- a triangle -</i><br> 2008 <br> photo(100mmx100mm) <br>photo installation <br> polaroid film";
inst_img_info[21] = "<i>- blue square -</i><br> 2008 <br> tripod <br>mirror(5x5cm)";
inst_img_info[22] = "<i>- the Basketball  in the center of the space -</i><br>2008 <br>7.5x8x5cm <br> basketball, inkjet print photo";
inst_img_info[23] = "works 2007 -";
inst_img_info[24] = "<i>- in shadow - </i> <br> 2007 <br>  graphite";
inst_img_info[25] = "<i>- decor -</i> <br> 2007 <br>  grope exhibition<br>masking tape<br>Ilse van der Laan, Rumiko Hagiwara, Ive Leemans, Babette Kleijn, Aya Lafillette, Ieke Trinks";
inst_img_info[26] = "<i>- half past 4 -</i> <br> 2007<br> silver sticker<br>collaboration with<br> Susanne Bruynzeel";
inst_img_info[27] = "<i>- tennisball -</i><br> 2007 <br> photo(10cmx7.5cm) <br> tennisball";
inst_img_info[28] = "works 2006 -";
inst_img_info[29] = "<i>- one line of them -</i> <br> 2006 <br> toothpick";
inst_img_info[30] = "<i>- shuttle -</i> <br> 2006 <br> shuttle";
inst_img_info[31] = "<i>- gate -</i> <br> 2006 <br> transparent tape";
inst_img_info[32] = "<i>- closed -</i> <br> 2006 <br> steel, orange net";
inst_img_info[33] = "works 2005 -";
inst_img_info[34] = "<i>- ball -</i> <br> 2005<br>video installation, 23min.46sec.loop";
inst_img_info[35] = "<i>- one piece of wool -</i> <br> 2005 <br> wool";
inst_img_info[36] = "<i>- wall -</i> <br> 2005 <br> white paper";
inst_img_info[37] = "works 2004 -";
inst_img_info[38] = "<i>- unlighting -</i><br>2004<br>5 digital print";
inst_img_info[39] = "<i>- pyramid -<i><br> 2004 <br> 50x50cm <br> toy bullet";
inst_img_info[40] = "<i>- box -</i> <br>2004 <br> 3x3cm <br> paper";
inst_img_info[41] = "<i>- black points -</i> <br> 2004 <br> 8.5x1cm <br> 10 instant films";
inst_img_info[42] = "<i>- one thousand paper cranes -</i> <br> 2004 <br> 7x7x7cm <br> ash, water, acrylic";
inst_img_info[43] = "works 2003 -";
inst_img_info[44] = "<i>- escalator -</i> <br> 2003<br>video, 5min.57sec.";


inst_img = new Array();
inst_img_b = new Array();

for (i_ind = 0; i_ind < inst_img_src.length; ++i_ind) {
    inst_img[i_ind] = new Image();
    inst_img[i_ind].src = inst_img_src[i_ind] + '.jpg';
    inst_img_b[i_ind] = new Image();
    inst_img_b[i_ind].src = inst_img_src[i_ind] + '_b.jpg';
}

window.resizeTo(1024, 768);
window.onbeforeunload = function(event) { return("Please use the links provided by the Rumiko site in order navigate on it."); };
setTimeout("initFadeIn();", 13000);


function opacity(id, opacStart, opacEnd, millisec) {
    // speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    // determine the direction for the blending, 
    // if start and end are the same nothing happens
    if (opacStart > opacEnd) {
        for (i = opacStart; i >= opacEnd; i-=2) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } 
    else {
        for (i = opacStart; i <= opacEnd; i+=2) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}


// change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function switchScreen(from, to) {
    var durat = 1000;
    opacity(from, 100, 0, durat);
    changeOpac(0, to);
    setTimeout("document.getElementById('"+from+"').style.display='none'", durat);
    setTimeout("document.getElementById('"+to+"').style.display=''", durat);
    setTimeout("opacity('"+to+"', 0, 100, "+durat+")", durat);
}


function initFadeIn() {
    if (!initDone) {
        changeOpac(0, 'roller'); 
        opacity('enterimage', 0, 100, 2000);
    }
    initDone = true;
}


function createInstallations() {
    var img_i;
    for (img_i = 0; img_i < inst_img_src.length; ++img_i) {
       cell = $('inst_images').insertCell(-1); 
       cell.innerHTML = ' <img src="' + inst_img_src[img_i] + '.jpg" onclick="changeImage('+ img_i +');" onmouseover="this.style.cursor=\'pointer\'"> '; 
    }
}


function changeImage(ind) {
    var durat = 1000;
    opacity('inst_img', 100, 0, durat);
    setTimeout('$("inst_info").innerHTML = "";', 10); 
    setTimeout('$("inst_img").src = inst_img_src['+ind+'] + "_b.jpg";', durat); 
    setTimeout('opacity("inst_img", 0, 100, '+durat+');', durat+1500); 
    setTimeout('$("inst_info").innerHTML = inst_img_info['+ind+'];', 2*durat+1200); 
    $("inst_img").onclick = function onclick(event) { switchScreen('installations', inst_img_src[ind]); };
}