<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Фотоальбом в виде листающейся книги</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<SCRIPT type=text/javascript>
<!-- Jeff
// wwwhuntingground.freeserve.co.uk
pics=new Array()
pics[0]=["http://www.anime-skorpik.com/uploads/posts/2012-04/1335184519_1a880f3ad545.jpg",webplus/popup/note.htm?Page_1<P>Keannu","Keannu"]
pics[1]=["http://i66.beon.ru/46/33/863346/28/75394528/619105.jpeg",webplus/popup/note.htm?Page_2<P>Tom","Tom"]
pics[2]=["http://www.anime-skorpik.com/uploads/posts/2012-04/1335184519_1a880f3ad545.jpg",webplus/popup/note.htm?Page_3<P>Clint","Clint"]
pics[3]=["http://i66.beon.ru/46/33/863346/28/75394528/619105.jpeg",webplus/popup/note.htm?Page_4<P>Michelle","Michelle"]
pics[4]=["http://static.tumblr.com/3kg3fxa/a93m2ayt3/fairy_tail_wallpaper_by_namiozu-d3gow4r.png",webplus/popup/note.htm?Page_5<P>Marilyn","Marilyn"]
pics[5]=["https://www.phcorner.net/attachments/animepaper-net-wallpaper-art-anime-fairy-tail-dragon-slayer-229588-kopykat-1920x1200-cad68bc2-jpg.7033/",webplus/popup/note.htm?Page_6<P>Jade","Jade"]
pics[6]=["http://www.anime-skorpik.com/uploads/posts/2012-04/1335184519_1a880f3ad545.jpg",webplus/popup/note.htm?Page_7<P>Pic 1","Car 1"]
pics[7]=["http://i66.beon.ru/46/33/863346/28/75394528/619105.jpeg",webplus/popup/note.htm?Page_8<P>Pic 2","Car 2"]
pics[8]=["http://www.anime-skorpik.com/uploads/posts/2012-04/1335184519_1a880f3ad545.jpg",webplus/popup/note.htm?Page_9<P>Pic 3","Car 3"]
pics[9]=["http://i66.beon.ru/46/33/863346/28/75394528/619105.jpeg","","Car 4"]
pics[10]=["http://www.anime-skorpik.com/uploads/posts/2012-04/1335184519_1a880f3ad545.jpg","","Car 5"]
pics[11]=["http://www.anime-skorpik.com/uploads/posts/2012-04/1335184519_1a880f3ad545.jpg","","Pic 12"]
pics[12]=["http://static.tumblr.com/3kg3fxa/a93m2ayt3/fairy_tail_wallpaper_by_namiozu-d3gow4r.png","","Pic 13"]
pics[13]=["00005.jpg","","Pic 14"]
endStop=1 // when end or begining of book is reached 0 = continue 1 = stop
startPage=1 // starting page, this refers to the right page index number, must be an odd number from 1
pageNums=0 // 0 = double numbers 1 = even numbers
preloaded=[]
for(var i=0;i<pics.length;i++){
preloaded[i]=new Image()
preloaded[i].src=pics[i][0]
}
step=20
speed=50
timer=""
running=0
leftPage=startPage-1
rightPage=startPage
picNum=startPage
lastSelectNum=0
function initSlide(){
lPage=document.getElementById("left_page")
theFlipper=document.getElementById("flipper")
rPage=document.getElementById("right_page")
rightPageLeft=lPage.offsetLeft+lPage.offsetWidth
rPage.style.left=rightPageLeft+"px"
rPage.style.top=lPage.offsetTop+"px"
rPage.style.width=lPage.offsetWidth+"px"
rPage.style.height=lPage.offsetHeight+"px"
theFlipper.style.left=rightPageLeft+"px"
theFlipper.style.top=lPage.offsetTop+"px"
theFlipper.style.width=lPage.offsetWidth+"px"
theFlipper.style.height=lPage.offsetHeight+"px"
lPage.src=pics[startPage-1][0]
rPage.src=pics[startPage][0]
theFlipper.src=pics[startPage][0]
adj=Math.ceil(lPage.offsetWidth) // ensure width divides equally by step
while(adj%step != 0){
step++
}
leftTurn=document.getElementById("left_turn")
rightTurn=document.getElementById("right_turn")
leftTurn.style.marginTop=lPage.offsetHeight+"px"
rightTurn.style.marginTop=lPage.offsetHeight+"px"
if(endStop==1){
if(picNum==1){leftTurn.style.visibility="hidden"}
if(picNum==9){rightTurn.style.visibility="hidden"}
}
if(document.getElementById("pagelist")){
pageList=document.getElementById("pagelist")
pageList.style.marginTop=lPage.offsetHeight+"px"
pageCount=1
while(pageList.length>0) {
pageList.options[(pageList.options.length-1)] = null;
}
for(var i=0;i<pics.length;i++){
if(i%2!=0){
if(pageNums==0){
selectText="Page "+(pageCount)+" - "+(pageCount+1)
}
else{
selectText="Page "+(pageCount+1)
}
pageList[pageList.length] = new Option(selectText,i)
pageCount+=2
}
}
pageList.selectedIndex=(startPage-1)/2 // initial start page
pageList.onchange=function(){
if(running==1){
this.selectedIndex=lastSelectNum // prevent select change when running
return
}
selectNum=this.selectedIndex
if(selectNum>lastSelectNum){
picNum=(selectNum*2)-1
initRight(1)
}
else{
picNum=(selectNum*2)+3
initLeft(1)
}
lastSelectNum=selectNum
}
}
else{
pageList=false
}
}
function initRight(){
if(running==1){return}
if(pageList&&arguments.length==0){
currentIndex=pageList.selectedIndex+1
if(currentIndex>pageList.length-1){currentIndex=0}
pageList.selectedIndex=currentIndex
lastSelectNum=currentIndex
}
if(endStop==1){
if(picNum==pics.length-3){rightTurn.style.visibility="hidden"}
else{rightTurn.style.visibility="visible"}
if(picNum>0){leftTurn.style.visibility="visible"}
}
if(endStop==1&&picNum==pics.length-1){
return
}
else{
picNum+=2
}
if(picNum>pics.length-1){picNum=1}
running=1
theFlipper.style.left=rightPageLeft+"px"
theFlipper.style.width=rPage.offsetWidth+"px"
theFlipper.src=rPage.src
rPage.src=pics[picNum][0]
rightCenter()
}
function rightCenter(){
clearTimeout(timer)
theFlipper.style.zIndex=3
flipperLeftPos=parseInt(theFlipper.style.left)
flipperWidth=theFlipper.offsetWidth
flipperWidth-=step
theFlipper.style.width=flipperWidth+"px"
timer=setTimeout("rightCenter()",speed)
if(theFlipper.offsetWidth<step){ // at centre
clearTimeout(timer)
picNum--
theFlipper.src=pics[picNum][0] //change pic
centerLeft()
}
}
function centerLeft(){
clearTimeout(timer)
flipperLeftPos=parseInt(theFlipper.style.left)
flipperLeftPos-=step
theFlipper.style.left=flipperLeftPos+"px"
flipperWidth=theFlipper.offsetWidth
flipperWidth+=step
theFlipper.style.width=flipperWidth+"px"
timer=setTimeout("centerLeft()",speed)
if(theFlipper.offsetWidth>=lPage.offsetWidth){
lPage.src=theFlipper.src
theFlipper.style.zIndex=1
theFlipper.style.left=rightPageLeft+"px"
picNum++
setTimeout("theFlipper.src=rPage.src",100)
clearTimeout(timer)
running=0
}
rightPage=picNum
leftPage=picNum-1
}
function initLeft(){
if(running==1){return}
if(pageList&&arguments.length==0){
currentIndex=pageList.selectedIndex-1
if(currentIndex<0){currentIndex=pageList.length-1}
pageList.selectedIndex=currentIndex
lastSelectNum=currentIndex
}
if(endStop==1){
if(picNum==3){leftTurn.style.visibility="hidden"}
else{leftTurn.style.visibility="visible"}
if(picNum<pics.length){rightTurn.style.visibility="visible"}
}
if(endStop==1&&picNum==1){
return
}
else{
picNum-=2
}
if(picNum<1){picNum=pics.length-1}
running=1
theFlipper.style.left=lPage.offsetLeft+"px"
theFlipper.style.width=lPage.offsetWidth+"px"
theFlipper.src=lPage.src
lPage.src=pics[picNum-1][0]
leftCenter()
}
function leftCenter(){
clearTimeout(timer)
theFlipper.style.zIndex=3
flipperLeftPos=parseInt(theFlipper.style.left)
flipperLeftPos+=step
theFlipper.style.left=flipperLeftPos+"px"
flipperWidth=theFlipper.offsetWidth
flipperWidth-=step
theFlipper.style.width=flipperWidth+"px"
timer=setTimeout("leftCenter()",speed)
if(theFlipper.offsetWidth<step){ // at centre
theFlipper.src=pics[picNum][0] //change pic
clearTimeout(timer)
centerRight()
}
}
function centerRight(){
clearTimeout(timer)
flipperLeftPos=parseInt(theFlipper.style.left)
flipperWidth=theFlipper.offsetWidth
flipperWidth+=step
theFlipper.style.width=flipperWidth+"px"
timer=setTimeout("centerRight()",speed)
if(theFlipper.offsetWidth>=lPage.offsetWidth){
rPage.src=theFlipper.src
theFlipper.style.zIndex=1
theFlipper.style.left=lPage.offsetLeft+"px"
setTimeout("theFlipper.src=lPage.src",100)
clearTimeout(timer)
running=0
}
rightPage=picNum
leftPage=picNum-1
}
function showText(p){
if(p==1){pageNum=leftPage}
if(p==2){pageNum=rightPage}
if(pics[pageNum][2]!=""){
document.getElementById("txt").innerHTML=pics[pageNum][2]
}
}
newWin=null
function whereto(p){
if(p==1){pageNum=leftPage}
if(p==2){pageNum=rightPage}
if(pics[pageNum][1]==""){return}
url=pics[pageNum][1]
newWin=window.open(url,'win1','left=80,top=177,width=150,height=188')
newWin.focus()
}
/*
If a list of page numbers is required copy the following select box html code into your page
<select id="pagelist"></select>
*/
// add onload="initSlide()" to the opening BODY tag
// -->
<!-- SE@RCHER Javascript www03www.su 2009 год --></script>
<META content="MSHTML 6.00.2900.3354" name=GENERATOR></HEAD>
<BODY onload=initSlide()>
<CENTER>
<DIV id=container
style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 400px; BORDER-BOTTOM: black 1px solid; POSITION: relative; HEIGHT: 370px"><IMG
id=left_page ondblclick=whereto(1)
style="Z-INDEX: 2; LEFT: 0px; WIDTH: 200px; POSITION: absolute; TOP: 0px; HEIGHT: 300px"
onclick=showText(1) alt="" src=""> <IMG
id=flipper style="Z-INDEX: 1; POSITION: absolute" alt=Flipping
src=""> <IMG id=right_page ondblclick=whereto(2)
style="Z-INDEX: 2; POSITION: absolute" onclick=showText(2) alt=""
src="">
<DIV id=left_turn style="FLOAT: left; WIDTH: 130px; TEXT-ALIGN: left"><A
onclick=initLeft()
href="0409-25#null">Left</A></DIV>
<DIV id=right_turn style="FLOAT: right; WIDTH: 130px; TEXT-ALIGN: right"><A
onclick=initRight()
href="0409-25.htm#null">Right</A></DIV><SELECT
id=pagelist><OPTION selected></OPTION></SELECT> <BR style="CLEAR: both">
<DIV id=txt style="MARGIN-TOP: 20px; TEXT-ALIGN: left">Click the image to show
relative information</DIV></DIV></CENTER>
</BODY></HTML>