var slideshow_width='630px'
var slideshow_height='110px'
var pause=6000
var slidebgcolor="white"


Array.prototype.random = function ()
{this.sort(function (a,b)
 {var i = Math.ceil(Math.random()*100)%2;
  if(i == 0)
  {return -1;}
  else
  {return 1;}});}
var list = new Array(0,1);
var num = new Array()
list.random();
num[0]=list[0]
num[1]=list[1]




var dropimages=new Array()
dropimages[num[0]]="http://www.kappa-za.co.jp/main/images/oz_bunner.jpg"
dropimages[num[1]]="http://www.kappa-za.co.jp/main/images/pino_bunner.jpg"


var droplinks=new Array()
droplinks[num[0]]="http://www.kappa-za.co.jp/main/sakuhin/oz.html"
droplinks[num[1]]="http://www.kappa-za.co.jp/main/sakuhin/pinokio.html"


///リンクが無い場合は空欄にする///

var droptitle=new Array()
droptitle[num[0]]="オズのまほうつかい"
droptitle[num[1]]="ピノキオ"



////NO need to edit beyond here/////////////
var preloadedimages=new Array()

for (p=0;p<dropimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=dropimages[p]
}
var ie4=document.all
var dom=document.getElementById
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';top:'+slideshow_height+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';top:'+slideshow_height+'"></div></div>')
else
document.write('<a href="javascript:rotatelink()"><img name="defaultslide" src="'+dropimages[0]+'" border=0></a>')
var curpos=parseInt(slideshow_height)
var curpos_0=parseInt(slideshow_height)
myAgent = navigator.userAgent
myIE = myAgent.indexOf("MSIE",0)
if (myIE == -1){
var degree=5
var degree2=0.5
var degree3=0.15
}else{
var degree=20
var degree2=3
var degree3=0.5
}
var curcanvas="canvas0"
var curimageindex=linkindex=0
var nextimageindex=1
function movepic(){
if (curpos>0){
degree = degree * curpos/curpos_0 + degree2*(curpos+10)/curpos_0 + degree3
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos+"px"
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
var slideimage='<img src="'+dropimages[curimageindex]+'" border=0 title="'+droptitle[curimageindex]+'">'
tempobj.innerHTML=(droplinks[curimageindex]!="")? '<a href="'+droplinks[curimageindex]+'" title="'+droptitle[curimageindex]+'">'+slideimage+'</a>' : slideimage
nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}
function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("movepic()",10)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=dropimages[curimageindex]
linkindex=curimageindex
curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
}
function rotatelink(){
if (droplinks[linkindex]!="")
window.location=droplinks[linkindex]
}
function resetit(what){
curpos=parseInt(slideshow_height)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos+"px"
}
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
if (droplinks[linkindex]!=""){
crossobj.innerHTML='<a href="'+droplinks[curimageindex]+'" title="'+droptitle[curimageindex]+'"><img src="'+dropimages[curimageindex]+'" border=0 title="'+droptitle[curimageindex]+'"></a>'
}else{
crossobj.innerHTML='<img src="'+dropimages[curimageindex]+'" border=0 title="'+droptitle[curimageindex]+'">'
}
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)