// CREATIONAL : CREATE SITES
// COPYRIGHT 2005 - 2010 : CREATIONAL : WWW.CREATIONAL.NL
var SlideShows=[]; var CL_SlideShow=Class.create({initialize:function(_1){ if(!document.images||!document.getElementById||!_1){ return; } this.imgs=_1; if(!$(this.imgs.id)){ return; } this.container=$(this.imgs.id); this.width=this.imgs.width?this.imgs.width:null; this.height=this.imgs.height?this.imgs.height:null; this.imgborder=this.imgs.border?parseInt(this.imgs.border):0; this.width=this.width?this.width+this.imgborder*2:null; this.height=this.height?this.height+this.imgborder*2:null; this.delay=this.imgs.delay?this.imgs.delay:this.imgs.delay?this.imgs.delay:3000+SlideShows.length*750; this.speed=this.imgs.speed?this.imgs.speed:10; this.nextIndex=0; this.prevIndex=0; SlideShows[this.SlideShowsID=SlideShows.length]=this; if(this.imgs.start_random){ this.nextIndex=this.prevIndex=Math.floor(this.imgs.length*Math.random()); }else{ if(this.imgs.start_number){ this.nextIndex=this.prevIndex=this.imgs.start_number-1; }else{ if(this.imgs.random){ this.imgs.sort(function(){ return 0.5-Math.random(); }); } } } this.imgsLoad=[]; this.faded=0; this.fade=!this.imgs.nofade; if(this.fade){ this.degree=10; } this.fadecolor=this.imgs.fadecolor?this.imgs.fadecolor:"#FFFFFF"; this.pausecheck=this.imgs.pause; this.mouseovercheck=0; this.canvasbase="canvas"+this.SlideShowsID; this.curcanvas=this.canvasbase+"_0"; this.autostart=true; if(this.imgs.no_autostart){ this.autostart=false; } this.onstart=this.imgs.onstart; this.callback=this.imgs.callback; this.numbers=this.imgs.numbers; this.onclick=this.imgs.onclick; this.specs=this.imgs.specs; this.jumpto=this.imgs.jumpto; this.playpause=this.imgs.playpause; this.counter=this.imgs.counter; this.controls=this.imgs.controls; if(this.imgs.length==1){ this.counter=false; this.controls=false; } this.target=this.imgs.target; this.ualt=this.imgs.use_alt; this.utit=this.imgs.use_title; this.description=this.imgs.description; this.desc_prefix=this.imgs.desc_prefix?this.imgs.desc_prefix:" "; this.txt_viewing=this.imgs.txt_viewing?this.imgs.txt_viewing:""; this.txt_viewing_divider=this.imgs.txt_viewing_divider?this.imgs.txt_viewing_divider:" / "; this.txt_stop=this.imgs.txt_stop?this.imgs.txt_stop:"Stop"; this.txt_play=this.imgs.txt_play?this.imgs.txt_play:"Play"; this.txt_previous=this.imgs.txt_previous?this.imgs.txt_previous:"Previous"; this.txt_next=this.imgs.txt_next?this.imgs.txt_next:"Next"; this.txt_jumpto=this.imgs.txt_jumpto?this.imgs.txt_jumpto:"Jump to"; this.txt_go=this.imgs.txt_go?this.imgs.txt_go:"GO"; this.opacity=""; this.opacity_load=""; this.dims=""; if(this.width||this.height){ this.dims=this.width&&this.height?"width:"+this.width+"px;height:"+this.height+"px;":this.width?"width:"+this.width+"px;":"height:"+this.height+"px;"; } if(this.fade&&document.body){ this.opacity=document.body.filters?"filter:progid:DXImageTransform.Microsoft.alpha(opacity=0);":"opacity:0;"; this.opacity_load=document.body.filters?"filter:progid:DXImageTransform.Microsoft.alpha(opacity=75);":"opacity:0.75;"; } var _2="position:relative;"+this.dims+"overflow:hidden;margin:0 auto;"; var _3="position:absolute;"+this.dims+"top:0;left:0;"+this.opacity+"background-color:"+this.fadecolor; $(this.container).appendChild(Builder.node("div",{id:String.interpret("slideshow_master"+this.SlideShowsID)},Builder.node("div",{id:String.interpret("slideshow_master_inner"+this.SlideShowsID),style:String.interpret(_2),className:"slideshow_inner"},[Builder.node("div",{id:String.interpret(this.canvasbase+"_0"),style:String.interpret(_3)}),Builder.node("div",{id:String.interpret(this.canvasbase+"_1"),style:String.interpret(_3)})]))); if(this.description){ this.container_description=this.container; if(this.description!==true){ if($(this.description)){ this.container_description=$(this.description); } } $(this.container_description).appendChild(Builder.node("div",{id:String.interpret("slideshow_description"+this.SlideShowsID),className:"slideshow_description"},[this.desc_prefix,Builder.node("span",{id:String.interpret("slideshow_descriptiontext"+this.SlideShowsID)}," ")])); } if(this.counter){ this.container_counter=this.container; if(this.counter!==true){ if($(this.counter)){ this.container_counter=$(this.counter); } } this.counter_pad=this.imgs.length.toString().length; $(this.container_counter).appendChild(Builder.node("div",{id:String.interpret("slideshow_counter"+this.SlideShowsID),className:"slideshow_counter"},[String.interpret(this.txt_viewing),Builder.node("span",{id:String.interpret("slideshow_countercurrent"+this.SlideShowsID)}),String.interpret(this.txt_viewing_divider),Builder.node("span",{id:String.interpret("slideshow_countertotal"+this.SlideShowsID)},String.interpret(this.imgs.length.toString()))])); } if(this.controls){ var _4="display:none;position:absolute;"+this.dims+"top:0;left:0;"+this.opacity_load+"background-color:"+this.fadecolor; $("slideshow_master_inner"+this.SlideShowsID).appendChild(Builder.node("div",{id:String.interpret("slideshow_loading"+this.SlideShowsID),className:"slideshow_loading",style:String.interpret(_4),zIndex:3})); this.imgs.controls_id&&$(this.imgs.controls_id)?this.container_controls=$(this.imgs.controls_id):this.container_controls=this.container; $(this.container_controls).appendChild(Builder.node("div",{id:String.interpret("slideshow_controls"+this.SlideShowsID),className:"slideshow_controls_container"},Builder.node("ul",{id:String.interpret("slideshow_controls_list"+this.SlideShowsID),className:"slideshow_controls_list_container"}))); var _5=Builder.node("li",{id:String.interpret("slideshow_controls_item_previous"+this.SlideShowsID)},Builder.node("a",{href:"#",id:String.interpret("slideshow_controls_previous"+this.SlideShowsID),className:"slideshow_button_previous_inactive"},this.txt_previous)); var _6=Builder.node("li",{id:String.interpret("slideshow_controls_item_next"+this.SlideShowsID)},Builder.node("a",{href:"#",id:String.interpret("slideshow_controls_next"+this.SlideShowsID),className:"slideshow_button_next_inactive"},this.txt_next)); var _7; (this.autostart)?_7=this.txt_stop:_7=this.txt_play; var _8=Builder.node("li",{id:String.interpret("slideshow_controls_item_playstop"+this.SlideShowsID)},Builder.node("a",{href:"#",id:String.interpret("slideshow_controls_playstop"+this.SlideShowsID),className:"slideshow_button_playstop"},_7)); var _9=this.controls.toArray(); var _a=false; _9.each((function(_b){ if(_b=="#"){ _a=true; } if(!_a){ switch(_b){ case "p": $("slideshow_controls_list"+this.SlideShowsID).appendChild(_5); break; case "n": $("slideshow_controls_list"+this.SlideShowsID).appendChild(_6); break; case "s": $("slideshow_controls_list"+this.SlideShowsID).appendChild(_8); break; } } }).bind(this)); if(_9.indexOf("#")>-1){ $("slideshow_controls_list"+this.SlideShowsID).appendChild(Builder.node("li",{id:String.interpret("slideshow_controls_item_numbers"+this.SlideShowsID),className:"slideshow_controls_item_numbers_container"},Builder.node("ul",{id:String.interpret("slideshow_controls_list_numbers"+this.SlideShowsID),className:"slideshow_controls_list_numbers_container"}))); var _c=this.imgs.length+1; var _d=1; for(_d;_d<_c;_d++){ $("slideshow_controls_list_numbers"+this.SlideShowsID).appendChild(Builder.node("li",{id:String.interpret("slideshow_controls_item_number"+this.SlideShowsID+"_"+_d)})); if(this.imgs.thumbs){ var _e=this.imgs[_d-1][0]; _e=_e.replace(".jpg",this.imgs.thumbs+".jpg"); _e=_e.replace(".gif",this.imgs.thumbs+".gif"); _e=_e.replace(".png",this.imgs.thumbs+".png"); $("slideshow_controls_item_number"+this.SlideShowsID+"_"+_d).appendChild(Builder.node("a",{href:"#",id:String.interpret("slideshow_controls_number"+this.SlideShowsID+"_"+_d),className:"slideshow_button_number"},Builder.node("img",{src:_e}))); }else{ $("slideshow_controls_item_number"+this.SlideShowsID+"_"+_d).appendChild(Builder.node("a",{href:"#",id:String.interpret("slideshow_controls_number"+this.SlideShowsID+"_"+_d),className:"slideshow_button_number"},_d)); } $("slideshow_controls_number"+this.SlideShowsID+"_"+_d).observe("click",(function(_f){ var el=Event.findElement(_f,"a"); var _10=parseInt(el.id.replace("slideshow_controls_number"+this.SlideShowsID+"_","")); SlideShows[this.SlideShowsID].jump(_10); Event.stop(_f); }).bind(this)); } } var _a=false; _9.each((function(_11){ if(_a){ switch(_11){ case "p": $("slideshow_controls_list"+this.SlideShowsID).appendChild(_5); break; case "n": $("slideshow_controls_list"+this.SlideShowsID).appendChild(_6); break; case "s": $("slideshow_controls_list"+this.SlideShowsID).appendChild(_8); break; } } if(_11=="#"){ _a=true; } }).bind(this)); if($("slideshow_controls_next"+this.SlideShowsID)){ $("slideshow_controls_next"+this.SlideShowsID).observe("click",(function(_12){ var el=Event.findElement(_12,"a"); if(el.className!=="slideshow_button_next_inactive"){ SlideShows[this.SlideShowsID].changeImage(true,"nav"); } Event.stop(_12); }).bind(this)); } if($("slideshow_controls_previous"+this.SlideShowsID)){ $("slideshow_controls_previous"+this.SlideShowsID).observe("click",(function(_13){ var el=Event.findElement(_13,"a"); if(el.className!=="slideshow_button_previous_inactive"){ SlideShows[this.SlideShowsID].changeImage(false,"nav"); } Event.stop(_13); }).bind(this)); } if($("slideshow_controls_playstop"+this.SlideShowsID)){ $("slideshow_controls_playstop"+this.SlideShowsID).observe("click",(function(_14){ var el=Event.findElement(_14,"a"); if(el.className!=="slideshow_button_playstop_inactive"){ SlideShows[this.SlideShowsID].playStop(true,el); } Event.stop(_14); }).bind(this)); } } if(this.playpause){ if($(this.playpause)){ var _7; (this.autostart)?_7=this.txt_stop:_7=this.txt_play; $(this.playpause).appendChild(Builder.node("div",{id:String.interpret("slideshow_controls_item_play_stop"+this.SlideShowsID),className:"slideshow_controls_item_play_stop"},Builder.node("a",{href:"#",id:String.interpret("slideshow_controls_play_stop"+this.SlideShowsID),className:"slideshow_button_play_stop"},_7))); if($("slideshow_controls_play_stop"+this.SlideShowsID)){ $("slideshow_controls_play_stop"+this.SlideShowsID).observe("click",(function(_15){ var el=Event.findElement(_15,"a"); if(el.className!=="slideshow_button_play_stop_inactive"){ SlideShows[this.SlideShowsID].playStop(true,el); } Event.stop(_15); }).bind(this)); } } } if(eval("typeof "+this.onstart+" == 'function'")){ var _16=eval(this.onstart); _16(); } this.startSlideshow(); },fadeImage:function(){ if(this.fade&&this.degree<100){ this.faded=0; this.degree+=this.speed; if(this.tempObject.filters&&this.tempObject.filters[0]){ typeof this.tempObject.filters[0].opacity=="number"?this.tempObject.filters[0].opacity=this.degree:this.tempObject.style.filter="alpha(opacity="+this.degree+")"; }else{ if(this.tempObject.style.opacity&&!this.tempObject.filters){ this.tempObject.style.opacity=this.degree/101; } } }else{ this.faded=1; clearInterval(this.fadeclear); this.nextcanvas=(this.curcanvas==this.canvasbase+"_0")?this.canvasbase+"_0":this.canvasbase+"_1"; this.tempObject=$(this.nextcanvas); if(this.playing){ this.changeImage(); } } },createSlide:function(_17,_18){ if($(_17).down("a")&&$(_17).down("a").onclick){ $(_17).down("a").stopObserving("click"); } if($(_17).down("img")&&$(_17).down("img").onload){ $(_17).down("img").stopObserving("load"); } $(_17).setStyle({backgroundColor:String.interpret(this.fadecolor)}); $(_17).update(); var _19=Builder.node("img",{id:String.interpret("slideshow_img"+_18+"_"+this.SlideShowsID),src:String.interpret(this.imgsLoad[_18]&&typeof (this.imgsLoad[_18].complete)=="boolean"&&this.imgsLoad[_18].complete?this.imgsLoad[_18].src:this.imgs[_18][0]),alt:String.interpret(this.ualt?this.imgs[_18][1]:""),title:String.interpret(this.utit?this.imgs[_18][1]:"")}); if(this.imgs[_18][2]){ $(_17).appendChild(Builder.node("a",{id:String.interpret("slideshow_link"+_18+"_"+this.SlideShowsID),href:String.interpret(this.imgs[_18][2]),target:String.interpret(this.imgs[_18][3]?this.imgs[_18][3]:this.target?this.target:"")},_19)); var _1a=this.imgs[_18][2]; var _1b=this.imgs[_18][3]; var _1c=this.onclick; var _1d=this.imgs[_18][4]?"'"+this.imgs[_18][4]+"'":this.specs?", '"+this.specs+"'":""; $("slideshow_link"+_18+"_"+this.SlideShowsID).observe("click",(function(_1e){ _1c?eval(_1c):window.open(_1a,(_1b?_1b:"_self"),_1d); Event.stop(_1e); }).bind(this)); }else{ $(_17).appendChild(_19); } if(!this.width||!this.height){ $("slideshow_img"+_18+"_"+this.SlideShowsID).observe("load",(function(_1f){ SlideShows[this.SlideShowsID].loadImage(this); }).bind(this)); } },loadImage:function(el){ if(!el&&!this.imgel){ return; } var el=el?el:this.imgel; if(el.width==0||el.height==0){ this.imgel=el; var _20=this; clearTimeout(this.getdim); this.getdim=setTimeout(function(){ _20.loadImage(); },300); return; } var m=$("slideshow_master_inner"+this.SlideShowsID).style,c0=$(this.canvasbase+"_0").style,c1=$(this.canvasbase+"_1").style; if(this.controls){ var l=$("slideshow_loading"+this.SlideShowsID).style; } if(!this.width){ this.width=el.width+this.imgborder*2; m.width=c0.width=c1.width=this.width+"px"; if(this.controls){ l.width=this.width+"px"; } } if(!this.height){ this.height=el.height+this.imgborder*2; m.height=c0.height=c1.height=this.height+"px"; if(this.controls){ l.height=this.height+"px"; } } },changeImage:function(_21,nav){ if(!nav||(nav&&nav!=="jump")){ this.prevIndex=this.nextIndex; } if(this.playing){ if(this.controls){ this.buttons(false); } this.nextIndex=(this.keeptrack()<this.imgs.length-1)?this.keeptrack()+1:0; this.createSlide(this.tempObject,this.nextIndex); if(_21){ this.rotateImage(); }else{ clearTimeout(this.inprocess); this.inprocess=setTimeout("SlideShows["+this.SlideShowsID+"].rotateImage()",this.delay); } }else{ if(!this.faded){ if(nav&&nav=="nav"){ return; } this.nextIndex=this.keeptrack()+(_21?1:-1); this.nextIndex=(this.nextIndex<this.imgs.length)?this.nextIndex:this.nextIndex-this.imgs.length; this.nextIndex=(this.nextIndex>-1)?this.nextIndex:this.imgs.length+this.nextIndex; return; } if(this.fadeclear){ clearInterval(this.fadeclear); } var _22; (_21)?_22=this.nextIndex+2:_22=this.nextIndex-2; _22=(_22<this.imgs.length)?_22:_22-this.imgs.length; _22=(_22>-1)?_22:this.imgs.length+_22; this.imgsLoad[_22]=new Image(); this.imgsLoad[_22].src=this.imgs[_22][0]; (nav&&nav=="jump")?this.nextIndex++:this.nextIndex=this.keeptrack()+(_21?1:-1); this.nextIndex=(this.nextIndex<this.imgs.length)?this.nextIndex:this.nextIndex-this.imgs.length; this.nextIndex=(this.nextIndex>-1)?this.nextIndex:this.imgs.length+this.nextIndex; this.createSlide(this.tempObject,this.nextIndex); this.rotateImage(); } },rotateImage:function(){ var _23=$("slideshow_img"+this.nextIndex+"_"+this.SlideShowsID)?$("slideshow_img"+this.nextIndex+"_"+this.SlideShowsID):null; if(_23&&typeof _23.complete=="boolean"&&!_23.complete){ if(!this.playing&&this.controls){ $("slideshow_loading"+this.SlideShowsID).setStyle({display:"block"}); } var _24=this; clearTimeout(this.loading); this.loading=setTimeout(function(){ _24.rotateImage(); },300); return; }else{ if(!this.playing&&this.controls){ $("slideshow_loading"+this.SlideShowsID).hide(); } } if(this.mouseovercheck==1){ var _24=this; clearTimeout(this.mousep); this.mousep=setTimeout(function(){ _24.rotateImage(); },100); return; } if(this.fade){ this.resetImage(); } var _25=this.tempObject=$(this.curcanvas); _25.style.zIndex++; var _26=this.curcanvas==this.canvasbase+"_0"?$(this.canvasbase+"_1"):$(this.canvasbase+"_0"); _26.style.zIndex=0; if(this.description&&$("slideshow_descriptiontext"+this.SlideShowsID)){ $("slideshow_descriptiontext"+this.SlideShowsID).update(this.imgs[this.keeptrack()][1]); } if(this.counter&&$("slideshow_countercurrent"+this.SlideShowsID)){ var _27=""; for(var p=0;p<this.counter_pad-(this.nextIndex+1).toString().length;p++){ _27+="<span style=\"visibility:hidden;\">0</span>"; } $("slideshow_countercurrent"+this.SlideShowsID).update(_27+(this.keeptrack()<this.imgs.length?this.keeptrack()+1:1)); } if(this.controls){ var _28=this.controls.toArray(); if(_28.indexOf("#")>-1){ var _29=$("slideshow_controls_list_numbers"+this.SlideShowsID).getElementsByTagName("li"); $A(_29).each(function(_2a){ $(_2a).removeClassName("current"); }); if($("slideshow_controls_item_number"+this.SlideShowsID+"_"+(this.nextIndex+1))){ $("slideshow_controls_item_number"+this.SlideShowsID+"_"+(this.nextIndex+1)).addClassName("current"); } } } var _2b=this; clearInterval(this.fadeclear); this.fadeclear=setInterval(function(){ _2b.fadeImage(); },50); this.curcanvas=(this.curcanvas==this.canvasbase+"_0")?this.canvasbase+"_1":this.canvasbase+"_0"; if(eval("typeof "+this.callback+" == 'function'")){ var _2c=eval(this.callback); _2c(); } },resetImage:function(){ this.degree=10; var _2d=$(this.curcanvas); if(_2d.filters&&_2d.filters[0]){ (typeof _2d.filters[0].opacity=="number")?_2d.filters(0).opacity=this.degree:_2d.style.filter="alpha(opacity="+this.degree+")"; }else{ if(_2d.style.opacity&&!_2d.filters){ _2d.style.opacity=this.degree/101; } } },startSlideshow:function(){ this.playing=1; this.createSlide($(this.curcanvas),this.nextIndex); if(this.pausecheck==1){ $("slideshow_master_inner"+this.SlideShowsID).observe("mouseover",(function(_2e){ this.mouseovercheck=1; }).bind(this)); $("slideshow_master_inner"+this.SlideShowsID).observe("mouseout",(function(_2f){ this.mouseovercheck=0; }).bind(this)); } this.rotateImage(); if(!this.autostart){ this.playStop(false,$("slideshow_controls_playstop"+this.SlideShowsID)); } },playStop:function(_30,el){ if(this.inprocess&&this.playing){ clearTimeout(this.inprocess); this.nextIndex-=this.faded; } this.playing=!this.playing; if(this.playing){ if($("slideshow_controls_playstop"+this.SlideShowsID)){ $("slideshow_controls_playstop"+this.SlideShowsID).update(this.txt_stop); } if($("slideshow_controls_play_stop"+this.SlideShowsID)){ $("slideshow_controls_play_stop"+this.SlideShowsID).update(this.txt_stop); } clearInterval(this.fadeclear); this.faded=1; this.changeImage(true); }else{ if($("slideshow_controls_playstop"+this.SlideShowsID)){ $("slideshow_controls_playstop"+this.SlideShowsID).update(this.txt_play); } if($("slideshow_controls_play_stop"+this.SlideShowsID)){ $("slideshow_controls_play_stop"+this.SlideShowsID).update(this.txt_play); } var _31=(this.keeptrack()<this.imgs.length-1)?this.keeptrack()+1:0; this.imgsLoad[_31]=new Image(); this.imgsLoad[_31].src=this.imgs[_31][0]; this.buttons(true,_30); } },jump:function(num){ this.prevIndex=this.nextIndex; if(this.inprocess&&this.playing){ clearTimeout(this.inprocess); this.nextIndex-=this.faded; } this.playing=0; if($("slideshow_controls_playstop"+this.SlideShowsID)){ $("slideshow_controls_playstop"+this.SlideShowsID).update(this.txt_play); } if($("slideshow_controls_play_stop"+this.SlideShowsID)){ $("slideshow_controls_play_stop"+this.SlideShowsID).update(this.txt_play); } this.buttons(true,true); if(num<=this.imgs.length&&num>0){ this.nextIndex=num-2; this.changeImage(true,"jump"); } },buttons:function(_32,_33){ if(!this.controls){ return; } if($("slideshow_controls_next"+this.SlideShowsID)){ (_32)?$("slideshow_controls_next"+this.SlideShowsID).className="slideshow_button_next":$("slideshow_controls_next"+this.SlideShowsID).className="slideshow_button_next_inactive"; $("slideshow_controls_next"+this.SlideShowsID).title=_32?this.txt_next:""; } if($("slideshow_controls_previous"+this.SlideShowsID)){ (_32)?$("slideshow_controls_previous"+this.SlideShowsID).className="slideshow_button_previous":$("slideshow_controls_previous"+this.SlideShowsID).className="slideshow_button_previous_inactive"; $("slideshow_controls_previous"+this.SlideShowsID).title=_32?this.txt_previous:""; } if(this.jumpto){ $("go"+this.SlideShowsID).disabled=$("goto"+this.SlideShowsID).disabled=!_32; } },keeptrack:function(){ if(!document.getElementsByTagName){ return this.nextIndex; } var _34=[$("canvas"+this.SlideShowsID+"_0"),$("canvas"+this.SlideShowsID+"_1")]; if(_34[0].style.zIndex>_34[1].style.zIndex&&_34[0].getElementsByTagName("img")[0]){ return parseInt(_34[0].getElementsByTagName("img")[0].id.replace(/slideshow_img/,"")); }else{ if(_34[1].getElementsByTagName("img")[0]){ return parseInt(_34[1].getElementsByTagName("img")[0].id.replace(/slideshow_img/,"")); }else{ return this.nextIndex; } } }});