/**
 * @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':200,'top':0,'width': 300,'height':500,'overflow':'scroll','background-color':'#fff','color':'#000','id':'debber','':60000,'border':'1px solid #f00'});
		var debcontainer=$E('.container')
		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');
  
  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 clicable en zijn vaag
  */
  //var contentpage=$E('.content');
  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 contentcontainer=contentpage.getElement('div.contentContainer');
  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});
	}

	if(dum_holder_lis && dum_holder_lis.length==0){
		sidesubmenu.remove();
		sidesubmenu=null;
		checkdiv=contentpage.getElements('div');
		children=contentpage.getChildren();
	}
	
  if(!contentcontainer){
		if(!sidesubmenu){
				trace("checkdiv.length="+checkdiv.length+" en children.length = "+children.length);
			//if(checkdiv.length==1){
			if(checkdiv.length>0 || children.length>0){
				//alert("in checkdiv.length>=1 en length is "+checkdiv.length);
				var dimC=contentpage.getCoordinates();
				var inhoud=contentpage.innerHTML;
        contentpage.empty();
        contentcontainer=new Element('div');
        contentcontainer.setProperty('class','emptyContentContainer');
        contenttext=new Element('div');
				contentcontainer.setStyles({'width':dimC.width,'height':dimC.height});
        //inhoud.setProperty('class','emptyContentText');
        
        //contentcontainer.setProperty('title',title);
        contentpage.appendChild(contentcontainer);
				contentcontainer.innerHTML=inhoud;
			}
		}else{
			trace("checkdiv.length="+checkdiv.length+" en children.length = "+children.length);
			if(checkdiv.length==2){
        for(var i=0;i<checkdiv.length;i++){
          if(checkdiv[i]!=sidesubmenu){
            contentcontainer=checkdiv[i];
            break;
          }
        }
      }else  if(checkdiv.length>2){
        for(var i=0;i<checkdiv.length;i++){
          if(checkdiv[i]!=sidesubmenu){
            contentcontainer=checkdiv[i];
            break;
          }
        }
      }else if(children.length>0){
        if(checkdiv.length==1){
					sidesubmenu.remove();
					sidesubmenu=null;
				}
				var dimC=contentpage.getCoordinates();
				var inhoud=contentpage.innerHTML;
        contentpage.empty();
        contentcontainer=new Element('div');
        contentcontainer.setProperty('class','emptyContentContainer');
        contenttext=new Element('div');
				contentcontainer.setStyles({'width':dimC.width,'height':dimC.height});
        //inhoud.setProperty('class','emptyContentText');
        
        //contentcontainer.setProperty('title',title);
        contentpage.appendChild(contentcontainer);
				contentcontainer.innerHTML=inhoud;
      }
		}
  }
  
  if(contentcontainer){
      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){
    /*  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{
        var ahref=el.getElement('a');
        ahref.remove();
        el.appendChild(rolmops_image);
        //ahref.setProperty('onclick','return false;');
        el.setStyle('opacity',opacityUit);
				if(rolmopsspiegeling)spiegeling.setStyle('display','none');
        //spiegeling.setStyle('opacity',opacityUit);
      }
      //el.setStyle('display','block');
      teller++;
    }
  });
  /*
  //,droppables: $$('.menuholder')
  $$('.menuholder').each(function(drop){
    drop.addEvents({
      'drop': function(el, obj){
        var id=el.getProperty('thisId').toInt();
        setRMCookie(el.getProperty('id')+"_notvisible",true);  
        $('rolmops_'+id).remove();
        el.remove();

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


    /*
    check width height left top voor content contentContainer
    */
    var paddingLeft=0;
    var paddingTop=0;
    var paddingRight=0;
    var paddingBottom=0;
    var contentPaddingObj=contentcontainer.getStyles('padding');
    if(contentPaddingObj){
      //alert(contentPaddingObj.padding);
      var paddingString=contentPaddingObj.padding;
      var paddingArray=paddingString.split(" ");
      paddingTop=parseInt(paddingArray[0]);
      paddingRight=parseInt(paddingArray[1]);
      paddingBottom=parseInt(paddingArray[2]);
       paddingLeft=parseInt(paddingArray[3]);
    }
    var contentcontainer_dimensions=contentcontainer.getCoordinates();
    var styleObj=contentcontainer.getStyles('width','height','left','top');
    var styleLeft=0;
    var styleTop=0;
    var styleWidth=0;
    var styleHeight=0;
    var menuLeft=0;
    var contentWidth=0;
    var contentHeight=0;
    var contentLeft=0;
    var contentTop=0;
    if(styleObj.left)styleLeft=parseInt(styleObj.left);
    if(styleObj.top)styleTop=parseInt(styleObj.top);
    if(styleObj.width)styleWidth=parseInt(styleObj.width);
    else{
      if(contentcontainer_dimensions.width)styleWidth=parseInt(contentcontainer_dimensions.width);
    }
    if(styleObj.height)styleHeight=parseInt(styleObj.height);
    else{
      if(contentcontainer_dimensions.height)styleHeight=parseInt(contentcontainer_dimensions.height);
    }
    if(styleWidth)contentWidth=styleWidth+paddingLeft+paddingRight;
    else if(contentpage.getStyle('width'))contentWidth=contentpage.getStyle('width').toInt()+paddingLeft+paddingRight;;
    if(!contentWidth)contentWidth=100;
    if(styleHeight)contentHeight=styleHeight+paddingTop+paddingBottom;
    else if(contentpage.getStyle('height'))contentHeight=contentpage.getStyle('height').toInt()+paddingTop+paddingBottom;
    if(!contentHeight)contentHeight=100;
    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 */
    //
    /*  make border */                              
    var content_border=new Element('div');
    content_border.setProperty('class','content_border');
    contentpage.appendChild(content_border);
    /* get border thickness */
    var borderThick=content_border.getStyle('border').toInt();
    var borderWidth=contentWidth+'px';
    var borderHeight=contentHeight+'px';
    /* 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=borderThick+headerHeight;
    content_header.setText(pageTitle);
    content_border.setStyles({position: 'absolute',width: borderWidth, height : borderHeight,'z-index': 10});
    content_header.setStyles({position: 'absolute',left: borderThick, top: borderThick,width: headerWidth,cursor:'move' ,'z-index': 300});
    contentcontainer.setStyles({position: 'absolute',left: borderThick, top: contentcontainerTop,'z-index': 200});
    /* 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+1);
    sluiten.setStyles({position: 'absolute',left: sluiten_left,top: borderThick, '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');
      //var submenu_holder=new Element();
      sidesubmenu.appendChild(sub_slider);
      submenu_h.remove();
      sub_slider.appendChild(submenu_holder);
      
      //var submenu_holder=sidesubmenu.getElement('.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;//borderThick+contentWidth;
      //kop.setStyle('width',li_w-2);
      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);
      
      
    } 
	
    /* submenu oud */
    /*
    if(sidesubmenu){
      var menuLeft=borderThick+contentWidth;
      sidesubmenu.setStyles({position: 'absolute',left: menuLeft, top: 30});
      if(sidesubmenu.getCoordinates())sideSubW=sidesubmenu.getCoordinates().width;
      
    }  
    */
/*
shadow
*/
    var contentW=(contentWidth+borderThick*2)+sideSubW;
    var shadow_rleft=(contentWidth+borderThick*2)+'px';
    var shadow_rheight=(contentHeight+borderThick*2+headerHeight-22)+'px';
    var shadow_rbtop=(contentHeight+borderThick*2+headerHeight-7)+'px';
    var shadow_bottom=(contentHeight+borderThick*2+headerHeight)+'px';
    var shadow_bwidth=(contentWidth+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 shadowsdiv=new Element('div');
    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);
    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=(contentWidth+borderThick*2)+'px';
    var is_top=(contentTop-spiegelingTop+contentHeight+borderThick*2+headerHeight+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('.container'))bodycontainer.setStyle('height',window.getScrollHeight());
      }
    });
    if(sidesubmenu)openCloseSideSubMenu.delay(1000);
   }
   if(bodycontainer=$E('.container'))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


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

window.addEvent('domready', function(){
    makePage();    
});