// /javascript.php?120,120 cntr = 0; image = Array(); loads = Array(); percentage = document.getElementById('counter'); scrlr = document.getElementById('scroller'); // scrlr.scrollTo(0,0); spacer = new Image; spacer.src = '/_img/spacer.gif'; anays = new Image; anays.src = '/_img/anays.gif'; loading1 = new Image; loading1.src = '/_img/loading1.gif'; loading2 = new Image; loading2.src = '/_img/loading2.gif'; temp_img = new Image; temp_img.src = loading2.src; //覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 images = 54; fin = '/54 loaded'; percentage.innerHTML = 'image 0'+fin; image[0] = new Image; image[0].src = '/_port/120/120/20070527_nalu.jpg'; image[0].onload = function(){cntr+=1} image[1] = new Image; image[1].src = '/_port/120/120/20070430_euro4x4.web.jpg'; image[1].onload = function(){cntr+=1} image[2] = new Image; image[2].src = '/_port/120/120/20070420_lecasa_invitation.jpg'; image[2].onload = function(){cntr+=1} image[3] = new Image; image[3].src = '/_port/120/120/20070406_lecasa_casa_folies.jpg'; image[3].onload = function(){cntr+=1} image[4] = new Image; image[4].src = '/_port/120/120/20070308_euro4x4parts_spain.jpg'; image[4].onload = function(){cntr+=1} image[5] = new Image; image[5].src = '/_port/120/120/20070212_fitness_insurance_flyer.jpg'; image[5].onload = function(){cntr+=1} image[6] = new Image; image[6].src = '/_port/120/120/20070115_whatcom_day.web.jpg'; image[6].onload = function(){cntr+=1} image[7] = new Image; image[7].src = '/_port/120/120/20061115_euro4x4_toyota.jpg'; image[7].onload = function(){cntr+=1} image[8] = new Image; image[8].src = '/_port/120/120/20051101_koala_world.web.jpg'; image[8].onload = function(){cntr+=1} image[9] = new Image; image[9].src = '/_port/120/120/20050812_fitness_insurance.web.jpg'; image[9].onload = function(){cntr+=1} image[10] = new Image; image[10].src = '/_port/120/120/20050512_school_directory.web.jpg'; image[10].onload = function(){cntr+=1} image[11] = new Image; image[11].src = '/_port/120/120/20041231_quit_smoking.web.jpg'; image[11].onload = function(){cntr+=1} image[12] = new Image; image[12].src = '/_port/120/120/20040812_promov.web.jpg'; image[12].onload = function(){cntr+=1} image[13] = new Image; image[13].src = '/_port/120/120/20040730_mesa_verde_foundation.web.jpg'; image[13].onload = function(){cntr+=1} image[14] = new Image; image[14].src = '/_port/120/120/20031115_stratasearch.web.jpg'; image[14].onload = function(){cntr+=1} image[15] = new Image; image[15].src = '/_port/120/120/20031010_prhelper.web.jpg'; image[15].onload = function(){cntr+=1} image[16] = new Image; image[16].src = '/_port/120/120/20030330_icg_consulting.jpg'; image[16].onload = function(){cntr+=1} image[17] = new Image; image[17].src = '/_port/120/120/20021020_parsifal_corp.web.jpg'; image[17].onload = function(){cntr+=1} image[18] = new Image; image[18].src = '/_port/120/120/20020622_joelle_courtois.web.jpg'; image[18].onload = function(){cntr+=1} image[19] = new Image; image[19].src = '/_port/120/120/20010204_posnit_ubek.jpg'; image[19].onload = function(){cntr+=1} image[20] = new Image; image[20].src = '/_port/120/120/20001101_fitness_insurance.jpg'; image[20].onload = function(){cntr+=1} image[21] = new Image; image[21].src = '/_port/120/120/20000405_comsun.jpg'; image[21].onload = function(){cntr+=1} image[22] = new Image; image[22].src = '/_port/120/120/20000219_mighty_macro.jpg'; image[22].onload = function(){cntr+=1} image[23] = new Image; image[23].src = '/_port/120/120/19990612_joy_is_a_kis.jpg'; image[23].onload = function(){cntr+=1} image[24] = new Image; image[24].src = '/_port/120/120/19990612_eco-products.jpg'; image[24].onload = function(){cntr+=1} image[25] = new Image; image[25].src = '/_port/120/120/19990423_jose_muldoons.jpg'; image[25].onload = function(){cntr+=1} image[26] = new Image; image[26].src = '/_port/120/120/19990415_gia_gabriella.jpg'; image[26].onload = function(){cntr+=1} image[27] = new Image; image[27].src = '/_port/120/120/19990320_now_and_zen.jpg'; image[27].onload = function(){cntr+=1} image[28] = new Image; image[28].src = '/_port/120/120/19990220_bafa.jpg'; image[28].onload = function(){cntr+=1} image[29] = new Image; image[29].src = '/_port/120/120/19981101_robokoneko.jpg'; image[29].onload = function(){cntr+=1} image[30] = new Image; image[30].src = '/_port/120/120/19981001_catacombs.jpg'; image[30].onload = function(){cntr+=1} image[31] = new Image; image[31].src = '/_port/120/120/19980912_epicenter.jpg'; image[31].onload = function(){cntr+=1} image[32] = new Image; image[32].src = '/_port/120/120/19980808_annabelle.jpg'; image[32].onload = function(){cntr+=1} image[33] = new Image; image[33].src = '/_port/120/120/19980707_panasia.jpg'; image[33].onload = function(){cntr+=1} image[34] = new Image; image[34].src = '/_port/120/120/19980704_walrus.jpg'; image[34].onload = function(){cntr+=1} image[35] = new Image; image[35].src = '/_port/120/120/19980630_nancy_rao.jpg'; image[35].onload = function(){cntr+=1} image[36] = new Image; image[36].src = '/_port/120/120/19980412_lemon_sponge_cake.jpg'; image[36].onload = function(){cntr+=1} image[37] = new Image; image[37].src = '/_port/120/120/19971022_hot_tuna.jpg'; image[37].onload = function(){cntr+=1} image[38] = new Image; image[38].src = '/_port/120/120/19970902_bonk.jpg'; image[38].onload = function(){cntr+=1} image[39] = new Image; image[39].src = '/_port/120/120/19970717_genobyte.jpg'; image[39].onload = function(){cntr+=1} image[40] = new Image; image[40].src = '/_port/120/120/19970602_gateway_park.jpg'; image[40].onload = function(){cntr+=1} image[41] = new Image; image[41].src = '/_port/120/120/19970515_aft.jpg'; image[41].onload = function(){cntr+=1} image[42] = new Image; image[42].src = '/_port/120/120/19970422_emerson_green.jpg'; image[42].onload = function(){cntr+=1} image[43] = new Image; image[43].src = '/_port/120/120/19970122_skinergyn.jpg'; image[43].onload = function(){cntr+=1} image[44] = new Image; image[44].src = '/_port/120/120/19970102_chrisman.jpg'; image[44].onload = function(){cntr+=1} image[45] = new Image; image[45].src = '/_port/120/120/19961201_first_class.jpg'; image[45].onload = function(){cntr+=1} image[46] = new Image; image[46].src = '/_port/120/120/19960606_intelsat.jpg'; image[46].onload = function(){cntr+=1} image[47] = new Image; image[47].src = '/_port/120/120/19960422_the_james.jpg'; image[47].onload = function(){cntr+=1} image[48] = new Image; image[48].src = '/_port/120/120/19960422_love_letter.jpg'; image[48].onload = function(){cntr+=1} image[49] = new Image; image[49].src = '/_port/120/120/19960222_the_james.jpg'; image[49].onload = function(){cntr+=1} image[50] = new Image; image[50].src = '/_port/120/120/19950915_boulder_army_store.jpg'; image[50].onload = function(){cntr+=1} image[51] = new Image; image[51].src = '/_port/120/120/19950707_pulse.jpg'; image[51].onload = function(){cntr+=1} image[52] = new Image; image[52].src = '/_port/120/120/19950411_true_love_made_easy.jpg'; image[52].onload = function(){cntr+=1} image[53] = new Image; image[53].src = '/_port/120/120/19920812_wave_rave.jpg'; image[53].onload = function(){cntr+=1} image[54] = new Image; image[54].src = '/_port/120/120/0junk.jpg'; image[54].onload = function(){cntr+=1} range = 500; // maximum scroll value int = setInterval('done()', 500); function done(){ percentage.innerHTML = 'image '+cntr+fin; if (cntr>images-2){ percentage.style.position='absolute'; percentage.style.height='20px'; percentage.style.top='-1000px'; scrlr.disabled=false; document.imag.src = anays.src; clearInterval(int); } } //覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 image_number=0; document.getElementById('imag').style.position="relative"; debut = document.getElementById('imag').style.left; function doit(){ spos = scrlr.scrollLeft; if (spos<10) window.status = "[000000000" + spos + "0]"; else if (spos<100) window.status = "[00000000" + spos + "0]"; else window.status = "[0000000" + spos + "0]"; document.getElementById('imag').style.left=Math.floor(debut + spos/9); if (spos==0){ // anays logo document.getElementById('contact').style.top=-1000; document.getElementById('contact').style.left=-1000; document.getElementById('imag').style.cursor="default"; document.imag.title=""; document.imag.src = anays.src; } else if (spos>range-3){ // contact page document.imag.src=spacer.src; document.getElementById('contact').style.top=0; document.getElementById('contact').style.left=0; } else{ // image thumbnails document.getElementById('contact').style.top=-1000; document.getElementById('contact').style.left=-1000; image_number = Math.floor(images/(range-2)*spos); document.imag.src=image[image_number].src; document.getElementById('imag').style.cursor="hand"; document.imag.title="Enlarge"; } } //覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 var storage; function enlarge(){ spos = scrlr.scrollLeft; if (spos==0) return true; document.data.monitor.value="enlarging"; document.getElementById('enlargement').style.backgroundImage = 'url(' + loading2.src + ')'; document.getElementById('enlargement').style.visibility = "visible"; document.getElementById('enlargement').style.cursor = "wait"; document.getElementById('enlargement').title = "Loading"; document.getElementById('main').style.visibility = "hidden"; temp_img.src=document.imag.src.replace('/120/120/', '/' + win_width + '/' + win_height + '/'); temp_img.onload = function(){ document.getElementById('enlargement').style.backgroundImage = 'url(' + temp_img.src + ')'; document.getElementById('enlargement').title = "Close"; document.getElementById('enlargement').style.cursor = "default"; } } function reduce(){ document.getElementById('enlargement').style.backgroundImage = 'url(' + spacer.src + ')'; document.data.monitor.value="reducing"; document.getElementById('enlargement').style.visibility = "hidden"; document.getElementById('main').style.visibility = "visible"; } //覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 margin = 80; if (window.innerHeight) win_height = window.innerHeight - margin*2; else win_height = document.body.clientHeight - margin*2; if (window.innerWidth) win_width = window.innerWidth - margin*2; else win_width = document.body.clientWidth - margin*2; win_width = Math.round(win_width/10) * 10; win_height = Math.round(win_height/10) * 10; window.onresize = function(){ if (window.innerHeight) win_height = window.innerHeight - margin*2; else win_height = document.body.clientHeight - margin*2; if (window.innerWidth) win_width = window.innerWidth - margin*2; else win_width = document.body.clientWidth - margin*2; win_width = Math.round(win_width/10) * 10; win_height = Math.round(win_height/10) * 10; }