/**
 * @author Marjan Bos / Gerard Druiven Fundament All Media
*/
var rootPagePath="/";
var zindexboxold=0;
var zindexboxnew=100;
var topZindex=100;
var dragOpacity=.5;
var opacityUit=.5;
var topRolmopsZ=100;
var doDebug=false;

function makePage(){
  if(doDebug){
  var deb=new Element('div');
    deb.setStyles({'position':'absolute','left':0,'top':0,'width': 300,'height':500,'overflow':'scroll','background-color':'#fff','color':'#000','id':'debber','z-index':60000,'border':'1px solid #f00'});
    var debcontainer=$E('body')
    debcontainer.appendChild(deb);
    deb.innerHTML="hallo allemaal<br />\n";
    var trace=function (t){
      if(doDebug){
        deb.innerHTML=t+"<br />\n"+deb.innerHTML;
      }
    }
  }else {
    var trace=function(){};
  }
  //pak id uit content, als deze niet leeg is kunnen rolmopsen niet gebruikt worden en wordt opacity laag gezet
  var contentpage=$E('.content');
  var isContentId="";
  var rolmopsen = $ES('.rolmops');
	/* right column */
  var rightColumn=$E('.rightcolumn');
  var cloneRightColumn=null;
  if(!rightColumn){
		rightColumn=null;
  }
	/* end right column 1 */
  var rolmopsspiegeling=$E('.rolmopsen_spiegeling');
  var content_spiegeling=$E('.content_spiegeling');
  if(!content_spiegeling)content_spiegeling=new Element('div');
  //body.appendChild(content_spiegeling);
  /*
  kijk in content page of er een extra div in zit
  zo niet dan is er geen extra pagina
  anders worden de rolmopsen gemaakt maar ze zijn niet clickable en zijn vaag
  */
  if(contentpage.getFirst()){
    var firstTag=contentpage.getFirst().getTag();
  }
  var inhoud="";
  var title="";
  /* titel wordt gehaald uit eerste h1 */
  if(contentpage.getElement('h1')){
    title=contentpage.getElement('h1').getText();
    contentpage.getElement('h1').remove();
  } else {
    title="AM";
  }
  /* voor het geval de content div heeft alleen maar inhoud en geen div daaromheen gerapt */
  var children=contentpage.getChildren();
  var beheerNavigation=contentpage.getElement('div.ec_navigation');
   var nikiOverlayPriceList=contentpage.getElement('div#overlayPriceList');
  var contentcontainer=contentpage.getElement('div.contentContainer');
   var contentNikiWS = contentpage.getElement('div.nikiWS');
   var contentECDiv = contentpage.getElement('div.ec');
   /* mootools / jquery conflict hack */
   if (!contentcontainer) {
      //trace("nikiOverlayPriceList : " + nikiOverlayPriceList)
      if(contentNikiWS || contentECDiv){
         contentcontainer=new Element('div');
         contentpage.appendChild(contentcontainer);
         //trace("contentcontainer : " + contentcontainer)
        if(beheerNavigation)beheerNavigation.injectInside(contentcontainer);
         if (contentNikiWS)
         {
            contentNikiWS.injectInside(contentcontainer);
         }
         else if (contentECDiv)
         {
             jQuery(contentcontainer).prepend(contentECDiv);
            //contentECDiv.injectInside(contentcontainer);
         }
        if(nikiOverlayPriceList)nikiOverlayPriceList.injectInside(contentcontainer);
      }
   }
   /* END mootools / jquery conflict hack */
  var checkdiv=contentpage.getElements('div');
  var sidesubmenu=contentpage.getElement('div.sideSubMenu');
  if(sidesubmenu){
      var dum_h=sidesubmenu.getElement('.submenu_holder');
      var dum_k=sidesubmenu.getElement('.submenu_kop');
      var dum_holder_lis=$$('.submenu_holder ul li');
      sidesubmenu.setStyles({'position':'absolute','left':0,'top':0,'overflow':'hidden','z-index':5000});
      dum_k.setStyles({'position':'absolute','left':0,'top':0,'z-index':2});
      var kh=dum_k.getStyle('height').toInt()+1;
      dum_h.setStyles({'position':'absolute','left':0,'top':kh,'overflow':'hidden','z-index':2});
  }else sidesubmenu=null

  if(dum_holder_lis && dum_holder_lis.length==0){
    sidesubmenu.remove();
    sidesubmenu=null;
    checkdiv=contentpage.getElements('div');
    children=contentpage.getChildren();
  }

  //var contentcontainer=contentpage.getElement('div.contentContainer');
  var dimC=contentpage.getCoordinates();
	var contentBorderThick=contentpage.getStyle('border').toInt();

	trace("contentBorderThick = "+contentBorderThick);
	var contentStartWidth=dimC.width.toInt()-contentBorderThick*2;
	var contentStartHeight=dimC.height.toInt()-contentBorderThick*2;
	trace("dimC width = "+dimC.width);
	trace("dimC height 1 "+dimC.height);
	//var contentcontainer=new Element('div');
	if(!contentcontainer && children.length>0){
    var inhoud=contentpage.innerHTML;
    var contentcontainer=new Element('div');
    //contentcontainer.setProperty('class','emptyContentContainer');
    //contentcontainer.setStyles({'position':'absolute','left':'0px','top':'0px','width':contentStartWidth,'height':contentStartHeight,'overflow':'visible'});
		contentcontainer.setStyles({'overflow':'visible'});
    if(sidesubmenu==null){
      contentpage.empty();
    }else{
      var sideDum=sidesubmenu.clone();
      sidesubmenu.remove();
      inhoud=contentpage.innerHTML;
      contentpage.empty();
      contentpage.appendChild(sideDum);
      sidesubmenu=sideDum;
    }

    contentcontainer.innerHTML=inhoud;
    contentpage.appendChild(contentcontainer);
  }
  if(contentcontainer){
    var dimContainer=contentcontainer.getCoordinates();
    if(dimContainer.width > dimC.width){
      contentStartWidth=dimContainer.width.toInt()-contentBorderThick*2;
    }
    if(dimContainer.height > dimC.height){
      contentStartWidth=dimContainer.height.toInt()-contentBorderThick*2;
    }
    isContentId="_contentid";
  }else isContentId="";

  var teller=0;
  //For each of the above elements run this function(pass in the selected function el)

  $$('div.rolmopsen div.rolmops').each(function(el,i){
    /*  make border */
    var elid=el.getProperty('id');
    var coords=getRMCookie(elid);
    var el_hide=checkVisible(elid+"_notvisible");
    if(el_hide){
      el.remove();
    }else{
      var rolmops_border=new Element('div',{'class':'instance_border'});
      //rolmops_border.setProperty('class','instance_border');
      el.appendChild(rolmops_border);
      /* get border thickness */
      var borderThick=rolmops_border.getStyle('border').toInt();

      /* make header */
      var rolmops_header=new Element('div');
      rolmops_header.setProperty('class','instance_header');
      el.appendChild(rolmops_header);
      /* get height en padding left header */
      var headerObj=rolmops_header.getStyles('height','padding-left');
      var headerHeight=parseInt(headerObj.height);
      var headerLeftpadding=parseInt(headerObj['padding-left']);

      var rolmops_image=el.getElement('img');
      if(!rolmops_image){
        rolmops_image=new Element('img');
        rolmops_image.setProperties({width: 100, height: 100, src:'',alt:'geen image'});
        el.appendChild(rolmops_image);
      }
      var imObj=rolmops_image.getProperties('width','height','alt');
      /* nav image set hoogte en width van rolmops inc border */
      var headerWidth=parseInt(imObj.width)-headerLeftpadding;
      var borderHeight=parseInt(imObj.height)+headerHeight;
      var borderWidth=parseInt(imObj.width);
      var imTop=borderThick+headerHeight;
      rolmops_header.setText(imObj.alt);
      rolmops_border.setStyles({width: borderWidth, height : borderHeight});
      rolmops_header.setStyles({left: borderThick, top: borderThick,width: headerWidth,height:headerHeight });
      rolmops_image.setStyles({left: borderThick, top: imTop});
      /* pakken van het submenu */
      var rm_submenu=el.getElement('.rm_submenu');
      if(rm_submenu){
        //alert("ja er is een submenu");
        var rm_id='rm_sub_'+i;
        rm_submenu.setStyles({'position':'absolute',left: borderThick, top: imTop,'width':imObj.width.toInt(),'height':imObj.height.toInt(),'display':'none','id':rm_id});

      }

      /* zetten van shadow rand om rolmops */
      var shadow_rleft=(parseInt(imObj.width)+borderThick*2);
      var shadow_rheight=(parseInt(imObj.height)+borderThick*2+headerHeight-22);
      var shadow_rbtop=(parseInt(imObj.height)+borderThick*2+headerHeight-7);
      var shadow_bottom=(parseInt(imObj.height)+borderThick*2+headerHeight);
      var shadow_bwidth=(parseInt(imObj.width)+borderThick*2-15)+'px';
      var shadow_rt=new Element('div');
      shadow_rt.setProperty('class','shadow_rt');
      shadow_rt.setStyles({left: shadow_rleft, top: 0, 'z-index':1});
      var shadow_r=new Element('div');
      shadow_r.setProperty('class','shadow_r');
      shadow_r.setStyles({left: shadow_rleft, top: 15, height: shadow_rheight, 'z-index':1});
      var shadow_rb=new Element('div');
      shadow_rb.setProperty('class','shadow_rb');
      shadow_rb.setStyles({left: shadow_rleft, top: shadow_rbtop, 'z-index':1});
      var shadow_b=new Element('div');
      shadow_b.setProperty('class','shadow_b');
      shadow_b.setStyles({left: 15, top: shadow_bottom, width:shadow_bwidth , 'z-index':1});
      var shadow_lb=new Element('div');
      shadow_lb.setProperty('class','shadow_lb');
      shadow_lb.setStyles({left: 0, top: shadow_bottom, 'z-index':1});
      var sdivWidth=shadow_rleft+8;
      var sdivBottom=shadow_bottom+8;
      var shadowsdiv=new Element('div',{'styles':{position: 'absolute',left: 0, top: 0,'z-index':1,width : sdivWidth, height : sdivBottom}});
      //shadowsdiv.setStyles({position: 'absolute',left: 0, top: 0,'z-index':1});
      shadowsdiv.appendChild(shadow_rt);
      shadowsdiv.appendChild(shadow_r);
      shadowsdiv.appendChild(shadow_rb);
      shadowsdiv.appendChild(shadow_b);
      shadowsdiv.appendChild(shadow_lb);
      el.appendChild(shadowsdiv);
      var elWidth=(parseInt(imObj.width)+borderThick*2)+'px';
      var elHeight=(parseInt(imObj.height)+borderThick*2+headerHeight)+'px';
      el.setStyles({'z-index':topRolmopsZ,width: elWidth, height : elHeight});
      topRolmopsZ++;
      /* zet spiegeling van rolmaps */
      if(rolmopsspiegeling){
        var spiegeling=new Element('div');
        spiegeling.setProperty('class','spiegeling');
        rolmopsspiegeling.appendChild(spiegeling);
        spiegeling.setProperty('id',"rolmops_"+teller);
        el.setProperty('thisId',teller);
        //if cookie set , zet rolmops op goede plek
         if(typeof coords=='object'){
            if(coords.left && coords.top){
              var l=(coords.left.toInt()-el.getParent().getLeft().toInt());//+'px';
              var t=(coords.top.toInt()-el.getParent().getTop().toInt());//+'px';
              if(t<0)t=0;
               el.setStyles({left:l, top: t});
            }
          }
        //
        var is_width=(parseInt(imObj.width)+borderThick*2)+'px';
        var is_top=(el.getStyle('top').toInt()+el.getStyle('height').toInt()-1)+'px';
        var is_left=el.getStyle('left').toInt()+'px';
        //alert("getstyles "+el.getStyle('top'));
        var rolmopsIEW;
        spiegeling.setStyles({top: is_top, width: is_width,left: is_left});
      }
      if(isContentId==""){
        if(rm_submenu){
          rolmops_image.addEvent(
            "mouseenter",function(event){
              rm_submenu.setStyle('display','block');
            });
          if(window.ie){
            rolmops_image.addEvent(
              "mouseleave",function(event){
                var dim=rolmops_image.getCoordinates();
                var x=event.client.x;
                var y=event.client.y;
                var l=rolmops_image.getLeft()+1;
                var t=rolmops_image.getTop()+1;
                var mw=l+rolmops_image.width-2;
                var mh=t+rolmops_image.height-2;

                if(!(x>l && x<mw && y>t && y<mh)){
                  rm_submenu.setStyle('display','none');
                }
              });
            }
            rm_submenu.addEvent(
            "mouseleave",function(event){
              rm_submenu.setStyle('display','none');
            });

        }
        rolmops_header.setStyle('cursor','move');
        if(rolmopsspiegeling)spiegeling.makeDraggable({handle: rolmops_header});
        el.makeDraggable({handle: rolmops_header,
            'onStart': function(el){
              topRolmopsZ++;
              rolmopsIEW=window.getScrollWidth();
              el.setStyles({'opacity':'.5','z-index':topRolmopsZ});
            }
            ,'onComplete': function(el){
              el.setStyles({'opacity':'1'});
              var rmD=el.getCoordinates();
              //alert("rmD width"+startIEW);
              if(el.getLeft()<0){
                var l=-el.getParent().getLeft();
                el.setStyle('left',l);
                var id=el.getProperty('thisId').toInt();
                $('rolmops_'+id).setStyle('left',l);
              }
              else if((el.getLeft()+rmD.width)>rolmopsIEW){
                var pl=el.getParent().getLeft();
                var l=rolmopsIEW-rmD.width-pl-15;
                el.setStyle('left',l);
                var id=el.getProperty('thisId').toInt();
                $('rolmops_'+id).setStyle('left',l);
              }
              if(el.getTop()<0){
                var l=-el.getParent().getTop();
                el.setStyle('top',l);
                var id=el.getProperty('thisId').toInt();
                $('rolmops_'+id).setStyle('top',l);
              }
              setRMCookie(el.getProperty('id')+"_left",el.getLeft());
              setRMCookie(el.getProperty('id')+"_top",el.getTop());
              if(bodycontainer=$E('.container'))bodycontainer.setStyle('height',window.getScrollHeight());
            }

        });
      }else{
        if(el.getElement('a')){
					var ahref=el.getElement('a');
					ahref.remove();
				}
        el.appendChild(rolmops_image);
        //ahref.setProperty('onclick','return false;');
        el.setStyle('opacity',opacityUit);
        spiegeling.setStyle('display','none');

      }
      teller++;
    }
  });

  /*
  vullen van factsheet
  */
	var iecheck=false;
  if(isContentId!=""){
    var pageTitle=title;//contentcontainer.getProperty('title');

    /*
    check width height left top voor content contentContainer
    */
    var styleObj=contentcontainer.getStyles('left','top');
    var styleLeft=0;
    var styleTop=0;
    var menuLeft=0;
    var contentWidth=contentStartWidth;
    var contentHeight=contentStartHeight;
    var contentLeft=0;
    var contentTop=0;
    if(styleObj.left)styleLeft=parseInt(styleObj.left);
    if(styleObj.top)styleTop=parseInt(styleObj.top);
//
    if(styleTop)contentTop=styleTop;
    else if(contentpage.getStyle('top'))contentTop=contentpage.getStyle('top').toInt();
    if(!contentTop)contentTop=120;
    if(styleLeft)contentLeft=styleLeft;
    else if(contentpage.getStyle('left'))contentLeft=contentpage.getStyle('left').toInt();
    if(!contentLeft)contentLeft=250;
    contentpage.setStyles({'left': contentLeft,'top': contentTop});

    /*   end width height etc content */
    //

    var borderThick=contentpage.getStyle('border').toInt();
		trace("borderThick "+borderThick);
    /* make content header  */
    var content_header=new Element('div');
    content_header.setProperty('class','content_header');
    contentpage.appendChild(content_header);
    /* get height en padding left header */
    var headerObj=content_header.getStyles('height','padding-left','border-bottom');
    var headerHeight=parseInt(headerObj.height)+headerObj['border-bottom'].toInt();
    var headerLeftpadding=parseInt(headerObj['padding-left']);
    /* set width height border header contentContainer  */
        /* nav image set hoogte en width van rolmops inc border */
    var headerWidth=contentWidth-headerLeftpadding;
    //var borderHeight=contentHeight+headerHeight;
    //var borderWidth=contentWidth;
    var contentcontainerTop=headerHeight;
    content_header.setText(pageTitle);
    //content_border.setStyles({position: 'absolute',width: borderWidth, height : borderHeight,'z-index': 10});
    content_header.setStyles({position: 'absolute',left: 0, top: 0,width: headerWidth,cursor:'move' ,'z-index': 300});
    //contentcontainer.setStyles({marginTop: contentcontainerTop,'z-index': 200});
    contentcontainer.setStyles({'position': 'absolute', left: 0,top: contentcontainerTop,'z-index': 200});
    contentpage.setStyles({'width':contentWidth,'height':(contentHeight+headerHeight),'overflow':'visible'});
    /* set sluitknop */
    var sluiten=new Element('div');
    sluiten.setProperty('class','sluitbutton');
    contentpage.appendChild(sluiten);
    var sluitWidth=20;
    if(sluiten.getStyle('width'))sluitWidth=sluiten.getStyle('width').toInt();
    var sluiten_left=(contentWidth-sluitWidth);
    sluiten.setStyles({position: 'absolute',left: sluiten_left,top: 0, 'z-index': 500 });
    sluiten.addEvent('click',function(){document.location.href=rootPagePath});
    var sideSubW=0;
    //side sub menu

    if(sidesubmenu){
      var submenu_h=sidesubmenu.getElement('.submenu_holder');
      var submenu_holder_lis=$$('.submenu_holder ul li');

      var submenu_holder=submenu_h.clone();

      var sub_slider=new Element('div');
      sub_slider.setProperty('id','subslider');
      //
      sidesubmenu.appendChild(sub_slider);
      submenu_h.remove();
      sub_slider.appendChild(submenu_holder);

      //
      var li=sidesubmenu.getElement("li");
      var li_w=155;
      var li_h=20;
      if(li.getCoordinates()){
        li_w=li.getCoordinates().width+2;
        li_h=li.getCoordinates().height;
      }
      var kop=sidesubmenu.getElement('.submenu_kop');
      var kop_h=21;
      kop.addEvent('click', openCloseSideSubMenu);
      kop.setStyles({'cursor':'hand','cursor':'pointer','z-index': 100})
      if(kop.getCoordinates())kop_h=kop.getCoordinates().height;
      var sub_shadow_height=8;
      var sub_shadow_width=8;
      var subholder_height=(submenu_holder_lis.length)*li_h+sub_shadow_height;
      var submenu_height=kop_h+subholder_height;
      //voor Fx de stop hoogte van sub Holder en height van SideSubmenu zettenn;
      subHolderOpenStop=kop_h;
      subHolderCloseStop=kop_h-subholder_height;
      sideSubMenuCloseHeight=kop_h;
      sideSubMenuOpenHeight=submenu_height;
      var menuLeft=sluiten_left-li_w+1;
      //
      submenu_holder.setStyles({'top':0,'z-index':50});
      sub_slider.setStyles({'top':kop_h,position:'absolute',left: 0,height: subholder_height,width:(li_w+sub_shadow_width),'z-index': 50});
      sidesubmenu.setStyles({position: 'absolute',left: menuLeft, top: 0, height: submenu_height, width:(li_w+sub_shadow_width),'z-index':400});
      if(sidesubmenu.getCoordinates())sideSubW=sidesubmenu.getCoordinates().width;
      //
      var sub_shadow=new Element('div');
      sub_slider.appendChild(sub_shadow);
      sub_shadow.setStyles({'top': 0, 'left': 0,'position': 'absolute','z-index': 10});
      sub_shadow.setProperty('id','sub_shadow');
      var sub_shadow_r=new Element('div');
      sub_shadow_r.setProperty('class','shadow_r');
      sub_shadow_r.setStyles({left: li_w, top: 0, height: (subholder_height-15), 'z-index':1});
      sub_shadow.appendChild(sub_shadow_r);
      var sub_shadow_rb=new Element('div');
      sub_shadow_rb.setProperty('class','shadow_rb');
      sub_shadow_rb.setStyles({left: li_w, top: (subholder_height-15), 'z-index':1});
      sub_shadow.appendChild(sub_shadow_rb);
      var sub_shadow_b=new Element('div');
      sub_shadow_b.setProperty('class','shadow_b');
      sub_shadow_b.setStyles({left: 15, top: subholder_height-8, width:(li_w-15) , 'z-index':1});
      sub_shadow.appendChild(sub_shadow_b);
      var sub_shadow_lb=new Element('div');
      sub_shadow_lb.setProperty('class','shadow_lb');
      sub_shadow_lb.setStyles({left: 0, top: subholder_height-8, 'z-index':1});
      sub_shadow.appendChild(sub_shadow_lb);


    }
		/* if rightcolumn = aanwezig */
		if(rightColumn!=null){
			var rc=new Element('div');
			//rc.appendChild(rightColumn);
			contentpage.appendChild(rc);
			//contentpage.appendChild(cloneRightColumn);
			trace("rightColumn = "+rightColumn);
			rightColumn.addClass('rightcolumn_aside');
			var rcDim=rightColumn.getCoordinates();
			rc.setStyles({'position':'absolute','width':rcDim.width,'height':rcDim.height,'left':(dimC.width-contentBorderThick),'top':(-contentBorderThick)});
			rightColumn.injectInside(rc);//.appendChild(rightColumn);
			//rightColumn.remove();
		}
		//}//end if iecheck
/*
shadow
*/
		trace("dimC height 2 "+dimC.height);
		dimC=contentpage.getCoordinates();
    var contentW=dimC.width;
    var shadow_rleft=(dimC.width)+'px';
    var shadow_rheight=(dimC.height-22)+'px';
    var shadow_rbtop=(dimC.height-7)+'px';
    var shadow_bottom=(dimC.height)+'px';
    var shadow_bwidth=(dimC.width-15)+'px';
    var shadow_rt=new Element('div');
    shadow_rt.setProperty('class','shadow_rt');
    shadow_rt.setStyles({left: shadow_rleft, top: 0, 'z-index':1});
    var shadow_r=new Element('div');
    shadow_r.setProperty('class','shadow_r');
    shadow_r.setStyles({left: shadow_rleft, top: 15, height: shadow_rheight, 'z-index':1});
    var shadow_rb=new Element('div');
    shadow_rb.setProperty('class','shadow_rb');
    shadow_rb.setStyles({left: shadow_rleft, top: shadow_rbtop, 'z-index':1});
    var shadow_b=new Element('div');
    shadow_b.setProperty('class','shadow_b');
    shadow_b.setStyles({left: 15, top: shadow_bottom, width:shadow_bwidth , 'z-index':1});
    var shadow_lb=new Element('div');
    shadow_lb.setProperty('class','shadow_lb');
    shadow_lb.setStyles({left: 0, top: shadow_bottom, 'z-index':1});
    var shadowsdiv=new Element('div');
    shadowsdiv.setStyles({position:'absolute',left: (-contentBorderThick), top: (-contentBorderThick), 'z-index': 1});
    shadowsdiv.appendChild(shadow_rt);
    shadowsdiv.appendChild(shadow_r);
    shadowsdiv.appendChild(shadow_rb);
    shadowsdiv.appendChild(shadow_b);
    shadowsdiv.appendChild(shadow_lb);
    contentpage.appendChild(shadowsdiv);
    /*  spiegeling van factsheet */
    var spiegeling=new Element('div');
    spiegeling.setProperty('class','spiegeling');
    content_spiegeling.appendChild(spiegeling);
    spiegeling.setProperty('id',"cs_"+teller);
    var spiegelingTop=content_spiegeling.getStyle('top').toInt();
    var contentTop=contentpage.getStyle('top').toInt();
    contentpage.setProperty('thisId',teller);
    var is_width=(dimC.width)+'px';
    var is_top=(contentTop-spiegelingTop+dimC.height+8)+'px';
    var is_left=contentpage.getStyle('left').toInt()+'px';
    spiegeling.setStyles({top: is_top, width: is_width,left: is_left});

    spiegeling.makeDraggable({handle: content_header});
    var ieW;
    contentpage.makeDraggable({
      'handle': content_header,
      'onStart': function(){
          if(iframe=contentpage.getElement('iframe')){
            iframe.setStyle('display','none')
          }
          ieW=window.getScrollWidth();
        },
      'onComplete': function(){
        if(iframe=contentpage.getElement('iframe')){
          iframe.setStyle('display','block')
        }
        if(contentpage.getLeft()<0){
          var l=-contentpage.getParent().getLeft();
          contentpage.setStyle('left',l);
          var id=contentpage.getProperty('thisId').toInt();
          $('cs_'+id).setStyle('left',l);
        }
        else if((contentpage.getLeft()+contentW)>ieW){
          var lNu=contentpage.getStyle('left').toInt();
          var lMin=(contentpage.getLeft()+contentW)-ieW-15;
          lNu-=lMin;
          var pl=contentpage.getParent().getLeft();
          var l=ieW-contentW-pl-15;
          contentpage.setStyle('left',lNu);
          var id=contentpage.getProperty('thisId').toInt();
          $('cs_'+id).setStyle('left',lNu);
        }
        if(contentpage.getTop()<0){
          var l=-contentpage.getParent().getTop();
          contentpage.setStyle('top',l);
          var id=contentpage.getProperty('thisId').toInt();
          $('cs_'+id).setStyle('top',l);
        }
        if(bodycontainer=$E('.contentholder'))bodycontainer.setStyle('height',window.getScrollHeight());
      }
    });
    if(sidesubmenu)openCloseSideSubMenu.delay(1000);

   }else{
	 	if(rightColumn!=null)rightColumn.setStyle('display','none');
		contentpage.remove();
 }

   if(bodycontainer=$E('.contentholder'))bodycontainer.setStyle('height',window.getScrollHeight());

 }
/* set en get rolmops cookies */

function setRMCookie(id,value){
  if(id)Cookie.set(id,value,{path: '/'});

}

function getRMCookie(id){
  var id_left=id+"_left";
  var id_top=id+"_top";
  if(!Cookie.get(id_left) || !Cookie.get(id_top))return true;
  if(id){
    var o=new Object();
    o.left=Cookie.get(id_left);
    o.top=Cookie.get(id_top);
    return o;
  }
}

function checkVisible (name){
  return Cookie.get(name);
}

//in variabel de close height zetten van SideSubmenu (worden in script contentpagina gezet)
var sideSubMenuCloseHeight=0;
var subHolderCloseStop=0;
var sideSubMenuOpenHeight=0;
var subHolderOpenStop=0;
//boolean zetten open of niet, start met open
var boolSubOpen=true;
var openEffect=null;
var closeEffect=null;
function openCloseSideSubMenu(){
  var subHolder=$('subslider');
  var subSideMenu=$E('.sideSubMenu');
  var subshadow=$('sub_shadow');
  if(window.ie)subshadow.setStyle('display','none');
  if(closeEffect==null){
    closeEffect = subHolder.effects({duration: 500})
    closeEffect.addEvent('onComplete',function(){subSideMenu.setStyle('height',sideSubMenuCloseHeight)});
  }
  if(openEffect==null){
    openEffect = subHolder.effects({duration: 500, transition: Fx.Transitions.Elastic.easeOut});
    if(window.ie)openEffect.addEvent('onComplete',function(){subshadow.setStyle('display','block')});
  }

  if(boolSubOpen){
    boolSubOpen=false;
    openEffect.stop();
    closeEffect.start({'top': subHolderCloseStop, 'opacity': 0});
  }else{
    boolSubOpen=true;
    subSideMenu.setStyle('height',sideSubMenuOpenHeight);
    closeEffect.stop();
    //openEffect.start(subHolderOpenStop);
    openEffect.start({'top': subHolderOpenStop, 'opacity': [.5,1]});
  }
}





/* -----------------------------------------------------------------

  Initialize Everything onLoad


   ----------------------------------------------------------------- */

jQuery(document).ready(function(){
    makePage();
});
/*window.addEvent('domready', function(){
    makePage();
});*/