// switch to true/false to show/kill the home page video quickly
var showhomevid = false;
// switch number to pick the number of days before user encounters vid again
var frequency = 7;

$(document).ready(function() {
  $(window).load(function() {
    if (showhomevid && (!GUCCI.isMobile || GUCCI.isIPad))
        masqOpenVideo();
  });
});

/*
* Used to remove the MASQ video lightbox from the page.
* Can be used to stop playback on event or close at the end of the video.
*/
function masqCloseVideo() {
  $('#masq_lightbox').remove();
}

/*
* Used to load the the lightbox to the end of the body element and then display it
* in a lightbox.
*
*/
function masqOpenVideo() {   
  if (typeof flowplayer != 'function' || GUCCI.getCookie('GUCCIHomeVidSkip').length > 0) return;   
  if (frequency > 0)
    GUCCI.setCookie('GUCCIHomeVidSkip',1,frequency);
  var path_match = location.pathname.split('/');
  var site_abbr = path_match[1];
  
  var skip_text = "skip intro";
  switch (site_abbr) {
      case "at":
        skip_text = "Skip Intro";
        break;
      case "fr":
        skip_text = "passer l'introduction";
        break;
      case "de":
        skip_text = "Skip Intro";
        break;
      case "it":
        skip_text = "salta";
        break;
      case "es":
        skip_text = "saltar introducción";
        break;
      case "jp":
        skip_text = "skip intro";
        break;
      case "kr":
        skip_text = "skip intro";
        break;
      case "cn":
        skip_text = "skip intro";
        break;
  }
  $('body').append('<div id="masq_lightbox"><div class="player"><a class="button"><span>' + skip_text + '</span></a><a class="video flash" id="masq_video" href="http://3249-gucciapp.voxcdn.com/splash/gweb_sizzler_default.mp4"></a></div></div>');
  var config = {
      key: '#@f7d674c7ec199e0dda0',   
      plugins: {
          controls: null
      },
      logo: { 
          opacity: 0,
          url: '',
          fullScreenOnly: false,
          displayTime: 0
      },
      clip: {
          accelerated: false,
          fadeInSpeed: 1000,
          fadeOutSpeed: 1000,
          autoPlay: false,
          scaling: 'fit',
          onBeforePause: function() {
              return false;
          },
          onFinish: function() {
              masqCloseVideo();
              $('.lb_overlay').remove();
              if (typeof GUCCI.Analytics != "undefined")
                GUCCI.Analytics.pageView("home video:end","");
          }
      },
      play: { opacity: 0 },
      canvas: {
          backgroundColor: '#000000',
          backgroundGradient: 'none'
      },
      onBeforeFullscreen: function() {
          return false;
      },
      onError: function() {
          masqCloseVideo();
          $('.lb_overlay').remove();
      }
  };
  if (GUCCI.isMobile)
  {
      config = {
            key: '#@f7d674c7ec199e0dda0',   
            plugins: {
                controls: null
            },
            logo: { 
                opacity: 0,
                url: '',
                fullScreenOnly: false,
                displayTime: 0
            },
            clip: {
                accelerated: false,
                fadeInSpeed: 1000,
                fadeOutSpeed: 1000,
                autoPlay: true,
                scaling: 'fit',
                onBeforePause: function() {
                    return false;
                },
                onFinish: function() {
                    masqCloseVideo();
                    $('.lb_overlay').remove();
                    if (typeof GUCCI.Analytics != "undefined")
                      GUCCI.Analytics.pageView("home video:end","");
                    $f().stop();
                }
            },
            play: { opacity: 0 },
            canvas: {
                backgroundColor: '#000000',
                backgroundGradient: 'none'
            },
            onBeforeFullscreen: function() {
                return false;
            },
            onError: function() {
                masqCloseVideo();
                $('.lb_overlay').remove();
            }
        };
  }
  
  flowplayer('masq_video', {
      src:"/flowplayer/flowplayer.commercial-3.2.4.swf", 
      wmode: "transparent",
      onFail: function() {
        $('#masq_lightbox,.lb_overlay').remove();
      }},config).ipad();
      
  if ($('#masq_lightbox').length > 0)
      masqOpenLightbox();
}

function masqOpenLightbox() {
  $('#masq_lightbox').lightbox_me({
    centered: false, 
    closeClick: true, 
    closeSelector: '.button',
    modalCSS: { top: 0 },
    onClose: function() {
      masqCloseVideo();
      if (typeof GUCCI.Analytics != "undefined")
        GUCCI.Analytics.pageView("home video:skip","");
    },
    onLoad: function() {
     $f().play();
    }
  });
  if (typeof GUCCI.Analytics != "undefined")
    GUCCI.Analytics.pageView("home video:start","");
}


/*
* $ lightbox_me
* By: Buck Wilson
* Version : 2.2
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/


(function($) {

    $.fn.lightbox_me = function(options) {

        return this.each(function() {

            var
                opts = $.extend({}, $.fn.lightbox_me.defaults, options),
                $overlay = $('div.' + opts.classPrefix + '_overlay'),
                $self = $(this),
                $iframe = $('iframe#lb_iframe'),
                ie6 = ($.browser.msie && $.browser.version < 7);
            
            if ($overlay.length > 0) {
                $overlay[0].removeModal(); // if the overlay exists, then a modal probably exists. Ditch it!
            } else {
                $overlay =  $('<div class="' + opts.classPrefix + '_overlay" style="display:none;"/>'); // otherwise just create an all new overlay. 
            }

            $iframe = ($iframe.length > 0) ? $iframe : $iframe = $('<iframe id="lb_iframe" style="z-index: ' + (opts.zIndex + 1) + '; display: none; border: none; margin: 0; padding: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0;"/>');

            /*----------------------------------------------------
               DOM Building
            ---------------------------------------------------- */
            if (ie6) {
                var src = /^https/i.test(window.location.href || '') ? 'javascript:false' : 'about:blank';
                $iframe.attr('src', src);
                $('body').append($iframe);
            } // iframe shim for ie6, to hide select elements
            $('body').append($self).append($overlay);

            /*----------------------------------------------------
               CSS stuffs
            ---------------------------------------------------- */

            // set css of the modal'd window

            setSelfPosition();
            $self.css({left: '50%', marginLeft: ($self.outerWidth() / 2) * -1,  zIndex: (opts.zIndex + 3) });

            // set css of the overlay

            setOverlayHeight(); // pulled this into a function because it is called on window resize.
            $overlay.css({ position: 'absolute', width: '100%', top: 0, left: 0, right: 0, bottom: 0, zIndex: (opts.zIndex + 2) })
                    .css(opts.overlayCSS);

            /*----------------------------------------------------
               Animate it in.
            ---------------------------------------------------- */

            if ($overlay.is(":hidden")) {
                $overlay.fadeIn(opts.overlaySpeed, function() {
                    $self[opts.appearEffect](opts.lightboxSpeed, function() { setOverlayHeight(); opts.onLoad()});
                });
            } else {
                $self[opts.appearEffect](opts.lightboxSpeed, function() { setOverlayHeight(); opts.onLoad()});
            }

            /*----------------------------------------------------
               Bind Events
            ---------------------------------------------------- */

            $(window).resize(setOverlayHeight)
                     .resize(setSelfPosition)
                     .scroll(setSelfPosition)
                     .keydown(observeEscapePress);
                     
            $self.find(opts.closeSelector).click(function() { removeModal(true); return false; });
            $overlay.click(function() { if(opts.closeClick){ removeModal(true); return false;} });

            
            $self.bind('close', function() { removeModal(true) });
            $self.bind('resize', setSelfPosition);
            $overlay[0].removeModal = removeModal;

            /*----------------------------------------------------------------------------------------------------------------------------------------
              ---------------------------------------------------------------------------------------------------------------------------------------- */

            /*----------------------------------------------------
               Private Functions
            ---------------------------------------------------- */


            function removeModal(removeO) {
                // fades & removes modal, then unbinds events
                $self[opts.disappearEffect](opts.lightboxDisappearSpeed, function() {
                    
                    if (removeO) {
                      removeOverlay();  
                    } 
                    
                    opts.destroyOnClose ? $self.remove() : $self.hide()
                    
                    
                    $self.find(opts.closeSelector).unbind('click');
                    $self.unbind('close');
                    $self.unbind('resize');
                    $(window).unbind('scroll', setSelfPosition);
                    $(window).unbind('resize', setSelfPosition);
                    
                    
                });
            }
            
            
            function removeOverlay() {
                // fades & removes overlay, then unbinds events
                $overlay.fadeOut(opts.overlayDisappearSpeed, function() {
                    $(window).unbind('resize', setOverlayHeight);

                    $overlay.remove();
                    $overlay.unbind('click');
                    
                    
                    opts.onClose();

                })
            }
            


            /* Function to bind to the window to observe the escape key press */
            function observeEscapePress(e) {
                if((e.keyCode == 27 || (e.DOM_VK_ESCAPE == 27 && e.which==0)) && opts.closeEsc) removeModal(true);
            }

            /* Set the height of the overlay
                    : if the document height is taller than the window, then set the overlay height to the document height.
                    : otherwise, just set overlay height: 100%
            */
            function setOverlayHeight() {
                if ($(window).height() < $(document).height()) {
                    $overlay.css({height: $(document).height() + 'px'});
                } else {
                    $overlay.css({height: '100%'});
                    if (ie6) {$('html,body').css('height','100%'); } // ie6 hack for height: 100%; TODO: handle this in IE7
                }
            }

            /* Set the position of the modal'd window ($self)
                    : if $self is taller than the window, then make it absolutely positioned
                    : otherwise fixed
            */
            function setSelfPosition() {
                var s = $self[0].style;

                if (($self.height() + 80  >= $(window).height()) && ($self.css('position') != 'absolute' || ie6)) {
                    var topOffset = $(document).scrollTop() + 40;
                    $self.css({position: 'absolute', top: topOffset + 'px', marginTop: 0})
                    if (ie6) {
                        s.removeExpression('top');
                    }
                } else if ($self.height()+ 80  < $(window).height()) {
                    if (ie6) {
                        s.position = 'absolute';
                        if (opts.centered) {
                            s.setExpression('top', '(document.documentElement.clientHeight || document.body.clientHeight) / 2 - (this.offsetHeight / 2) + (blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"')
                            s.marginTop = 0;
                        } else {
                            var top = (opts.modalCSS && opts.modalCSS.top) ? parseInt(opts.modalCSS.top) : 0;
                            s.setExpression('top', '((blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + '+top+') + "px"')
                        }
                    } else {
                        if (opts.centered) {
                            $self.css({ position: 'fixed', top: '50%', marginTop: ($self.outerHeight() / 2) * -1})
                        } else {
                            $self.css({ position: 'fixed'}).css(opts.modalCSS);
                        }
                    }
                }
            }
        });
    };


    $.fn.lightbox_me.defaults = {

        // animation when appears
        appearEffect: "fadeIn",
        overlaySpeed: 300,
        lightboxSpeed: "fast",
        
        // animation when dissapears
        disappearEffect: "fadeOut",
        overlayDisappearSpeed: 300,
        lightboxDisappearSpeed: "fast",

        // close
        closeSelector: ".close",
        closeClick: true,
        closeEsc: true,

        // behavior
        destroyOnClose: false,

        // callbacks
        onLoad: function() {},
        onClose: function() {},

        // style
        classPrefix: 'lb',
        zIndex: 999,
        centered: false,
        modalCSS: {top: '40px'},
        overlayCSS: {background: 'black', opacity: .6}
    }


})(jQuery);