 /* <![CDATA[ */
 /* Ncedia media overlay script version 1.0 */
 /* www.ncedia.se */
  
  $(document).ready(function() {

	$(".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 != null) {
			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='modalwindow'>"); 
        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='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':'100000'
            });

        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);
        }
        
        //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);
        }

       
	});
 });
/* ]]> */