// This is the javascript function for changing the colour of the dots function blink(id, dot, act, cat) { if(cat == 'furniture') var dotcolor = 'g'; else if(cat == 'tech') var dotcolor = 'b'; // building arrays with all the dot id's for every navigation point, // needed to make all blink in case the mouse is over the text and not a single point var navf = new Array(); navf[0] = new Array('furniture0_0', 'furniture0_1', 'furniture0_2', 'furniture0_3', 'furniture0_4', 'furniture0_5', 'furniture0_6', 'furniture0_7', 'furniture0_8', 'furniture0_9', 'furniture0_10', 'furniture0_11', 'furniture0_12', 'furniture0_13', 'furniture0_14', 'furniture0_15', 'furniture0_16', 'furniture0_17', 'furniture0_18'); navf[1] = new Array('furniture1_0', 'furniture1_1', 'furniture1_2', 'furniture1_3', 'furniture1_4', 'furniture1_5', 'furniture1_6', 'furniture1_7', 'furniture1_8'); navf[2] = new Array('furniture2_0', 'furniture2_1'); navf[3] = new Array('furniture3_0', 'furniture3_1', 'furniture3_2'); navf[4] = new Array('furniture4_0', 'furniture4_1'); navf[5] = new Array('furniture5_0', 'furniture5_1', 'furniture5_2', 'furniture5_3', 'furniture5_4', 'furniture5_5'); navf[6] = new Array('furniture6_0', 'furniture6_1', 'furniture6_2'); navf[7] = new Array('furniture7_0', 'furniture7_1', 'furniture7_2'); navf[8] = new Array('furniture8_0', 'furniture8_1'); navf[9] = new Array('furniture9_0', 'furniture9_1'); navf[10] = new Array('furniture10_0', 'furniture10_1', 'furniture10_2'); navf[11] = new Array('furniture11_0'); var navt = new Array(); navt[0] = new Array('tech0_0', 'tech0_1', 'tech0_2', 'tech0_3', 'tech0_4', 'tech0_5', 'tech0_6'); navt[1] = new Array('tech1_0', 'tech1_1', 'tech1_2'); navt[2] = new Array('tech2_0', 'tech2_1', 'tech2_2', 'tech2_3', 'tech2_4', 'tech2_5', 'tech2_6'); navt[3] = new Array('tech3_0', 'tech3_1', 'tech3_2', 'tech3_3'); navt[4] = new Array('tech4_0', 'tech4_1', 'tech4_2', 'tech4_3'); navt[5] = new Array('tech5_0', 'tech5_1', 'tech5_2', 'tech5_3'); navt[6] = new Array('tech6_0', 'tech6_1', 'tech6_2', 'tech6_3', 'tech6_4', 'tech6_5', 'tech6_6', 'tech6_7', 'tech6_8'); navt[7] = new Array('tech7_0', 'tech7_1', 'tech7_2', 'tech7_3'); navt[8] = new Array('tech8_0', 'tech8_1', 'tech8_2'); navt[9] = new Array('tech9_0'); // picture URL for mouse over and out if(act == 'on') var picurl = 'images/dot_'+dotcolor+'_act.gif' else if(act == 'off') var picurl = 'images/dot_'+dotcolor+'.png' if(cat == 'furniture') var nav = navf; else if(cat == 'tech') var nav = navt; // changing all points for a navigation point if(dot == 'all') { for(var i=0; i< nav[id].length-1; i++) { if(document.getElementById(nav[id][i]).alt != 'act') document.getElementById(nav[id][i]).src = picurl; } } // changing a single point, if visitor hasn't already visited this point // the alt tag of the dot-images are used to write in there if a point was clicked already else { if(document.getElementById(cat+id+'_'+dot).alt != 'act') document.getElementById(cat+id+'_'+dot).src = picurl; } } function goto(box, ownid, speed, startpos, dotcolor) { var actualpos = document.getElementById('scroller').scrollLeft; if(startpos == '') { startpos = actualpos; } if(speed == '') { speed = 0; } setTimeout("scroll('"+box+"', "+speed+", "+startpos+", '"+ownid+"', '"+dotcolor+"')", 10); document.getElementById(ownid).src = 'images/dot_'+dotcolor+'_visited.png'; document.getElementById(ownid).alt = 'act'; } function scroll(box, speed, startpos, ownid, dotcolor) { var pos = document.getElementById(box).offsetLeft; var distance = pos-startpos; var actualpos = document.getElementById('scroller').scrollLeft; if((distance >= 0 && (distance/2) >= (actualpos-startpos)) || (distance <= 0 && (distance/2) <= (actualpos-startpos))) { speed = speed+(distance/100); } else { speed = speed-(distance/100); } var newpos = actualpos+speed; var posleft = document.getElementById('scroller').scrollLeft; if(pos > actualpos && speed > 0 && distance > 0) { document.getElementById('scroller').scrollLeft = newpos; goto(box, ownid, speed, startpos, dotcolor); } else if(pos < actualpos && speed < 0 && distance < 0) { document.getElementById('scroller').scrollLeft = newpos; goto(box, ownid, speed, startpos, dotcolor); } else if (speed <= 0 || posleft >= pos) { document.getElementById('scroller').scrollLeft = pos; } } function preloadpics() { document.preload = new Array(); preloadpics.arguments = new Array('images/projects/hubeza_00.jpg', 'images/projects/hubeza_01.jpg', 'images/projects/hubeza_02.jpg', 'images/projects/hubeza_03.jpg', 'images/projects/hubeza_04.jpg', 'images/projects/hubeza_06.jpg', 'images/projects/hubeza_07.jpg', 'images/projects/hubeza_08.jpg', 'images/projects/hubeza_09.jpg', 'images/projects/hubeza_09b.jpg', 'images/projects/hubeza_10.jpg', 'images/projects/hubeza_11.jpg', 'images/projects/hubeza_11b.jpg', 'images/projects/hubeza_12.jpg', 'images/projects/hubeza_13.jpg', 'images/projects/hubeza_14.jpg', 'images/projects/hubeza_15.jpg', 'images/projects/hubeza_18.jpg', 'images/projects/ironic-chair_01.jpg', 'images/projects/ironic-chair_02.jpg', 'images/projects/ironic-chair_03.jpg', 'images/projects/ironic-chair_04.jpg', 'images/projects/ironic-chair_05.jpg', 'images/projects/ironic-chair_06.jpg', 'images/projects/ironic-chair_07.jpg', 'images/projects/ironic-chair_08.jpg', 'images/projects/angel_01.jpg', 'images/projects/combinacomplet_01.jpg', 'images/projects/combinacomplet_02.jpg', 'images/projects/concept_shoes_series_01.jpg', 'images/projects/official-channels_01.jpg', 'images/projects/official-channels_02.jpg', 'images/projects/official-channels_04.jpg', 'images/projects/official-channels_03.jpg', 'images/projects/official-channels_03b.jpg', 'images/projects/scissors_01.jpg', 'images/projects/scissors_02.jpg', 'images/projects/umbrellight_01.jpg', 'images/projects/umbrellight_02.jpg', 'images/projects/12341343810.jpg', 'images/projects/12341344890.jpg', 'images/projects/12765396371.jpg', 'images/projects/12765396370.jpg', 'images/projects/12332228721.jpg', 'images/projects/12332228183.jpg', 'images/projects/12332228182.jpg', 'images/projects/12332228181.jpg', 'images/projects/12332228180.jpg', 'images/projects/12332235340.jpg', 'images/projects/12332400761.jpg', 'images/projects/12332400760.jpg', 'images/projects/12331509872.jpg', 'images/projects/12331508640.jpg', 'images/projects/12331509871.jpg', 'images/projects/12331509870.jpg', 'images/projects/12331508641.jpg', 'images/projects/12330707750.jpg', 'images/projects/12331511280.jpg', 'images/projects/12331511281.jpg', 'images/projects/12331511282.jpg', 'images/projects/12331513400.jpg', 'images/projects/12331513401.jpg', 'images/projects/12331513402.jpg', 'images/projects/12332385711.jpg', 'images/projects/12332385710.jpg', 'images/projects/12332385712.jpg', 'images/projects/12332392480.jpg', 'images/projects/12332392081.jpg', 'images/projects/12332391500.jpg', 'images/projects/12332389083.jpg', 'images/projects/12332392481.jpg', 'images/projects/12332392870.jpg', 'images/projects/12332392871.jpg', 'images/projects/12332392872.jpg', 'images/projects/12332394760.jpg', 'images/projects/12332394761.jpg', 'images/projects/12332394762.jpg', 'images/projects/12332398570.jpg', 'images/projects/12332398571.jpg'); if(document.images) { for(var i = 0; i < preloadpics.arguments.length; i++) { document.preload[i] = new Image(); document.preload[i].src = preloadpics.arguments[i]; } } }