/*----------------------------------------------------------
  
  After loading the page, 
    
  @package 
  @author Dario Cavada, cavada@ectrlsolutions.com
  @version v 1.05 2011/01/18

  $previewImage = 'http://video.visittrentino.it/img/prima1.jpg';
  3 tipi di URL riconosciuti:
    $movieName = 'INVERNO_Campiglio.flv'; --> Va su WeStream
    $movieName = 'http://il.youtube.com/watch?v=cSEDgiIs-_k'; --> Va su youtube
    $movieName = 'http://ias-sr.westream.eu/?account=ws-trentino&file=INVERNO_Campiglio.flv&type=streaming&service=wowza&protocol=rtmp&port=1935&output=xspf&player=jwplayer';  --> Va con qualsiasi pseudostream... questo � l'esempio con westream

VideoTag sample...

<div title="videobanner" class="videotag">
  <abbr title="http://video.visittrentino.it/img/prima1.jpg" class="previewImage"/>
  <abbr title="INVERNO_Campiglio.flv" class="movieName"/>
  <abbr title="30" class="videoVolume" ></abbr>
  <abbr title="true" class="videoAutoStart" ></abbr>

  <abbr title="false" class="videoInOverlayEnabled" ></abbr>
  <abbr title="600" class="videoInOverlayWidth" ></abbr>
  <abbr title="400" class="videoInOverlayHeight" ></abbr>
</div>
  
  ---------------------------------------------------------*/

var videobannerOverlay = "";
var videobannerOverlay2 = "";
var videoBannerOverWidth = 800;
var videoBannerOverHeight = 600;
var videoVolume = "0";
var videoMovieName = "";
var videoAutostart = "true";
var videoMinimized = "true";
var bHeaderVideoBtn = false; // Toggle between open and close (minimized state)

jQuery.noConflict();

jQuery(document).ready(function($){
    //alert(">> ready" + $(".videotag")); // *** DEBUG
    var videotags = $(".videotag");
    var videotag = null;

    // Nuovo tema
    var videotags2010 = $(".videotag2010");
    if (videotags2010.length > 0) {

        videotag = videotags[0];
        var width = 282;
        var height = 168;
        var bOverlay = false;
        var videoGalleryLabel ='Video';

        var previewImageElem = $(".previewImage", videotag)[0];
        var movieNameElem = $(".movieName", videotag)[0];

        var videoInOverlayEnabledElem = $(".videoInOverlayEnabled", videotag)[0];

        if (videoInOverlayEnabledElem != null) {
            var videoInOverlayEnabled = $(".videoInOverlayEnabled").attr("title");
            if (videoInOverlayEnabled == "true") {
                bOverlay = true;
            }

            var videoInOverlayWidth = $(".videoInOverlayWidth").attr("title");
            videoBannerOverWidth = parseInt(videoInOverlayWidth);

            var videoInOverlayHeight = $(".videoInOverlayHeight").attr("title");
            videoBannerOverHeight = parseInt(videoInOverlayHeight);

            videoVolume = $(".videoVolume").attr("title");
            videoAutostart = $(".videoAutoStart").attr("title");
            videoMinimized = $(".videoMinimized").attr("title");

        }

        if (previewImageElem && movieNameElem) {
            var previewImage = '';

            if (previewImageElem) {
                previewImage = $(previewImageElem).attr("title");
            }
            if (movieNameElem) {
                videoMovieName = $(movieNameElem).attr("title");
            }

            var videobanner = "";
            if (bOverlay) {
                videobanner = '<a id="videobannerinline" href="#videobannerover" style="padding-left: 0px; border-left-width: 0px; padding-right: 0px;"><img width="'+width+'"height="'+height+'" src="'+previewImage+'" alt=""></a>';
            } else {
                videobanner = '<div id="videobannerinline">&nbsp;</div>';
            }

            videobanner+='<div class="icon_container" id="headerVideoBtn"><a href="#video" class="firstItem" rel="nofollow">'+videoGalleryLabel+'</a><img id="videoGalleryArrowImg" src="/ptt2010-portal-theme/images/ptt/css/video-close-arrow.png" width="15" height="8" /></div>';

            jQuery("#top-foto_video_webcam").empty();
            jQuery("#top-foto_video_webcam").css("padding","5px 20px 0px");
            jQuery("#top-foto_video_webcam").css("background","transparent url(/ptt2010-portal-theme/images/ptt/css/video-bg.png) no-repeat scroll 0% 0%");
            jQuery("#top-foto_video_webcam").css("text-align","right");
            jQuery("#top-foto_video_webcam").css("margin-top","-2px");
            jQuery("#top-foto_video_webcam").css("-moz-background-clip","-moz-initial");
            jQuery("#top-foto_video_webcam").css("-moz-background-origin","-moz-initial");
            jQuery("#top-foto_video_webcam").css("-moz-background-inline-policy","-moz-initial");
            jQuery("#top-foto_video_webcam").css("background-repeat","no-repeat");

            jQuery("#top-foto_video_webcam").append(videobanner);

            if (bOverlay) {
                initializeVideoBannerOverlay();
            } else {
                showVideo('embply','videobannerinline',width,height,videoAutostart,videoVolume, videoMovieName);
            }

            // Open it
            if (videoMinimized == 'true') {
                closeHeaderVideoBtn();
            } else {
                openHeaderVideoBtn();
            }

            jQuery('#headerVideoBtn').click(function() {
                toggleHeaderVideoBtn();
            });

        }
    }
});

function initializeVideoBannerOverlay() {
    
    jQuery("#videobannerinline").fancybox({
        'hideOnContentClick': false,
        'zoomSpeedIn': 300,
        'zoomSpeedOut': 300,
        'overlayShow': true,
        'frameWidth':videoBannerOverWidth,
        'frameHeight':videoBannerOverHeight,
        callbackOnShow: function(){
            showVideo('embply','fancy_div',videoBannerOverWidth,videoBannerOverHeight,videoAutostart,videoVolume, videoMovieName);
        },
        callbackOnClose: function(){
        //bIsMinimap = true;
        }
    });

    
}

function toggleHeaderVideoBtn(){
    bHeaderVideoBtn = ! bHeaderVideoBtn;
    if (bHeaderVideoBtn) {
        openHeaderVideoBtn();
    } else {
        closeHeaderVideoBtn();
    }
}

function openHeaderVideoBtn(){
    jQuery("#top-foto_video_webcam").css("background-position","0 0");
    jQuery("#top-foto_video_webcam > #videobannerinline").show();

    jQuery("#top-foto_video_webcam > .icon_container").css("height","20px");  
    jQuery("#top-foto_video_webcam > .icon_container").css("padding-top","14px");  
    jQuery("#videoGalleryArrowImg").attr("src", "/ptt2010-portal-theme/images/ptt/css/video-close-arrow.png");
}

function closeHeaderVideoBtn(){
    jQuery("#top-foto_video_webcam").css("background-position","0 -192px");
    jQuery("#top-foto_video_webcam > #videobannerinline").hide();

    jQuery("#top-foto_video_webcam > .icon_container").css("height","auto");  //((attenzione ad obj o <a)
    jQuery("#top-foto_video_webcam > .icon_container").css("padding-top","0");  //((attenzione ad obj o <a)
    jQuery("#videoGalleryArrowImg").attr("src", "/ptt2010-portal-theme/images/ptt/css/video-open-arrow.png");
}

function showVideo(playerID,divID,width,heigth,autoStart,volume, movieName) {
    var so = new SWFObject('/gmap/js/playerws.swf',playerID,width,heigth,'9','#000000');
    so.addParam('allowfullscreen','true');
    so.addParam('allowscriptaccess','always');
    so.addParam('wmode','opaque');
    
    var isYoutube= movieName.indexOf("youtube")!=-1;
    var isHttpURL = movieName.indexOf("http:")!=-1;
    // var isRTMP = movieName.indexOf("rtmp:")!=-1;  --> Not supported 
    if ((isYoutube == true) || (isHttpURL)) {
      so.addVariable('file',escape(movieName));
    } else {
      so.addVariable('file',escape('http://ias-sr.westream.eu/?account=ws-trentino&file='+movieName+'&type=streaming&service=wowza&protocol=rtmp&port=1935&output=xspf&player=jwplayer'));
    }
    so.addVariable('autostart', autoStart);
    so.addVariable('volume', volume);
    so.write(divID);
}