/* copyright Nico van der Meel, 2009-2010 */

var vergrotingsfactor=1;
var windowHeight=600;
var windowWidth=800;

  function resizeView() {
    if (window.innerHeight!=undefined){windowHeight=window.innerHeight;}
    else {
      if (document.body.clientHeight!=undefined){windowHeight=document.body.clientHeight;}
      else {windowHeight=725;}; 
      };
    if (window.innerWidth!=undefined){windowWidth=window.innerWidth;}
    else {
      if (document.body.clientWidth!=undefined){windowWidth=document.body.clientWidth;}
      else {windowWidth=-275;}; 
      };
    vergrotingsfactor=Math.max(1,windowHeight/725);
    var kantlijn=Math.max(0,Math.round((windowWidth-1000)/2))+200;

    if (document.getElementById('collage')!==null) {
      document.getElementById('collage').style.height=Math.max(725,windowHeight)+'px';
      document.getElementById('collage').style.top=Math.round(Math.min(0,(windowHeight-725)/2.246))+'px';
      document.getElementById('collage').style.width=Math.round(2000*vergrotingsfactor)+'px';
      document.getElementById('collage').style.left=Math.round(Math.max(  (2000*(1-vergrotingsfactor)-1000)/2  ,  (windowWidth-(2000*vergrotingsfactor))/2  ))+'px';
      document.getElementById('collage').style.visibility='visible';
      };
    if (document.getElementById('header_bg')!==null) {
      document.getElementById('header_bg').style.left=kantlijn-200+'px';
      document.getElementById('header_bg').style.visibility='visible';
      };
    if (document.getElementById('header')!==null) {
      document.getElementById('header').style.left=kantlijn-200+'px';
      };
    if (document.getElementById('menuvlak')!==null) {
      document.getElementById('menuvlak').style.width=180+'px';
      document.getElementById('menuvlak').style.left=kantlijn-190+'px';
      document.getElementById('menuvlak').style.height=Math.max(0,windowHeight-90)+'px';
      if (document.getElementById('mp3commentdiv')!==null) {
        document.getElementById('mp3commentdiv').style.width=180+'px';
        document.getElementById('mp3commentdiv').style.top=document.getElementById('menu').offsetHeight+'px';
        };
      };
    if (document.getElementById('werkvlak')!==null) {
      document.getElementById('werkvlak').style.height=windowHeight+'px';
      document.getElementById('werkvlak').style.left=kantlijn+'px';
      document.getElementById('werkvlak').style.width=windowWidth-kantlijn+1+'px';
      if (document.getElementById('tekstvlak')!==null) {
        document.getElementById('tekstvlak').style.minHeight=Math.max(0,windowHeight-90-5)+'px';
        document.getElementById('tekstvlak').style.width=Math.max(0,Math.min(550 ,  document.getElementById('werkvlak').clientWidth))+'px';
        if (document.getElementById('tekstvlak_hidden')!==null) {
          document.getElementById('tekstvlak_hidden').style.minHeight=Math.max(0,windowHeight-90)+'px';
          document.getElementById('tekstvlak_hidden').style.width=document.getElementById('tekstvlak').offsetWidth+'px';
          };
        if (document.getElementById('rechtervlak')!==null) {
          document.getElementById('rechtervlak').style.left=kantlijn+document.getElementById('tekstvlak').offsetWidth+'px';
          document.getElementById('rechtervlak').style.height=Math.max(0,windowHeight-90)+'px';
          document.getElementById('rechtervlak').style.width=Math.min(140,Math.max(0,document.getElementById('werkvlak').clientWidth-document.getElementById('tekstvlak').offsetWidth-20))+'px';
          if (document.getElementById('rechtervlak_bg')!==null) {
            document.getElementById('rechtervlak_bg').style.left=kantlijn+document.getElementById('tekstvlak').offsetWidth+'px';
            document.getElementById('rechtervlak_bg').style.height=Math.max(0,windowHeight-90)+'px';
            };
          };
        if (document.getElementById('linkerelementen')!==null) {
          document.getElementById('linkerelementen').src='/skins//links.png';
          document.getElementById('linkerelementen').style.width=Math.round(400*vergrotingsfactor)+'px';
          document.getElementById('linkerelementen').style.left=kantlijn-Math.round(400*vergrotingsfactor)+'px';
          document.getElementById('linkerelementen').style.top=document.getElementById('collage').offsetTop+'px';
          document.getElementById('linkerelementen').style.height=document.getElementById('collage').offsetHeight+'px';
          };
        if (document.getElementById('rechterelementen')!==null) {
          document.getElementById('rechterelementen').style.width=Math.max(0,document.getElementById('werkvlak').clientWidth-550-Math.round(0*vergrotingsfactor))+'px';
                      document.getElementById('rechterelementen').style.left=kantlijn+550+Math.round(0*vergrotingsfactor)+'px';
                    document.getElementById('rechterelementen').style.top=document.getElementById('collage').offsetTop+'px';
          document.getElementById('rechterelementen').style.height=document.getElementById('collage').offsetHeight+'px';
          };
        if (document.getElementById('rechterelementen_inside')!==null) {
          document.getElementById('rechterelementen_inside').style.width=Math.round(400*vergrotingsfactor)+'px';
          };
        };
      if (document.getElementById('magneetrechts')!==null) {
        document.getElementById('magneetrechts').style.left=document.getElementById('werkvlak').clientWidth+kantlijn-document.getElementById('magneetrechts').offsetWidth+'px';
        };
      if (document.getElementById('facebook-logo')!==null) {
        document.getElementById('facebook-logo').style.left=document.getElementById('werkvlak').clientWidth+kantlijn-document.getElementById('facebook-logo').offsetWidth-5+'px';
        document.getElementById('facebook-logo').style.top=windowHeight-document.getElementById('facebook-logo').offsetHeight-5+'px';
        document.getElementById('facebook-logo').style.visibility='visible';
        };
      };
    };

  function resizeViewInitial(){
    if (window.innerWidth!=undefined){var windowWidth=window.innerWidth;}
    else {
      if (document.body.clientWidth!=undefined){var windowWidth=document.body.clientWidth;}
      else {var windowWidth=-275;}; 
      };
    if (document.getElementById('tekstvlak_hidden')!==null) {
      document.getElementById('tekstvlak_hidden').style.width=Math.min(550,windowWidth-250)+'px';
      document.getElementById('tekstvlak').innerHTML=document.getElementById('tekstvlak_hidden').innerHTML;
      document.getElementById('tekstvlak_hidden').innerHTML=document.getElementById('tekstvlak_hidden').innerHTML.replace(/id=/g,"id=hidden_").replace(/hidden_"/g,"\"hidden_").replace(/hidden_'/g,"'hidden_").replace('hidden_container','container').replace("name=\"bestel\"","name=\"bestel_hidden\"").replace("name=bestel","name=bestel_hidden");
      };
    resizeView();
    if (document.getElementById('werkvlak')!==null) {
      document.getElementById('werkvlak').style.visibility='visible';
      };
    if (document.getElementById('menuvlak')!==null) {
      document.getElementById('menuvlak').style.visibility='visible';
      };
    if (document.getElementById('linkerelementen')!==null) {
      document.getElementById('linkerelementen').style.visibility='visible';
      };
    if (document.getElementById('rechterelementen')!==null) {
      document.getElementById('rechterelementen').style.visibility='visible';
      };
    if (document.getElementById('header')!==null) {
      document.getElementById('header').style.visibility='visible';
      };
    if(document.getElementById('rechterelementen_inside')!==null) {
      document.getElementById('rechterelementen_inside').style.visibility='visible';
      var flashvars = {
        };
      var params = {
        wmode: "transparent",
        quality: "high"
        };
      var attributes = {
        id: "rechterelementen_inside",
        name: "rechterelementen_inside",
        style: "position: absolute; left: "+0+"px; top: "+0+"px; width: "+Math.round(400*vergrotingsfactor)+"px; height: 100%"
        };
      swfobject.embedSWF("/skins//rechts.swf", "rechterelementen_inside", "400", "725", "9.0.124","expressInstall.swf", flashvars, params, attributes);
      };
    if (document.getElementById('anouncement')!==null) {
      document.getElementById('anouncement').innerHTML='';
      }
    };  

window.onresize=resizeView;
window.onload=resizeViewInitial;