/* oakay.com 08 */

var elements = "#prod_image li";
var elementsAnchors = "#prod_image li a";
var startupParams = false;
var overlayOpen = false;
var currentType = false;
var overlayNav = false;
var customURL = false;

jQuery(document).ready(function() {
    setGalleryOpenerEvent();
    preloadGalleryItems();
});

function preloadGalleryItems() {

    jQuery(elementsAnchors).each(function() {

        var url = jQuery(this).attr('href');

        if (url.lastIndexOf('.flv') != -1 || url.lastIndexOf('.FLV') != -1) {

            jQuery('<img>').attr('src', 'mediaplayer/mediaplayer.swf');

        } else {

            jQuery('<img>').attr('src', url);

        }

    });

}



function setGalleryOpenerEvent() {

    jQuery(elements).each(function() {
       jQuery(this).find('a').click(openOverlay);

    });

}



function calculateOverlayParams(type) {

    var pos = {

      sTop : function() {

        return window.pageYOffset || document.documentElement && document.documentElement.scrollTop ||	document.body.scrollTop;

      },

      wHeight : function() { 

        return jQuery(window).height();

      }

    };

    switch(type) {

        case 'video':

            var width = 665;

            var height = 591;

            var innerWidth = 480;

            var innerHeight = 472;

            var thumbHeight = 92;

            var margin = '59px 92px';

            break;

        case 'video_brandshop':

            var width = 979;

            var height = 507;

            var innerWidth = 716;

            var innerHeight = 421;

            var thumbHeight = 0;

            var margin = '51px 132px';

            break;
        
        case 'video_big':

            var width = 556;

            var height = 754;

            var innerWidth = 398;

            var innerHeight = 610;

            var thumbHeight = 92;

            var margin = '72px 79px';

            break;

        case 'image':

            var width = 556;

            var height = 730;

            var innerWidth = 398;

            var innerHeight = 590;

            var thumbHeight = 92;

            var margin = '70px 79px';

            break;

    }

    var top = pos.sTop() + (pos.wHeight() / 2) - (height / 2);

    var left = (jQuery(window).width() / 2) - width / 2;

    return {

        'top' : Math.round(top),

        'left' : Math.round(left),

        'width' : width,

        'height' : height,

        'innerwidth' : innerWidth,

        'innerheight' : innerHeight,

        'thumbheight' : thumbHeight,

        'margin' : margin

    };

}



function openOverlay() {

    jQuery('select.field').css('visibility', 'hidden');

    if (customURL) {
      var openerURL = customURL;
    } else {
      var openerURL = jQuery(this).attr('href');
    }

    if (openerURL.lastIndexOf('.flv') != -1 || openerURL.lastIndexOf('.FLV') != -1) {

      if (openerURL.indexOf('_big') != -1) {
        var type = 'video_big';
      } else if (openerURL.indexOf('_brandshop') != -1) {
        var type = 'video_brandshop';
      } else {
        var type = 'video';
      }

      startupParams = { 'type' : type, 'url' : openerURL };

    } else {

        startupParams = { 'type' : 'image', 'url' : openerURL };

    }

    currentType = startupParams.type;

    var properties = calculateOverlayParams(currentType);

    jQuery('#overlay-content-wrapper-hack').css({

       width: properties.innerwidth,

       height: (properties.innerheight - properties.thumbheight) 

    });

    jQuery('.overlayshadow').css({

        top: properties.top,

        left: properties.left,

        width: properties.width,

        height: properties.height

    }).show('scale', {}, 300, function() {

        jQuery('.overlay').css({

            top: properties.top,

            left: properties.left,

            width: properties.innerwidth,

            height: properties.innerheight,

            margin: properties.margin

        }).fadeIn(200);

    });

    loadContent();

    loadThumbs(jQuery(this));

    jQuery('.overlay .close').click(unloadOverlay);
    jQuery('.overlay .safe-close').click(unloadOverlay);

    overlayOpen = true;

    return false;

}



function setActiveElement(obj) {

    jQuery('.overlay .overlaynav li a').each(function() {

       jQuery(this).removeClass('active');

    });

    jQuery(obj).addClass('active');

}



function loadContent() {

    if (overlayOpen) {

        var self = this;

        jQuery('#overlay-content-wrapper').fadeOut(200, function() {

            resetContent();

            var url = jQuery(self).attr('href');

            if (url.lastIndexOf('.flv') != -1 || url.lastIndexOf('.FLV') != -1) {

              if (url.indexOf('_big') != -1) {
                var type = 'video_big';
              } else if (url.indexOf('_brandshop') != -1) {
                var type = 'video_brandshop';
              } else {
                var type = 'video';
              }

              var obj = { 'type' : type, 'url' : url };

              var properties = calculateOverlayParams(type);

            } else {

              var obj = { 'type' : 'image', 'url' : url };

              var properties = calculateOverlayParams('image');

            }

            if (obj.type != currentType) {

                overlayNav = 'invisible';

                jQuery('.overlay .close').fadeOut(100);
                jQuery('.overlay .safe-close').fadeOut(100);

                jQuery('.overlaynav').fadeOut(100, function() {

                    jQuery('#overlay-content-wrapper-hack').css({

                        width: properties.innerwidth,

                        height: (properties.innerheight - properties.thumbheight) 

                    });

                });

            }

            currentType = obj.type;

            jQuery('.overlayshadow').animate({

                left: properties.left,

                top: properties.top,

                width: properties.width,

                height: properties.height

            }, 300, function() {

                jQuery('.overlay').css({

                    left: properties.left,

                    top: properties.top,

                    width: properties.innerwidth,

                    height: properties.innerheight,

                    margin: properties.margin

                });

                invokeContent(obj);

                jQuery('#overlay-content-wrapper').fadeIn(200, function() {

                    if (overlayNav == 'invisible') {

                        jQuery('.overlay .close').fadeIn(100);
                        if (obj.type != 'video') jQuery('.overlay .safe-close').fadeIn(100);

                        jQuery('.overlaynav').fadeIn(100);

                        overlayNav = false;

                    }

                });

            });

        });

        setActiveElement(this);

    } else {

        var obj = startupParams;

        invokeContent(obj);

    }

    return false;

}



function invokeContent(obj) {

    switch(obj.type) {

        case 'video':

            var flashvars = {

              videoURL: obj.url,
              width: 480,
              height: 380,
			  buttonstat: false,
              button: '0,407,348,108',
			  videoSkin:  'mediaplayer/SkinOverPlaySeekMuteFullscreen.swf',
			  allowFullScreen: 'true',
			  navbar: 'hidden',
              buttonurl: jQuery('#ps-video-products-url').val()
            };

            var params = {

              allowfullscreen: 'true'

            };

            swfobject.embedSWF('mediaplayer/cs_flvplayer.swf', 'overlay-content', flashvars.width, flashvars.height, '8.0.0', 'expressInstall.swf', flashvars, params);
            jQuery('.overlay .safe-close').hide();

            break;

        case 'video_brandshop':

            var flashvars = {

              videoURL: obj.url,
              width: 720,
              height: 405,
			  buttonstat: false,
              button: '0,407,348,108',
			  videoSkin:  'mediaplayer/SkinOverPlaySeekMuteFullscreen.swf',
			  allowFullScreen: 'true',
			  navbar: 'hidden',
              buttonurl: jQuery('#ps-video-products-url').val()
            };

            var params = {

              allowfullscreen: 'true'

            };

            swfobject.embedSWF('mediaplayer/cs_flvplayer.swf', 'overlay-content', flashvars.width, flashvars.height, '8.0.0', 'expressInstall.swf', flashvars, params);
            jQuery('.overlay .safe-close').hide();

            break;

        case 'video_big':

            var flashvars = {
              videoURL: obj.url,
              width: 348,
              height: 498,
              buttonstat: true,
              button: '0,407,348,108',
			  videoSkin:  'mediaplayer/SkinOverPlaySeekFullscreen.swf',
			  allowFullScreen: 'true',
			  navbar: 'hidden',
              buttonurl: jQuery('#ps-video-products-url').val()
            };
            var params = {
              allowfullscreen: 'true'
            };
            swfobject.embedSWF('mediaplayer/cs_flvplayer.swf', 'overlay-content', flashvars.width, flashvars.height, '8.0.0', 'expressInstall.swf', flashvars, params);
            jQuery('.overlay .safe-close').show();

            break;

        case 'image':

            jQuery('.overlay #overlay-content').html('<img src="' + obj.url + '" alt="" />');
            jQuery('.overlay .safe-close').show();

            break;

    };

}



function loadThumbs(activeObj) {

    activeObj.addClass('active');

    jQuery(elements).each(function() {

        var e = jQuery(this).clone();

        if (!e.hasClass('enlarge')) {

            jQuery('.overlay .overlaynav ul').append(e);

        }

    });

    activeObj.removeClass('active');

    jQuery('.overlay .overlaynav li a').click(loadContent);

}



function resetContent() {

    jQuery('.overlay #overlay-content-wrapper').html('<div id="overlay-content"></div>');

}



function unloadOverlay() {

    resetContent();

    jQuery('.overlay .overlaynav ul').html('');

    jQuery('.overlayshadow, .overlay').hide('scale', {}, 200);

    jQuery('select.field').css('visibility', 'visible');

    startupParams = false;

    overlayOpen = false;

    setGalleryOpenerEvent();

    return false;

}