$(document).ready(function() {
  replaceText();
  load_google_map();
  load_flash();
  $('div#menu_container').show();

  $('ul#portfolio').innerfade({
    speed: 2000,
    timeout: 5000,
    type: 'sequence',
    containerheight: '272px'
  });

  $('a.lightbox').lightBox({txtImage: 'Afbeelding', txtOf: 'van' }); // Select all links with lightbox class

});

$(document).unload(function() {
  GUnload();
});

function replaceText()
{
  //rolloverscript buttons
  var teller = 0;
  overs = new Array();
  outs = new Array();

  $('#menu_container ul li.button a').each(function() {
     var text = escape($(this).text());
     var last = '';

     if($(this).attr('class') == "navItemActive submenu_trigger")
     {
       $(this).html('<img src="images/gd/image.php?type=buttonactief&text='+urlencode(text)+'" id="button' + teller + '" />');
     }
     else if($(this).attr('class') == "navItemActive submenu_projecten_trigger")
     {
       $(this).html('<img src="images/gd/image.php?type=buttonactief&text='+urlencode(text)+'" id="button' + teller + '" />');
     }
     else
     {
       if($(this).attr('class') == "last")
       {
       // last = '&last=1';
       }
       if($(this).attr('class') == "submenu_trigger")
       {
         overs[teller] = new Image();
         overs[teller].src= 'images/gd/image.php?type=buttonactief' + last + '&text=' + urlencode(text);
       }
       else if($(this).attr('class') == "submenu_projecten_trigger")
       {
         overs[teller] = new Image();
         overs[teller].src= 'images/gd/image.php?type=buttonactief' + last + '&text=' + urlencode(text);
       }
       else
       {
         overs[teller] = new Image();
         overs[teller].src= 'images/gd/image.php?type=buttonover' + last + '&text=' + urlencode(text);
       }

       outs[teller] = new Image();
       outs[teller].src= 'images/gd/image.php?type=button' + last + '&text=' + urlencode(text);

       $(this).html('<img src="images/gd/image.php?type=button' + last + '&text='+urlencode(text)+'" id="button' + teller + '" />');

       $(this).hover(function() {
           var id = $(this).find('img').attr('id').replace('button','');
           document.getElementById($(this).find('img').attr('id')).src = overs[id].src;
         },
         function() {
           var id = $(this).find('img').attr('id').replace('button','');
           document.getElementById($(this).find('img').attr('id')).src = outs[id].src;
         });

     }

     teller++;

   });

   //first button
   $('#menu_container ul li.button_first a').each(function() {
     var text = escape($(this).text());
     var last = '';

     if($(this).attr('class') == "last")
     {
     // last = '&last=1';
     }
     if($(this).attr('class') == "submenu_trigger")
     {
       overs[teller] = new Image();
       overs[teller].src= 'images/gd/image.php?type=button_first_actief' + last + '&text=' + urlencode(text);
     }
     else
     {
       overs[teller] = new Image();
       overs[teller].src= 'images/gd/image.php?type=button_first_over' + last + '&text=' + urlencode(text);
     }

     outs[teller] = new Image();
     outs[teller].src= 'images/gd/image.php?type=button_first' + last + '&text=' + urlencode(text);

     $(this).html('<img src="images/gd/image.php?type=button_first' + last + '&text='+urlencode(text)+'" id="button' + teller + '" />');

     $(this).hover(function() {
         var id = $(this).find('img').attr('id').replace('button','');
         document.getElementById($(this).find('img').attr('id')).src = overs[id].src;
       },
       function() {
         var id = $(this).find('img').attr('id').replace('button','');
         document.getElementById($(this).find('img').attr('id')).src = outs[id].src;
       });


     teller++;

   });

   //last button
   $('#menu_container ul li.button_last a').each(function() {
     var text = escape($(this).text());
     var last = '';

     if($(this).attr('class') == "last")
     {
     // last = '&last=1';
     }
     if($(this).attr('class') == "submenu_trigger")
     {
       overs[teller] = new Image();
       overs[teller].src= 'images/gd/image.php?type=button_last_actief' + last + '&text=' + urlencode(text);
     }
     else
     {
       overs[teller] = new Image();
       overs[teller].src= 'images/gd/image.php?type=button_last_over' + last + '&text=' + urlencode(text);
     }

     outs[teller] = new Image();
     outs[teller].src= 'images/gd/image.php?type=button_last' + last + '&text=' + urlencode(text);

     $(this).html('<img src="images/gd/image.php?type=button_last' + last + '&text='+urlencode(text)+'" id="button' + teller + '" />');

     $(this).hover(function() {
         var id = $(this).find('img').attr('id').replace('button','');
         document.getElementById($(this).find('img').attr('id')).src = overs[id].src;
       },
       function() {
         var id = $(this).find('img').attr('id').replace('button','');
         document.getElementById($(this).find('img').attr('id')).src = outs[id].src;
       });


     teller++;

   });

   //sub buttons
   $('#menu_container ul li.subbutton a').each(function() {
     var text = escape($(this).text());
     var last = '';

     if($(this).attr('class') == "navItemActive")
     {
       $(this).html('<img src="images/gd/image.php?type=subbuttonover&text='+urlencode(text)+'" id="subbutton' + teller + '" />');
     }
     else
     {
       if($(this).attr('class') == "last")
       {
       // last = '&last=1';
       }
       overs[teller] = new Image();
       overs[teller].src= 'images/gd/image.php?type=subbuttonover' + last + '&text=' + urlencode(text);

       outs[teller] = new Image();
       outs[teller].src= 'images/gd/image.php?type=subbutton' + last + '&text=' + urlencode(text);

       $(this).html('<img src="images/gd/image.php?type=subbutton' + last + '&text='+urlencode(text)+'" id="subbutton' + teller + '" />');

       $(this).hover(function() {
           var id = $(this).find('img').attr('id').replace('subbutton','');
           document.getElementById($(this).find('img').attr('id')).src = overs[id].src;
         },
         function() {
           var id = $(this).find('img').attr('id').replace('subbutton','');
           document.getElementById($(this).find('img').attr('id')).src = outs[id].src;
         });

     }

     teller++;

   });

  //sub buttons projecten
   $('#menu_container ul li.subbutton_projecten a').each(function() {
     var text = escape($(this).text());
     var last = '';

     if($(this).attr('class') == "navItemActive")
     {
       $(this).html('<img src="images/gd/image.php?type=subbuttonover&text='+urlencode(text)+'" id="subbutton' + teller + '" />');
     }
     else
     {
       if($(this).attr('class') == "last")
       {
       // last = '&last=1';
       }
       overs[teller] = new Image();
       overs[teller].src= 'images/gd/image.php?type=subbuttonover' + last + '&text=' + urlencode(text);

       outs[teller] = new Image();
       outs[teller].src= 'images/gd/image.php?type=subbutton' + last + '&text=' + urlencode(text);

       $(this).html('<img src="images/gd/image.php?type=subbutton' + last + '&text='+urlencode(text)+'" id="subbutton' + teller + '" />');

       $(this).hover(function() {
           var id = $(this).find('img').attr('id').replace('subbutton','');
           document.getElementById($(this).find('img').attr('id')).src = overs[id].src;
         },
         function() {
           var id = $(this).find('img').attr('id').replace('subbutton','');
           document.getElementById($(this).find('img').attr('id')).src = outs[id].src;
         });

     }

     teller++;

   });

  //replace page title
  $('h1.pagina_titel').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=titel&text='+urlencode(text)+'" />');
  });

  //replace page title grijs
  $('h1.pagina_titel_grijs').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=titel_grijs&text='+urlencode(text)+'" />');
  });

  //replace projecttitel
  $('h1.project_titel').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=project_titel&text='+urlencode(text)+'" />');
  });

  //replace projectlabel
  $('.project_label h2').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=projectlabel&text='+urlencode(text)+'" />');
  });

  //replace productlabel
  $('.product_label h2').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=projectlabel&text='+urlencode(text)+'" />');
  });

  //replace kadertitel wit
  $('h2.titel_wit').each(function() {
    var text = escape($(this).text());
    $(this).html('<img src="images/gd/image.php?type=titel_wit&text='+urlencode(text)+'" />');
  });

}

function load_google_map() {

  var markerHTML;

  markerHTML = "<div id=\"google_address\"><b>S&amp;P Clever Reinforcement Company Benelux BV</b> <br><br>Aalsmeerderweg 249 p<br />1432 CM Aalsmeer <br /><a href =\"mailto:info@sp-reinforcement.nl\">info@sp-reinforcement.nl</a> <br />tel: +31 (0)297 367674 <br /><br> Routebeschrijving? <a href='http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=Aalsmeerderweg+249+P+1432+CM+Aalsmeer+S%26P+Clever+Reinforcement+Company+Benelux+BV&sll=52.27921,4.793844&sspn=0.009689,0.019205&gl=nl&g=Aalsmeerderweg+249,+1432+Aalsmeer&ie=UTF8&hq=Aalsmeerderweg+249+P+1432+CM+Aalsmeer+S%26P+Clever+Reinforcement+Company+Benelux+BV&hnear=Aalsmeerderweg+249,+1432+Aalsmeer&ll=52.27937,4.793837&spn=0.00936,0.019205&z=16&iwloc=A' target='_blank'>Klik hier</a></div>";

  var google_div = document.getElementById('google_map');

  if(google_div != null)
  {
    if (GBrowserIsCompatible())
    {
      var map = new GMap2(document.getElementById("google_map"));
      map.addControl(new GSmallMapControl());
      map.setCenter(new GLatLng(latitude, longitude), 12);
      var point = new GPoint(longitude, latitude);
      map.addOverlay(new GMarker(point));
        var marker = new GMarker(point);
      map.addOverlay(marker);
      marker.openInfoWindowHtml(markerHTML);
    }
  }
}

function load_flash()
{
  var flash_div = document.getElementById('flash_div');

  if(flash_div != null)
  {
    var so = new SWFObject("flash/home.swf", "", "962", "345", "8", "#FFF");
    so.addParam("wmode", "transparent");
    so.write("flash_div");
  }
}

function urlencode( str ) {
    // http://kevin.vanzonneveld.net
    // +   original by: Philip Peterson
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: AJ
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Brett Zamir
    // %          note: info on what encoding functions to use from: http://xkr.us/articles/javascript/encode-compare/
    // *     example 1: urlencode('Kevin van Zonneveld!');
    // *     returns 1: 'Kevin+van+Zonneveld%21'
    // *     example 2: urlencode('http://kevin.vanzonneveld.net/');
    // *     returns 2: 'http%3A%2F%2Fkevin.vanzonneveld.net%2F'
    // *     example 3: urlencode('http://www.google.nl/search?q=php.js&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a');
    // *     returns 3: 'http%3A%2F%2Fwww.google.nl%2Fsearch%3Fq%3Dphp.js%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dcom.ubuntu%3Aen-US%3Aunofficial%26client%3Dfirefox-a'

    var histogram = {}, tmp_arr = [];
    var ret = str.toString();

    var replacer = function(search, replace, str) {
        var tmp_arr = [];
        tmp_arr = str.split(search);
        return tmp_arr.join(replace);
    };

    // The histogram is identical to the one in urldecode.
    histogram["'"]   = '%27';
    histogram['(']   = '%28';
    histogram[')']   = '%29';
    histogram['*']   = '%2A';
    histogram['~']   = '%7E';
    histogram['!']   = '%21';
    histogram['%20'] = '+';

    // Begin with encodeURIComponent, which most resembles PHP's encoding functions
    ret = encodeURIComponent(ret);

    for (search in histogram) {
        replace = histogram[search];
        ret = replacer(search, replace, ret) // Custom replace. No regexing
    }

    // Uppercase for full PHP compatibility
    return ret.replace(/(\%([a-z0-9]{2}))/g, function(full, m1, m2) {
        return "%"+m2.toUpperCase();
    });

    return ret;
}