- /* <![CDATA[ */
/* Ncedia media overlay script version 1.0 */
/* www.ncedia.se */

  $(document).ready(function() {

      $("a[target=_popup]").click(function(ev) {

          //Stop click event
          ev.preventDefault();

          //Popup content
          var content = (this).href;
          content = content.toLowerCase();

          var maxw = 0;
          var maxh = 0;
          var title = "";

          //Popup size
          if (this.rel) {
              var tmp = this.rel.split(",");
              maxw = tmp[0];
              maxh = tmp[1];
          }

          //Set default value
          if (maxw == 0) { maxw = 640; }
          if (maxh == 0) { maxh = 480; }

          w = $(window).width();
          h = $(window).height();

          var middleH = (w) / 2;
          var middleV = (h) / 2;
          var endleft = (w - maxw) / 2;
          var endtop = ((h - maxh) / 2);

          //Popup window
          var el = $("<div id='modal-window'>");
          el.css({ width: maxw + 'px',
              height: maxh + 'px',
              position: 'fixed',
              border: '10px solid #303132',
              background: '#222',
              left: endleft + "px",
              top: endtop + "px",
              cursor: 'pointer',
              'z-index': 102
          });

          //Overlay background
          var bg = $("<div id='modal-overlay'>");
          bg.css({
              position: 'fixed',
              top: '0',
              right: '0',
              bottom: '0',
              left: '0',
              height: '100%',
              width: '100%',
              margin: '0',
              padding: '0',
              background: '#131313',
              opacity: '.90',
              filter: 'alpha(opacity=85)',
              'z-index': '101'
          });

          //Close button
          var cl = $("<img id='closer' src='/overlay/closed.png'>");
          cl.css({
              width: '24px',
              height: '24px',
              position: 'absolute',
              top: '-20px',
              right: '-20px',
              'z-index': '103'
          });

          el.append(cl);

          //Add objects to html body
          $("body").append(el);
          $("body").append(bg);

          //Close overlay
          el.click(function() {
              $(this).fadeOut(500, function() {
                  el.empty();
                  el.remove();
              });
              bg.remove();
          });

          //Flash movie
          if (content.indexOf(".flv") != -1) {
              var div = $("<div id='movie'>");
              div.css({
                  padding: '0px',
                  height: maxh,
                  width: maxw
              });

              el.append(div);

              $f("movie", "/overlay/flowplayer-3.1.5.swf", content);
          }

          //Sound
          else if (content.indexOf(".mp3") != -1) {
              var div = $("<div id='movie'>");
              div.css({
                  padding: '0px',
                  height: maxh,
                  width: maxw
              });

              el.append(div);

              // Get image path
              var imgPath = content.replace('.mp3', '.jpg');
              $f("movie", "/overlay/flowplayer-3.1.5.swf",
             {
                 playlist: [
                 { url: imgPath, scaling: 'orig' },
                 { url: content, autoPlay: true}]
             });
          }

          //Flash
          else if (content.indexOf(".swf") != -1) {
              var div = $("<div id='flash'>");
              div.css({
                  padding: '0px',
                  height: maxh,
                  width: maxw
              });

              el.append(div);

              $(div).flashembed(content);
          }

          //Image
          else if (content.indexOf(".jpg") != -1 || content.indexOf(".gif") != -1 || content.indexOf(".png") != -1) {
              var div = $("<div>");
              div.css({
                  padding: '20px',
                  height: maxh - 40,
                  width: maxw - 40
              });

              var x = $("<img>");
              x.css({
                  height: maxh - 40,
                  width: maxw - 40
              });

              x.attr("src", content);

              div.append(x);
              el.append(div);
          }

          //HTML or any thing else is shown in an iframe
          else {
              var div = $("<div>");
              div.css({
                  padding: '20px',
                  height: maxh - 40,
                  width: maxw - 40
              });

              var x = $("<iframe>");
              x.css({
                  height: maxh - 40,
                  width: maxw - 40
              });

              x.attr("src", content);

              div.append(x);
              el.append(div);
          }
      });
  });
/* ]]> */