var scr_i=1 var movingleft = 'n' var movingright = 'n' var contwidth = 118 var visboxes = 2 var visresults = 6 var imagesperbox = 3 var movespeed = 6 // !!!! Move speed MUST be a factor of contwidth var scroll_difference = 0 var maxboxes = 0 var totalimages = 0 var totalwidth = contwidth*visboxes var rightshift = totalwidth + (contwidth * (maxboxes-visboxes-1)) var scr_j= maxboxes var scr_kk = 1 var start = (scr_i*visresults) function moveLeft() { var start = (scr_i*visresults) scroll_difference = 0; scr_kk=1 if (scr_j== (maxboxes- visboxes)) { movingright = 'y'; } if ((scr_i == 1) && ((scr_j-scr_i) < visboxes)) { movingright = 'y'; } //moves all divs to the left if (movingright != 'y') { movingleft = 'y'; var boxArray = new Array() while (scr_kk <= maxboxes) { boxArray[scr_kk] = document.getElementById("mb"+scr_kk) scr_kk++ } if (parseInt(boxArray[scr_i].style.left) > -contwidth) { scr_kkk = 1 scroll_difference = (parseInt(boxArray[scr_i].style.left) + contwidth) while (scr_kkk <= maxboxes) { if (movespeed > scroll_difference) { boxArray[scr_kkk].style.left=parseInt(boxArray[scr_kkk].style.left)-scroll_difference+"px" } else { boxArray[scr_kkk].style.left=parseInt(boxArray[scr_kkk].style.left)-movespeed+"px" } scr_kkk++ } setTimeout("moveLeft()",30) } else { //move the left most box to the right boxArray[scr_i].style.left=rightshift+"px" scr_i++; if (scr_i > maxboxes) scr_i=1; if (scr_i == 1) { scr_j= maxboxes } else { scr_j= (scr_i-1) } refreshTotal(); movingleft = 'n'; return } } } function refreshTotal() { start = (((scr_i-1)*imagesperbox)+1); end = start+visresults-1; if (end > totalimages) { end = totalimages; } var realtotal = 59 if (realtotal >0) { document.getElementById("status").innerHTML = "Images "+start+"-"+end+" of "+totalimages+""; } else { document.getElementById("status").innerHTML = "Sorry, no results found."; } } function moveRight() { scroll_difference = 0; //moves all divs to the left if (((scr_i == 1) && ((scr_j-i) <= visboxes)) || (scr_i == 1)) { movingleft = 'y'; } if (movingleft!= 'y') { scr_kk=1 movingright = 'y'; var boxArray = new Array() while (scr_kk <= maxboxes) { boxArray[scr_kk] = document.getElementById("mb"+scr_kk) scr_kk++ } if ( parseInt(boxArray[scr_j].style.left)>= contwidth ) { boxArray[scr_j].style.left= -contwidth+"px" } if (parseInt(boxArray[scr_j].style.left)< 0 ) { scr_kkk=1 scroll_difference = (parseInt(boxArray[scr_i].style.left) - contwidth) while (scr_kkk <= maxboxes) { if (movespeed < scroll_difference) { boxArray[scr_kkk].style.left=parseInt(boxArray[scr_kkk].style.left)+scroll_difference+"px" } else { boxArray[scr_kkk].style.left=parseInt(boxArray[scr_kkk].style.left)+movespeed+"px" } scr_kkk++ } setTimeout("moveRight()",30) } else { //move the right most box to the left //boxArray[maxboxes-i+1].style.left=-contwidth+"px" if (scr_i == 1) scr_i=maxboxes else scr_i-- if (scr_i == 1) { scr_j= maxboxes } else { scr_j= (scr_i-1) } document.getElementById("status").innerHTML = " scr_i = "+scr_i+" scr_j = "+scr_j; movingright = 'n'; refreshTotal(); return } } } function swapTab(thediv) { document.body.style.cursor = 'pointer'; document.getElementById(thediv).style.backgroundImage = 'url("img/portfolio/tabs/projcatSel.gif")'; } function restoreTab(thediv) { document.body.style.cursor = 'default'; document.getElementById(thediv).style.backgroundImage = 'url("img/portfolio/tabs/projcatOff.gif")'; } function gotoURL(thelocation) { window.location=thelocation; }