<\/TITLE>\n") picWin.document.write("<\/HEAD>\n") picWin.document.write("<BODY style='background-color:black;margin-top:10px;margin-left:10px'>\n") picWin.document.write("<div id=\"display\">"+data+"<\/div>") picWin.document.write("\n<\/BODY>\n<\/HTML>") } else{ picWin=window.location.href=(hs4Arr[p][1]) } } } window.onfocus=function(){ paused=0 scrollHS4() } onunload=function(){ // close the popup when leaving page if(picWin&&picWin.open&&!picWin.closed){ picWin.close() } } // end of scroll banner code // **** Functional Code(2.56K) - NO NEED to Change function xanimate(mde,obj,srt){ this.obj=(typeof(obj)=='string')?document.getElementById(obj):obj; this.mde=mde.replace(/[-#]/g,''); this.data=[srt?this.convert(srt,this.mde):0]; this.to=null; } xanimate.prototype={ animate:function(srt,fin,ms,c){ this.std=!(this.mde.indexOf('olor')>0||this.mde=='clip'||this.mde=='opacity'); srt=this.convert(srt,this.mde); fin=this.convert(fin,this.mde); this.pos=true; for (var z0=0;z0<srt.length;z0++){ if (srt[z0]<0||fin[z0]<0){ this.pos=false; } } c=c||''; this.c=c.charAt(0).toLowerCase(); this.mS=ms||2000; clearTimeout(this.to); this.srttime=new Date().getTime(); this.inc=Math.PI/(2*this.mS); this.data=[[],srt,fin]; this.cng(); }, cng:function(){ var ms=new Date().getTime()-this.srttime,d,d1,z0; for (z0=0;z0<this.data[2].length;z0++){ d=this.data[2][z0]-this.data[1][z0]; d1=this.data[1][z0]*1; this.data[0][z0]=Math.floor(this.c=='s'?d*Math.sin(this.inc*ms)+d1:this.c=='c'?(this.data[2][0])-d*Math.cos(this.inc*ms):d/this.mS*ms+d1); if (this.pos&&this.data[0][z0]<0){ this.data[0][z0]=0; } } this.cngstyle(); if (ms<this.mS){ this.to=setTimeout(function(oop){ return function(){oop.cng(); } }(this), 10); } else { this.data[0]=this.data[2]; this.cngstyle(this.data[0]); if (this.Complete){ this.Complete(this); } } }, cngstyle:function(){ var v=this.data[0]; if (this.std){ this.obj.style[this.mde]=v[0]+'px'; } else if (this.mde.indexOf('olor')>0){ this.obj.style[this.mde]='rgb('+v[0]+','+v[1]+','+v[2]+')'; } else if (this.mde=='clip'){ this.obj.style[this.mde]='rect('+v[0]+'px,'+v[1]+'px,'+v[2]+'px,'+v[3]+'px)'; } else if (this.mde=='opacity'){ zxcOpacity(this.obj,v[0]); } }, convert:function(col,mde){ if (typeof(col)=='object'){ return col; } else if (mde=='clip'){ col=col.replace(/[rect()px\s]/gi,'').split(','); return [parseInt(col[0]),parseInt(col[1]),parseInt(col[2]),parseInt(col[3])]; } else if (!col.toString().match('#')){ return [parseInt(col)]; } else { col=parseInt(col.substring(1,3),16)+','+parseInt(col.substring(3,5),16)+','+parseInt(col.substring(5,7),16); col=col.replace(/[rgb()\s]/g,'').split(','); return [parseInt(col[0]),parseInt(col[1]),parseInt(col[2])]; } } } function zxcOpacity(obj,opc){ if (opc<0||opc>100) return; obj.style.filter='alpha(opacity='+opc+')'; obj.style.opacity=obj.style.MozOpacity=obj.style.WebkitOpacity=obj.style.KhtmlOpacity=opc/100-.001; } // ****** Functional Code(5.98 - 9.85K) - NO NEED to Change. function xslideshow(o){ this.nme=o.ID; this.days=o.Days||false; this.cnt=this.ReadCookie(this.nme)?this.ReadCookie(this.nme)*1:0; this.parent=document.getElementById(o.ID); this.parent.style.overflow='hidden'; this.wh=[this.parent.offsetWidth,this.parent.offsetHeight]; var frames=o.Content?[]:this.bycls(o.FramesClassName,this.parent); this.images=true; this.urlary=[]; if (o.Content){ for (var a,z0=0;z0<o.Content.length;z0++){ frames[z0]=document.createElement('IMG'); frames[z0].src=o.Content[z0][0]; if (o.Content[z0][1]){ this.urlary[z0]=o.Content[z0][1]; } if (o.Content[z0][2]){ frames[z0].title=o.Content[z0][2]; } frames[z0].alt=o.Content[z0][2]||'image'; } } else { for (var z0=0;z0<frames.length;z0++){ if (frames[z0].nodeName.toUpperCase()!='IMG'){ this.images=false; } if (frames[z0].parentNode.nodeName.toUpperCase()=='A'&&frames[z0].parentNode.href){ this.urlary[z0]=frames[z0].parentNode.href; } } } this.mode=typeof(o.Mode)=='number'?o.Mode:0; this.frames=frames; this.link=document.createElement('A'); if (this.urlary[this.cnt]){ this.link.href=this.urlary[this.cnt]; } this.parent.appendChild(this.link); this.style(); this.oopary=[[],[]]; var mdes=['left','top','width','height','opacity','clip']; for (var obj,img,z1=0;z1<this.oopary.length;z1++){ img=frames[this.cnt].cloneNode(true); this.link.appendChild(img); for (var z1a=0;z1a<mdes.length;z1a++){ this.oopary[z1].push([new xanimate(mdes[z1a],img)]); } } this.reset(); this.lst=this.frames[0]; this.pages=[]; this.ms=o.Duration||1000; this.hold=o.AutoHold||this.ms*2; this.ud=typeof(o.AutoDirection)=='number'?o.AutoDirection<0?-1:1:1; if (o.AddEvents){ this.AddEvents(o.AddEvents); } if (o.Paginate){ this.Paginate(o.Paginate); } if (o.SlidePanels){ this.SlidePanels(o.SlidePanels); } if (typeof(o.AutoStart)!='boolean'||o.AutoStart!=false){ this.Auto(); } } xslideshow.prototype={ GoTo:function(nu){ clearTimeout(this.to); if (this.frames[nu]&&nu!=this.cnt ){ this.rotate(0,nu); } }, Next:function(nu){ this.ud=typeof(nu)=='number'?nu<0?-1:nu>0?1:this.ud:this.ud; this.rotate(this.ud); }, Auto:function(){ var e=window.event?window.event:arguments.callee.caller?arguments.callee.caller.arguments[0]:false; if (e&&e.type=='mouseout'){ var obj=(e.relatedTarget)?e.relatedTarget:e.toElement; if (!obj){ return; } while (obj.parentNode){ if (obj==this.parent){ return false; } obj=obj.parentNode; } } clearTimeout(this.to); this.auto=true; var oop=this; this.rotate(this.ud); this.to=setTimeout(function(){ oop.Auto(); },this.hold+this.ms); }, Pause:function(){ this.auto=false; clearTimeout(this.to); }, rotate:function(ud,nu){ if (this.mode==100){ this.reset(); } if (this.pages[this.cnt]){ this.pages[this.cnt].className=this.defcls; } if (this.lstpanel){ this.slide(2); } this.link.removeAttribute('href'); this.animate(this.oopary[1],1,2,'1',this.oopary[1][0][0].obj); this.cnt=this.cnt+ud; this.cnt=this.cnt<0?this.frames.length-1:this.cnt>=this.frames.length?0:this.cnt; if (typeof(nu)=='number'){ this.cnt=nu; } var obj=this.frames[this.cnt]; this.link.replaceChild(obj,this.oopary[0][0][0].obj); if (this.urlary[this.cnt]){ this.link.href=this.urlary[this.cnt]; } if (this.pages[this.cnt]){ this.pages[this.cnt].className=this.actcls; } if (this.lstpanel){ this.lstpanel=this.panels[this.cnt]; if (this.mde=='onchange'){ this.slide(3); } } this.animate(this.oopary[0],0,1,'2',obj); this.oopary.reverse(); if (this.days){ document.cookie=this.nme+'='+this.cnt+';expires='+(new Date(new Date().getTime()+this.days*86400000).toGMTString())+';path=/'; } }, animate:function(ary,from,to,z,obj,zz){ obj.style.zIndex=z; for (var from,z0=0;z0<5;z0++){ ary[z0][0].obj=obj; if (ary[z0][1][from]!=ary[z0][1][to]){ ary[z0][0].animate(ary[z0][1][from],ary[z0][1][to],this.ms); } } if (z=='2'&&this.type>12&&this.type<16){ from=this.type==13?[0,this.wh[0]/2,this.wh[1],this.wh[0]/2]:this.type==14?[this.wh[1]/2,this.wh[0],this.wh[1]/2,0]:[this.wh[1]/2,this.wh[0]/2,this.wh[1]/2,this.wh[0]/2]; ary[5][0].obj=obj; ary[5][0].animate(from,[0,this.wh[0],this.wh[1],0],this.ms); } }, reset:function(){ var w=this.wh[0],h=this.wh[1]; var mde=this.mode; if (mde==100){ mde=Math.floor(Math.random()*(this.images?19:16)); } var ary=[ mde==1?[-w,0,w]:mde==2?[w,0,-w]:mde==5?[-w,0,0]:mde==6?[w,0,0]:mde==9?[-w,0,0]:mde==10?[w,0,0]:mde==11?[w,0,0]:mde==12?[-w,0,0]:mde==17||mde==19?[w/2,0,0]:[0,0,0], mde==3?[-h,0,h]:mde==4?[h,0,-h]:mde==7?[-h,0,0]:mde==8?[h,0,0]:mde==9?[-h,0,0]:mde==10?[-h,0,0]:mde==11?[h,0,-0]:mde==12?[h,0,0]:mde==18||mde==19?[h/2,0,0]:[0,0,0], mde==17||mde==19?[0,w,w]:[w,w,w], mde==18||mde==19?[0,h,h]:[h,h,h], mde!=0?[100,100,100]:[0,100,0] ]; this.type=mde; this.style(); for (var oop,z0=0;z0<2;z0++){ oop=this.oopary[z0]; for (var z0a=0;z0a<5;z0a++){ oop[z0a][1]=ary[z0a]; } } }, style:function(){ var w=this.parent.offsetWidth,h=this.parent.offsetHeight; for (var z0=0;z0<this.frames.length;z0++){ this.frames[z0].style.position='absolute'; this.frames[z0].style.borderWidth='0px'; this.frames[z0].style.left='0px'; this.frames[z0].style.top='0px'; this.frames[z0].style.width=w+'px'; this.frames[z0].style.height=h+'px'; zxcOpacity(this.frames[z0],100); } }, bycls:function (nme,el,tag){ for (var reg=new RegExp('\\b'+nme+'\\b'),els=el.getElementsByTagName('*'),ary=[],z0=0; z0<els.length;z0++){ if(reg.test(els[z0].className)){ ary.push(els[z0]); } } return ary; }, // Optional Add Events Code AddEvents:function(ary){ ary=typeof(ary)=='object'&&ary.constructor==Array?ary:[]; for (var but,type,z0=0;z0<ary.length;z0++){ var but=document.getElementById(ary[z0][0]),type=this.evttype(ary[z0][2]); if (but&&type&&this[ary[z0][1]]){ this.addevt(but,type,ary[z0][1],ary[z0][3]); } } }, evttype:function(et){ type=(typeof(et)=='string'?et:'').toLowerCase().replace('on',''); return type=='click'||type=='mousedown'||type=='mouseup'||type=='mouseover'||type=='mouseout'?type:false; }, addevt:function(o,t,f,p){ var oop=this; if (o.addEventListener) o.addEventListener(t,function(e){ return oop[f](p,e);}, false); else if (o.attachEvent) o.attachEvent('on'+t,function(e){ return oop[f](p,e); }); }, // Optional Slide Panels Code SlidePanels:function(o){ var mde=o.Mode.charAt(0).toUpperCase(),data=mde=='L'||mde=='R'?['left','Width','top']:['top','Height','left']; var panels=o.Content?[]:this.bycls(o.ClassName,this.parent); if (o.Content){ for (var z0=0;z0<o.Content.length;z0++){ panels[z0]=document.createElement('DIV'); panels[z0].className=o.Content[z0][1]||o.ClassName; panels[z0].innerHTML=o.Content[z0][0]; this.parent.appendChild(panels[z0]); } } this.panels=[]; this.opac=typeof(o.FadeIn)=='number'?o.FadeIn:100; for (var psz=this.parent['offset'+data[1]],srt,fin,z1=0;z1<panels.length;z1++){ panels[z1].style.position='absolute'; srt=mde=='L'||mde=='T'?-panels[z1]['offset'+data[1]]-2:psz-2; fin=mde=='R'||mde=='B'?psz-panels[z1]['offset'+data[1]]:0; panels[z1].style[data[0]]=srt+'px'; panels[z1].stylezIndex='2'; this.panels[z1]=[new xanimate(data[0],panels[z1],srt),[srt,fin],o.FadeIn?new xanimate('opacity',panels[z1],0):false]; } this.lstpanel=this.panels[this.cnt]; this.mde=o.SlideIn; if (this.mde=='onchange'){ this.slide(3); } else if (this.evttype(o.SlideIn)){ this.addevt(this.parent,this.evttype(o.SlideIn),'slide','3'); } if (this.evttype(o.SlideOut)){ this.addevt(this.parent,this.evttype(o.SlideOut),'slide','2'); } this.pms=o.Duration||this.ms; }, slide:function(p,e){ clearTimeout(this.to); if (this.lstpanel){ this.lstpanel[0].obj.style.zIndex=p; this.lstpanel[0].animate(this.lstpanel[0].data[0],this.lstpanel[1][p=='3'?1:0],this.pms); if (this.lstpanel[2]){ this.lstpanel[2].animate(this.lstpanel[2].data[0],p=='3'?this.opac:0,this.pms); } if (p==2&&e&&this.auto){ var oop=this; this.to=setTimeout(function(){ oop.Auto(); },this.hold+this.pms) } } }, // Optional Persistance Code ReadCookie:function(nme){ nme+='='; var split=document.cookie.split(';'); for(var z0=0;z0<split.length;z0++){ var s=split[z0]; while (s.charAt(0)==' '){ s=s.substring(1,s.length); } if (s.indexOf(nme)==0){ return s.substring(nme.length,s.length); } } return null; } } var S1, S2, S3, S4, S5; function Init(){ //Demo 1 S1=new xslideshow({ ID:'tst1', // the unique ID name of the images parent node. (string) FramesClassName:'img', // the common class name of the 'fade' frames. (string) Mode:16, //(optional) // // There are eighteen modes of execution plus random: // 0 = opacity, // 1 = slide in/out right, 2 = slide in/out left, 3 =slide in/out down, 4 = slide in/out up, // 5 = slide in right, 6 = slide in left, 7 = slide in down, 8 = slide in up, // 9 = left top, 10 = right top, 11 = right bottom, 12 = left bottom, // 13 = horizontal clip, 14 = vertical clip, 15 = square clip, // 16 = simple swap, // 17 = horizontal blind, 18 = vertical blind, 19 = square blind, // 100 = randomode of effect execution(see **** Modes of Execution. (digits, default = 0('opacity')) Duration:500, //(optional) the duration of the fade effect in milliseconds. (digits, default = 1000) AutoHold:4000, //(optional) the hold duration of automatic changing of images. (digits, default = Duration*2) AutoDirection:1, //(optional) 1 = rotate forward, -1 = rotate back. (digits, default = 1) AutoStart:true, //(optional) true = the images will start auto rotation. (boolean, default = true) Days:1, //(optional) the persistance in days to remember the last frame on initialisation. (digits, default = no persistance) SlidePanels:{ //(optional) an object defining slide in panels options. (object, default = no slide in panels) Mode:'bottom', // mode of effect execution, 'left', 'right' 'top', 'bottom'. (string) ClassName:'panel', // the common class name of the 'panel' elements. (string) SlideIn:'onchange', // the event type to slide the panel in, 'mouseover', 'mouseout' or 'onchange'. (string) SlideOut:'mouseout', // the event type to slide the panel out, 'mouseover', 'mouseout'. (string) Duration:1000, //(optional) the duration of the fade effect in milliseconds. (digits, default = 1000) FadeIn:80 //(optional) true = fade in the panel. (boolean, default = no fade in) }, AddEvents:[ //(optional) an array of arrays defining the events to be added. (array) // where each field is an array: // field 0 = the unique ID name of the element. (string) // field 1 = the function name. (string) // field 2 = the event type. (string) // field 3 = the parameter to pass to the function. (see Script Functions) // ['tst1','Auto','mouseout'] //, ['tst1','Pause','mouseover'] ] }); } if (window.addEventListener){ window.addEventListener('load',Init, false); } else if (window.attachEvent){ window.attachEvent('onload',Init); } function DemoSelect(sel,oop,txt){ var index=sel.selectedIndex; if (index>0){ oop.mode=sel.value!='Random'?index-1:100; oop.reset(); document.getElementById(txt).innerHTML=sel.value; } }