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

    jQuery(document).ready(function() {

          jQuery("a[target=_popup]").click(function(ev1) {
              ev1.preventDefault();
              openLayer(640, 480, this);
          });
          
          jQuery("a[target=_popup_large]").click(function(ev2) {
              ev2.preventDefault();
              openLayer(980, 650, this);
          });
      });
      
      function openLayer(maxw, maxh, link) {
          //Popup content
          
          var content = link.href;
          content = content.toLowerCase();
          var arrConent = content.split(",");

          content = arrConent[0];

          if (arrConent.length > 1) {
              maxw = arrConent[1];
              maxh = arrConent[2];
          }
 
          var title = "";

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

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

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

          var middleH = (w) / 2;
          var middleV = (h) / 2;
          var endleft = (w - maxw) / 2;
          var endtop = ((h - maxh) / 2);
          if(endtop < 0){
            endtop = 0;
          }
          
          if(endleft < 0){
            endleft = 0;
          }
          
          //Popup window
          var el = jQuery("<div id='modal-window'>");
          var scrollpos = jQuery(window).scrollTop(); /* How far down is the document scrolled? */
          
          el.css({ width: maxw + 'px',
              height: (parseInt(maxh) + 20) + 'px',
              position: 'absolute',
              background: 'url("/templates/sodracommon/styles/images/popup/popup-bg-left-top.png") top left no-repeat Transparent',
              left: endleft + "px",
              top: (endtop + scrollpos) + "px",
              cursor: 'pointer',
              'z-index': 102
          });

          //Overlay background
          var bg = jQuery("<div id='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=65)',
              'z-index': '101'
          });

          //Right corner
          var rc = jQuery("<div id='right-corner'>");
          rc.css({
              height: '10px',
              background: 'url("/templates/sodracommon/styles/images/popup/popup-bg-right-top.png") top right no-repeat Transparent',
              margin: '0px 0px 0px 10px'
          });
          el.append(rc);

          //Left bottom corner
          var lcb = jQuery("<div id='left-corner-b'>");
          lcb.css({
              height: '10px',
              background: 'url("/templates/sodracommon/styles/images/popup/popup-bg-left-bottom.png") top left no-repeat Transparent',
              padding: '0px 0px 0px 0px'
          });

          //right bottom corner
          var rcb = jQuery("<div id='left-corner-b'>");
          rcb.css({
              height: '10px',
              background: 'url("/templates/sodracommon/styles/images/popup/popup-bg-right-bottom.png") top right no-repeat Transparent',
              padding: '0px 0px 0px 0px',
              margin: '0px 0px 0px 10px'
          });

          lcb.append(rcb);

          //Close button
          var cl = jQuery("<img id='closer' src='/Templates/SodraCommon/Styles/gfx/popup-layer-close.png' />");
          cl.css({
              width: '20px',
              height: '20px',
              position: 'absolute',
              top: '10px',
              right: '10px',
              'z-index': '100000'
          });


          el.append(cl);

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

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

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

              el.append(div);

              jQuery(div).flashembed(content);
          }

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

              var x = jQuery("<img>");
              x.css({
                  margin: 'auto'
              });

              x.attr("src", content);

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

          //HTML or any thing else is shown in an iframe
          else {
              var div = jQuery("<div>");
              div.css({
                  height: maxh,
                  width: maxw,
                  background: '#ffffff'
              });

              var x = jQuery("<iframe>");
              x.css({
                  height: maxh,
                  width: maxw,
                  border: 'none'
              });

              x.attr("src", content);
              x.attr("frameborder", "no");

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

          el.append(lcb);
      };

      function openHtmlElementLayer(maxw, maxh, link, selector) {
          //Popup content

          var content = link;
          if (content != null) {
              content = content.toLowerCase();
              var arrConent = content.split(",");

              content = arrConent[0];

              if (arrConent.length > 1) {
                  maxw = arrConent[1];
                  maxh = arrConent[2];
              }
          }
          var title = "";

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

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

          var middleH = (w) / 2;
          var middleV = (h) / 2;
          var endleft = (w - maxw) / 2;
          var endtop = ((h - maxh) / 2);
          if (endtop < 0) {
              endtop = 0;
          }

          if (endleft < 0) {
              endleft = 0;
          }

          //Popup window
          var el = jQuery("<div id='modal-window'>");
          var scrollpos = jQuery(window).scrollTop(); /* How far down is the document scrolled? */

          el.css({ width: maxw + 'px',
              height: (parseInt(maxh) + 20) + 'px',
              position: 'absolute',
              background: 'url("/templates/sodracommon/styles/images/popup/popup-bg-left-top.png") top left no-repeat Transparent',
              left: endleft + "px",
              top: (endtop + scrollpos) + "px",
              'z-index': 102
          });

          //Overlay background
          var bg = jQuery("<div id='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=65)',
              'z-index': '101'
          });

          //Right corner
          var rc = jQuery("<div id='right-corner'>");
          rc.css({
              height: '10px',
              background: 'url("/templates/sodracommon/styles/images/popup/popup-bg-right-top.png") top right no-repeat Transparent',
              margin: '0px 0px 0px 10px'
          });
          el.append(rc);

          //Left bottom corner
          var lcb = jQuery("<div id='left-corner-b'>");
          lcb.css({
              height: '10px',
              background: 'url("/templates/sodracommon/styles/images/popup/popup-bg-left-bottom.png") top left no-repeat Transparent',
              padding: '0px 0px 0px 0px'
          });

          //right bottom corner
          var rcb = jQuery("<div id='left-corner-b'>");
          rcb.css({
              height: '10px',
              background: 'url("/templates/sodracommon/styles/images/popup/popup-bg-right-bottom.png") top right no-repeat Transparent',
              padding: '0px 0px 0px 0px',
              margin: '0px 0px 0px 10px'
          });

          lcb.append(rcb);

          //Close button
          var cl = jQuery("<img id='closer' src='/Templates/SodraCommon/Styles/gfx/popup-layer-close.png' />");
          cl.css({
              width: '20px',
              height: '20px',
              position: 'absolute',
              top: '10px',
              right: '10px',
              cursor: 'pointer',
              'z-index': '100000'
          });


          el.append(cl);

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

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

          var div = jQuery("<div>");
          div.css({
              width: maxw,
              background: '#ffffff'
          });

          el.append(div);

          var loadImg = jQuery("<img id='closer' src='/Templates/SodraCommon/Styles/gfx/loading.gif' />");
          loadImg.css({
              margin: '100px 0px 0px 375px'
          });

          div.append(loadImg);

          if (content != null) {
              jQuery(div).load(content + ' ' + selector, function() {
                  jQuery(selector).show();
              });
          }
          else {
              jQuery(div).append(jQuery(selector));
              jQuery(loadImg).hide();
              jQuery(selector).show();
          }

          el.append(lcb);
      };
/* ]]> */