





 

var restarea=6;
var maxspeed=10;
var maxwidth=1000;
var startpos=0;
var endofgallerymsg='<span style="font-size: 11px;"></span>';


var gallery=new Array();
gallery.usespace=0;
gallery[0]='<a href="#"><img src="oost/raaks2.gif" border="0"></a>';
gallery[1]='<a href="#"><img src="oost/wilhelminastraat1.gif" border="0"></a>';
gallery[2]='<a href="#"><img src="oost/wilhelminastraat3.gif" border="0"></a>';
gallery[3]='<a href="#"><img src="oost/wilhelminastraat5.gif" border="0"></a>';
gallery[4]='<a href="#"><img src="oost/wilhelminastraat7.gif" border="0"></a>';
gallery[5]='<a href="#"><img src="oost/wilhelminastraat9.gif" border="0"></a>';
gallery[6]='<a href="#"><img src="oost/wilhelminastraat11.gif" border="0"></a>';
gallery[7]='<a href="#"><img src="oost/wilhelminastraat13.gif" border="0"></a>';
gallery[8]='<a href="#"><img src="oost/wilhelminastraat15.gif" border="0"></a>';
gallery[9]='<a href="#"><img src="oost/wilhelminastraat17.gif" border="0"></a>';
gallery[10]='<a href="#"><img src="oost/keizerstraat.gif" border="0"></a>';
gallery[11]='<a href="#"><img src="oost/wilhelminastraat19.gif" border="0"></a>';
gallery[12]='<a href="#"><img src="oost/wilhelminastraat21.gif" border="0"></a>';
gallery[13]='<a href="#"><img src="oost/wilhelminastraat23.gif" border="0"></a>';
gallery[14]='<a href="#"><img src="oost/wilhelminastraat25.gif" border="0"></a>';
gallery[15]='<a href="#"><img src="oost/wilhelminastraat27.gif" border="0"></a>';
gallery[16]='<a href="#"><img src="oost/wilhelminastraat29.gif" border="0"></a>';
gallery[17]='<a href="#"><img src="oost/wilhelminastraat31.gif" border="0"></a>';
gallery[18]='<a href="#"><img src="oost/wilhelminastraat33.gif" border="0"></a>';
gallery[19]='<a href="#"><img src="oost/wilhelminastraat35.gif" border="0"></a>';
gallery[20]='<a href="#"><img src="oost/wilhelminastraat37.gif" border="0"></a>';
gallery[21]='<a href="#"><img src="oost/wilhelminastraat39.gif" border="0"></a>';
gallery[22]='<a href="#"><img src="oost/wilhelminastraat41.gif" border="0"></a>';
gallery[23]='<a href="#"><img src="oost/wilhelminastraat43.gif" border="0"></a>';
gallery[24]='<a href="#"><img src="oost/wilhelminastraat43a.gif" border="0"></a>';
gallery[25]='<a href="#"><img src="oost/wilhelminastraat45.gif" border="0"></a>';
gallery[26]='<a href="#"><img src="oost/wilhelminastraat47.gif" border="0"></a>';
gallery[27]='<a href="#"><img src="oost/wilhelminastraat49.gif" border="0"></a>';
gallery[28]='<a href="#"><img src="oost/wilhelminastraat51.gif" border="0"></a>';
gallery[29]='<a href="#"><img src="oost/wilhelminastraat53.gif" border="0"></a>';
gallery[30]='<a href="#"><img src="oost/wilhelminastraat55.gif" border="0"></a>';
gallery[31]='<a href="#"><img src="oost/wilhelminastraat57.gif" border="0"></a>';
gallery[32]='<a href="#"><img src="oost/wilhelminastraat59.gif" border="0"></a>';
gallery[33]='<a href="#"><img src="oost/alexanderstraat2.gif" border="0"></a>';
gallery[34]='<a href="#"><img src="oost/hoekalexanderstraat.gif" border="0"></a>';
gallery[35]='<a href="#"><img src="oost/wilhelminastraat61.gif" border="0"></a>';
gallery[36]='<a href="#"><img src="oost/wilhelminastraat63.gif" border="0"></a>';
gallery[37]='<a href="#"><img src="oost/wilhelminastraat65.gif" border="0"></a>';
gallery[38]='<a href="#"><img src="oost/wilhelminastraat67.gif" border="0"></a>';
gallery[39]='<a href="#"><img src="oost/hoekwilsonsplein.gif" border="0"></a>';
gallery[40]='<a href="#"><img src="oost/wilsonsplein.gif" border="0"></a>';

var gallery2=new Array();
gallery2.usespace=0;
gallery2[0]='<a href="#"><img src="west/schouwburg.gif" border="0"></a>';
gallery2[1]='<a href="#"><img src="west/wilhelminastraat66.gif" border="0"></a>';
gallery2[2]='<a href="#"><img src="west/wilhelminastraat64.gif" border="0"></a>';
gallery2[3]='<a href="#"><img src="west/wilhelminastraat62.gif" border="0"></a>';
gallery2[4]='<a href="#"><img src="west/wilhelminastraat60.gif" border="0"></a>';
gallery2[5]='<a href="#"><img src="west/wilhelminastraat58.gif" border="0"></a>';
gallery2[6]='<a href="#"><img src="west/wilhelminastraat56.gif" border="0"></a>';
gallery2[7]='<a href="#"><img src="west/alexanderstraat.gif" border="0"></a>';
gallery2[8]='<a href="#"><img src="west/wilhelminastraat50.gif" border="0"></a>';
gallery2[9]='<a href="#"><img src="west/wilhelminastraat48.gif" border="0"></a>';
gallery2[10]='<a href="#"><img src="west/wilhelminastraat46.gif" border="0"></a>';
gallery2[11]='<a href="#"><img src="west/wilhelminastraat44.gif" border="0"></a>';
gallery2[12]='<a href="#"><img src="west/wilhelminastraat42.gif" border="0"></a>';
gallery2[13]='<a href="#"><img src="west/wilhelminastraat40.gif" border="0"></a>';
gallery2[14]='<a href="#"><img src="west/wilhelminastraat38.gif" border="0"></a>';
gallery2[15]='<a href="#"><img src="west/wilhelminastraat36.gif" border="0"></a>';
gallery2[16]='<a href="#"><img src="west/wilhelminastraat34.gif" border="0"></a>';
gallery2[17]='<a href="#"><img src="west/wilhelminastraat32.gif" border="0"></a>';
gallery2[18]='<a href="#"><img src="west/mauritsstraat.gif" border="0"></a>';
gallery2[19]='<a href="#"><img src="west/hoekmauritsstraat.gif" border="0"></a>';
gallery2[20]='<a href="#"><img src="west/garages.gif" border="0"></a>';
gallery2[21]='<a href="#"><img src="west/wilhelminastraat30.gif" border="0"></a>';
gallery2[22]='<a href="#"><img src="west/wilhelminastraat28-24.gif" border="0"></a>';
gallery2[23]='<a href="#"><img src="west/wilhelminastraat22.gif" border="0"></a>';
gallery2[24]='<a href="#"><img src="west/wilhelminastraat20.gif" border="0"></a>';
gallery2[25]='<a href="#"><img src="west/prinshendrikstraat.gif" border="0"></a>';
gallery2[26]='<a href="#"><img src="west/prinshendrikschool.gif" border="0"></a>';
gallery2[27]='<a href="#"><img src="west/wilhelminastraat18.gif" border="0"></a>';
gallery2[28]='<a href="#"><img src="west/wilhelminastraat16.gif" border="0"></a>';
gallery2[29]='<a href="#"><img src="west/wilhelminastraat14.gif" border="0"></a>';
gallery2[30]='<a href="#"><img src="west/wilhelminastraat12-10.gif" border="0"></a>';



var iedom=document.all||document.getElementById, cgals=[], thewin=null;
function cmotiongallery(gallery, rest, maxs, maxw, startp, width, height, c){
if(!iedom)
return;
this.gallery=gallery;
this.usespace=this.gallery.usespace? ' ' : '';
this.width=/%/.test(width)? width : parseInt(width)+'px';
this.height=height;
this.c=c? 'margin:0 auto;' : '';
this.loadedyes=0;
this.movestate='';
this.scrollspeed=0;
this.galid=cgals.length;
cgals[cgals.length]=this;
this.rest=rest;
this.maxs=maxs;
this.maxw=maxw;
this.startpos=startp;

for (var i_tem = 0; i_tem < this.gallery.length; i_tem++)
this.gallery[i_tem]=!/on[cC]lick/.test(this.gallery[i_tem])? this.gallery[i_tem].replace(/href="#"/, 'href="#" onclick="return false;"') : this.gallery[i_tem];

document.write('<div class="motioncontainer" id="motioncontainer'+this.galid+'"  style="'+this.c+'width:'+this.width+';height:'+this.height+'px;position:relative;left:0;top:0;overflow:hidden;">\n'+
'<div id="motiongallery'+this.galid+'" style="position:absolute;left:0;top:0;white-space: nowrap;">\n'+
'\n'+
'<nobr id="trueContainer'+this.galid+'">'+this.gallery.join(this.usespace)+'<\/nobr>\n'+
'\n'+
'<\/div>\n'+
'<\/div>')
this.fillup();
}

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

cmotiongallery.prototype.creatediv=function(){
this.statusdiv=document.createElement("div")
this.statusdiv.setAttribute("id","statusdiv"+this.galid)
this.statusdiv.className="statusdiv";
document.body.appendChild(this.statusdiv)
this.statusdiv=document.getElementById("statusdiv"+this.galid)
this.statusdiv.innerHTML=endofgallerymsg
}

cmotiongallery.prototype.positiondiv=function(){
this.mainobjoffset=getposOffset(this.crossmain, "left"),
this.menuheight=parseInt(this.crossmain.offsetHeight),
this.mainobjoffsetH=getposOffset(this.crossmain, "top");
this.statusdiv.style.left=this.mainobjoffset+(this.menuwidth/2)-(this.statusdiv.offsetWidth/2)+"px";
this.statusdiv.style.top=this.menuheight+this.mainobjoffsetH+"px";
}

cmotiongallery.prototype.showhidediv=function(what){
if (endofgallerymsg!="") {
this.positiondiv();
this.statusdiv.style.visibility=what;
}
}

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft: what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

cmotiongallery.prototype.moveleft=function(){
if (this.loadedyes){
this.movestate="left";
if (iedom&&parseInt(this.cross_scroll.style.left)>(this.menuwidth-this.actualwidth)){
this.cross_scroll.style.left=parseInt(this.cross_scroll.style.left)-this.scrollspeed+"px";
this.showhidediv("hidden");
}
else
this.showhidediv("visible");
}
this.lefttime=setTimeout("cgals["+this.galid+"].moveleft()",10);
}

cmotiongallery.prototype.moveright=function(){
if (this.loadedyes){
this.movestate="right";
if (iedom&&parseInt(this.cross_scroll.style.left)<0){
this.cross_scroll.style.left=parseInt(this.cross_scroll.style.left)+this.scrollspeed+"px";
this.showhidediv("hidden");
}
else
this.showhidediv("visible");
}
this.righttime=setTimeout("cgals["+this.galid+"].moveright()",10);
}

cmotiongallery.prototype.motionengine=function(e){
this.mainobjoffset=getposOffset(this.crossmain, "left"),
dsocx=(window.pageXOffset)? pageXOffset: ietruebody().scrollLeft,
dsocy=(window.pageYOffset)? pageYOffset : ietruebody().scrollTop,
curposy=window.event? event.clientX : e.clientX? e.clientX: "";
curposy-=this.mainobjoffset-dsocx;
this.leftbound=(this.menuwidth-this.rest)/2;
this.rightbound=(this.menuwidth+this.rest)/2;
if (curposy>this.rightbound){
this.scrollspeed=(curposy-this.rightbound)/((this.menuwidth-this.rest)/2) * this.maxs;
clearTimeout(this.righttime);
if (this.movestate!="left") this.moveleft();
}
else if (curposy<this.leftbound){
this.scrollspeed=(this.leftbound-curposy)/((this.menuwidth-this.rest)/2) * this.maxs;
clearTimeout(this.lefttime);
if (this.movestate!="right") this.moveright();
}
else
this.scrollspeed=0;
}

function contains_ns6(a, b) {
if (b!==null)
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

cmotiongallery.prototype.stopmotion=function(e){
if (!window.opera||(window.opera&&e.relatedTarget!==null))
if ((window.event&&!this.crossmain.contains(event.toElement)) || (e && e.currentTarget && e.currentTarget!= e.relatedTarget &&  !contains_ns6(e.currentTarget, e.relatedTarget))){
clearTimeout(this.lefttime);
clearTimeout(this.righttime);
this.movestate="";
}
}

cmotiongallery.prototype.fillup=function(){
if (iedom){
this.crossmain=document.getElementById? document.getElementById("motioncontainer"+this.galid) : document.all["motioncontainer"+this.galid];
if(typeof this.crossmain.style.maxWidth!=='undefined')
this.crossmain.style.maxWidth=this.maxw+'px';
this.menuwidth=this.crossmain.offsetWidth;
this.cross_scroll=document.getElementById? document.getElementById("motiongallery"+this.galid) : document.all["motiongallery"+this.galid];
this.loading=document.getElementsByTagName? document.getElementById('trueContainer'+this.galid).getElementsByTagName('img') :  document.all['trueContainer'+this.galid].all.tags('img');
for (var i_tem = 0; i_tem < this.loading.length; i_tem++)
if(typeof this.loading[i_tem].complete=='boolean'&&this.loading[i_tem].complete==false){
setTimeout("cgals["+this.galid+"].fillup()", 500);
return;
}
this.actualwidth=document.getElementById? document.getElementById("trueContainer"+this.galid).offsetWidth :  document.all['trueContainer'+this.galid].offsetWidth;
if (this.startpos)
this.cross_scroll.style.left=(this.menuwidth-this.actualwidth)/this.startpos+'px';
this.crossmain.onmousemove=new Function("e", "cgals["+this.galid+"].motionengine(e)");

this.crossmain.onmouseout=new Function("e", "cgals["+this.galid+"].stopmotion(e);cgals["+this.galid+"].showhidediv('hidden')");
}
this.loadedyes=1
if (endofgallerymsg!=""){
this.creatediv();
this.positiondiv();
}
}

function cmotionresize(){
for (var i_tem = 0; i_tem < cgals.length; i_tem++){
if (document.all&&document.all['motioncontainer'+i_tem]&&document.all['motioncontainer'+i_tem].filters){
document.all['motioncontainer'+i_tem].style.width="0";
document.all['motioncontainer'+i_tem].style.width=cgals[i_tem].width;
document.all['motioncontainer'+i_tem].style.width=Math.min(document.all['motioncontainer'+i_tem].offsetWidth, cgals[i_tem].maxw)+'px';
}
cgals[i_tem].menuwidth=cgals[i_tem].crossmain.offsetWidth;
cgals[i_tem].cross_scroll.style.left=cgals[i_tem].startpos? (cgals[i_tem].menuwidth-cgals[i_tem].actualwidth)/cgals[i_tem].startpos+'px' : 0;
}
}

if ( typeof window.addEventListener != "undefined" )
    window.addEventListener( "resize", cmotionresize, false );
else if ( typeof window.attachEvent != "undefined" )
    window.attachEvent( "onresize", cmotionresize );
else {
    if ( window.onresize != null ) {
        var oldOnresize = window.onresize;
        window.onresize = function ( e ) {
            oldOnresize( e );
            cmotionresize();
        };
    }
    else
        window.onresize = cmotionresize;
}

