/**
 * @author Marjan Bos / Gerard Druiven Fundament All Media
*/
var rootPagePath="/";
var zindexboxold=0;
var zindexboxnew=100;
var topZindex=100;
var dragOpacity=.5;
var opacityUit=0;
var topRolmopsZ=100;
var doDebug=false;
var minWidth=510;
var minHeight=300;
var content_header_check=true;
var header_title_check=false;
var defaultTitle="Volker Wessels Waterwijk Zierikzee";
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');
       //contentpage
    var isContentId="";

   /* right column */
   var rightColumn=$E('.rightcolumn');
   var cloneRightColumn=null;
   if(!rightColumn){
     rightColumn=null;
   }
//
   if(contentpage.getFirst()){
     var firstTag=contentpage.getFirst().getTag();
   }
   var inhoud="";

   /* 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');
//

   /* mootools / jquery conflict hack */
  var beheerNavigation=contentpage.getElement('div.ec_navigation');
  var nikiOverlayPriceList=contentpage.getElement('div#overlayPriceList');

   var contentNikiWS = contentpage.getElement('div.nikiWS');

   if (!contentcontainer) {
      //trace("nikiOverlayPriceList : " + nikiOverlayPriceList)
      if(contentNikiWS){
         contentcontainer=new Element('div');
         contentpage.appendChild(contentcontainer);
         //trace("contentcontainer : " + contentcontainer)
        if(beheerNavigation)beheerNavigation.injectInside(contentcontainer);
        contentNikiWS.injectInside(contentcontainer);
        if(nikiOverlayPriceList)nikiOverlayPriceList.injectInside(contentcontainer);
      }
   }
   /* END mootools / jquery conflict hack */

   var contentBorderThick=contentpage.getStyle('border').toInt();
   var sluitButton=null;
    sluitButton=new Element('div');
    sluitButton.setProperty('class','sluitbutton');
    var sa=new Element('a');
    sa.href='/';
    sa.title="Sluit dit venster";
    sluitButton.appendChild(sa);

    var dePadding=null;
   if(children.length==1 && children[0]==checkdiv[0]){
      var firstDiv=children[0];
      var ecadminclass=firstDiv.hasClass('ec_admin');
      //trace("ecadminclass = "+ecadminclass);
      if(ecadminclass){
        firstDiv.setStyle('width',contentpage.getCoordinates().width);
      }
         if(!contentcontainer){
            contentcontainer=firstDiv;
            contentcontainer.setStyles({'margin':'0'});
            var dePadding=contentcontainer.getStyles('padding-left','padding-top','padding-right','padding-bottom');
            if(typeof( dePageName ) != 'undefined' && dePageName!="")contentcontainer.addClass(dePageName);
         }
         var backgroundcolortest=contentcontainer.getStyle("background-color");
         if(backgroundcolortest && backgroundcolortest!="transparent")contentpage.setStyle("background-color",backgroundcolortest);
  }
   var title="";
   /* titel wordt gehaald uit eerste h1 */
    if(header_title_check){
       if(contentpage.getElement('h1')){
          title=contentpage.getElement('h1').getText();
          if(content_header_check)contentpage.getElement('h1').remove();
       } else if(typeof( dePageName ) != 'undefined' && dePageName!="" && dePageName!="kkl"){
          title=dePageName;
       }else {
          title=defaultTitle;
       }
    }
   var dimC=contentpage.getCoordinates();

   trace (" ie hier");
   var contentStartWidth=dimC.width.toInt()-contentBorderThick*2;
   var contentStartHeight=dimC.height.toInt()-contentBorderThick*2;
   trace("dimC width = "+dimC.width);
    trace("dimC height = "+dimC.height);
   trace("children.length "+children.length);
   if (!contentcontainer && children.length > 0)
   {
      contentcontainer = new Element('div');
      contentcontainer.setStyle('position', 'relative');
      contentcontainer.setStyles({'overflow':'visible'});

      childCount = contentpage.getChildren().length;
      var childIndex = 0;
      while (childIndex < childCount)
      {
         var copyEl = contentpage.getChildren()[childIndex];
         contentcontainer.appendChild(copyEl.clone(true));
         childIndex++;
      }

//      var inhoud = contentpage.innerHTML;
//      trace("inhoud = " + inhoud);
      contentpage.empty();
//      contentcontainer.innerHTML = inhoud;
      contentpage.appendChild(contentcontainer);
      var dimContainer=contentcontainer.getCoordinates();
      trace("dimContainer.width = " + dimContainer.width);
      trace("dimContainer.height = " + dimContainer.height);
   }
   if(contentcontainer){
     var dimContainer=contentcontainer.getCoordinates();
       trace("dimContainer.width = "+dimContainer.width);
       trace("dimContainer.height = "+dimContainer.height);
     if(dimContainer.width > dimC.width){
       contentStartWidth=dimContainer.width.toInt();//-contentBorderThick*2;
     }
     if(dimContainer.height > dimC.height){
       contentStartHeight=dimContainer.height.toInt();//-contentBorderThick*2;
     }
       if(dePadding && dePadding['padding-bottom'])contentStartHeight+=(dePadding['padding-bottom']).toInt();

     isContentId="_contentid";
       if(contentStartWidth<minWidth)contentStartWidth=minWidth;
       if(contentStartHeight<minHeight)contentStartHeight=minHeight;
   }else isContentId="";
       if(typeof( deCommunityLink ) != 'undefined' && deCommunityLink!=""){
       $$('ul.community_menu a').each(function(el){
          if(el.title == (deCommunityLink+" "))el.setProperty('class','selected');
       });
    }
   var teller=0;
   //For each of the above elements run this function(pass in the selected function el)
     //rolmopsen gedeelte eruit
   /*
   vullen van factsheet
   */
   var iecheck=false;
   // JavaScript Document
    //test
    //isContentId="";
   if(isContentId!=""){
/*		contentpage.addEvent('resize',function (){
			alert("andere grote gekregen");
		});*/
     var pageTitle=title;//contentcontainer.getProperty('title');
       trace("pageTitle = "+pageTitle);
     var contentWidth=contentStartWidth;
     var contentHeight=contentStartHeight;

     var borderThick=contentpage.getStyle('border').toInt();
     //trace("borderThick "+borderThick);
     /* make content header  */
       if(content_header_check){
          var content_header=new Element('div');
          content_header.addClass('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']);
          var headerWidth=contentWidth-headerLeftpadding;
          var contentcontainerTop=headerHeight;
          content_header.setText(pageTitle);
          content_header.setStyles({position: 'absolute',left: 0, top: 0,width: headerWidth,'z-index': 300});
       }else{
          var content_header=null;
          var headerHeight=0;
          var headerLeftpadding=0;
          var headerWidth=0;
          var contentcontainerTop=0;
       }
       //content_header.setStyles({position: 'absolute',left: 0, top: 0,width: headerWidth,cursor:'move' ,'z-index': 300});

     contentcontainer.setStyles({'position': 'absolute','left': 0, 'top':headerHeight,'overflow': 'visible'});
     contentpage.setStyles({'position': 'absolute','width':contentWidth,'height':(contentHeight+headerHeight),'overflow': 'visible','diplay':'block'});
     if(sluitButton!=null){
       contentpage.appendChild(sluitButton);
       var left=contentWidth+contentBorderThick-sluitButton.getStyle('width').toInt();
       sluitButton.setStyles({'left':left});
     }
     var sideSubW=0;
       trace("sluitbutton = "+sluitButton);
/*
shadow
*/
     dimC=contentpage.getCoordinates();
     var contentW=dimC.width;
       var btn_height=0;
       if(sluitButton!=null){
          btn_height=sluitButton.getStyle('height').toInt();
          var dimCheight=dimC.height+btn_height;
          var shadow_rleft=(dimC.width)+'px';
          var shadow_rheight=(dimCheight-22)+'px';
          var shadow_rbtop=(dimC.height-7)+'px';
          var shadow_bottom=(dimC.height)+'px';
          var shadow_bwidth=(dimC.width-15)+'px';
          var rt_top=-btn_height;
          var r_top=rt_top+15;
     }else{
          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 rt_top=0;
          var r_top=15;
       }

     var shadow_rt=new Element('div');

     shadow_rt.setProperty('class','shadow_rt');
     shadow_rt.setStyles({left: shadow_rleft, top: rt_top, 'z-index':1});
     var shadow_r=new Element('div');
     shadow_r.setProperty('class','shadow_r');
     shadow_r.setStyles({left: shadow_rleft, top: r_top, 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);
     var contentTop=contentpage.getStyle('top').toInt();
     contentpage.setProperty('thisId',teller);
     var ieW;

   }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);
}


function isSet( variable ){
	return( typeof( variable ) != 'undefined' );
 }



//in variabel de close height zetten van SideSubmenu (worden in script contentpagina gezet)



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

  Initialize Everything onLoad
   ----------------------------------------------------------------- */

window.addEvents({
		domready: function(){
   		makePage();
		}
});