﻿(function ($) {
  $.fn.nxMediaGalleryVertical = function (options) {
    return this.each(function () {
      var $this = $(this);
      var settings = $.extend(defaultOptions, options);
      if ($this.data("mediagalleryverticalcontrol") == null) {
        $this.data("mediagalleryverticalcontrol", new MediaGalleryVerticalControl($this, settings));
      }
    });
  };

  var defaultOptions = {
    width: 800,
    height: 270,
    speed: 1000,
    delay: 2000,
    focused: 0, // 0-based
    animated: true
  };

  var MediaGalleryVerticalControl = function (element, settings) {
    var control = this;
    control.element = element;
    control.settings = settings;
    control.itemsCon = null;
    control.itemsArr = null;
    control.currentIndex = null;
    control.navigationBlocked = false;
    control.delayTimer = null;

    control.delayTimerStart = function () {
      if (control.delayTimer == null) {
        control.delayTimer = setInterval(function () {
          control.showItem(control.getPrevIndex(), control.settings.animated);
        }, control.settings.delay + control.settings.speed);
      }
    }

    control.delayTimerStop = function () {
      clearInterval(control.delayTimer);
      control.delayTimer = null;
    }

    control.fillItems = function () {
      control.itemsCon = control.element.find(".items");
      control.itemsArr = control.itemsCon.find(".item");
    };

    control.tidyUpAll = function () {
      control.setWidth(control.element, control.settings.width);
      control.setHeight(control.element, control.settings.height);
      control.setMarginLeft(control.itemsCon, 0);
      control.setMarginTop(control.itemsCon, 0);

      control.setWidth(control.itemsCon, control.settings.width * control.itemsArr.length);
      control.setHeight(control.itemsCon, control.settings.height);

      control.itemsArr.each(function () {
        var elem = $(this);
        control.setWidth(elem, control.settings.width);
        control.setHeight(elem, control.settings.height);
        control.setMarginLeft(elem, 0);
        control.setMarginTop(elem, 0);
      });

      control.currentIndex = 0;

      control.showItem(control.settings.focused, false);
    };

    control.getNextIndex = function () {
      var ind = 0;
      if (control.currentIndex + 1 > control.itemsArr.length - 1) {
        ind = 0;
      } else {
        ind = control.currentIndex + 1;
      }
      return ind;
    };

    control.getPrevIndex = function () {
      var ind = 0;
      if (control.currentIndex - 1 < 0) {
        ind = control.itemsArr.length - 1;
      } else {
        ind = control.currentIndex - 1;
      }
      return ind;
    };

    control.showNext = function (animated) {
      alert(control.settings.width);
      var ind = control.getNextIndex();
      if (ind !== false)
        control.showItem(ind, animated);
    };

    control.showPrev = function (animated) {
      var ind = control.getPrevIndex();
      if (ind !== false)
        control.showItem(ind, animated);
    };

    control.showItem = function (index, animated) {
      if (!control.navigationBlocked) {
        control.navigationBlocked = true;

        var onready = function () {
          control.currentIndex = index;
          control.navigationBlocked = false;
        };

        if (Math.abs(control.currentIndex - index) == 1) {
          if (index > control.currentIndex) {
            // eins weiter
            if (!animated) {
              control.setMarginTop(control.itemsCon, control.getMarginTop(control.itemsCon) - control.settings.height);
              onready();
            } else {
              control.setAnimatedMarginTop(control.itemsCon, control.getMarginTop(control.itemsCon) - control.settings.height, control.settings.speed, function () {
                // animation completed
                onready();
              });
            }
          } else if (index < control.currentIndex) {
            // eins zurück
            if (!animated) {
              control.setMarginTop(control.itemsCon, control.getMarginTop(control.itemsCon) + control.settings.height);
              onready();
            } else {
              control.setAnimatedMarginTop(control.itemsCon, control.getMarginTop(control.itemsCon) + control.settings.height, control.settings.speed, function () {
                // animation completed
                onready();
              });
            }
          }
        } else if (control.currentIndex == 0 && index == control.itemsArr.length - 1) {
          // vom Ersten (0) aufs Letzte (length - 1)
          control.itemsCon.children().eq(-1).remove().insertBefore(control.itemsCon.children().eq(0));
          control.setMarginTop(control.itemsCon, control.getMarginTop(control.itemsCon) - control.settings.height);
          if (!animated) {
            control.setMarginTop(control.itemsCon, control.getMarginTop(control.itemsCon) + control.settings.height);
            onready();
            control.reorder();
          } else {
            control.setAnimatedMarginTop(control.itemsCon, control.getMarginTop(control.itemsCon) + control.settings.height, control.settings.speed, function () {
              // animation completed
              onready();
              control.reorder();
            });
          }
        } else if (control.currentIndex == control.itemsArr.length - 1 && index == 0) {
          // vom Letzten (length - 1) aufs Erste (0)
          control.itemsCon.children().eq(0).remove().insertAfter(control.itemsCon.children().eq(-1));
          control.setMarginTop(control.itemsCon, control.getMarginTop(control.itemsCon) + control.settings.height);
          if (!animated) {
            control.setMarginTop(control.itemsCon, control.getMarginTop(control.itemsCon) - control.settings.height);
            onready();
            control.reorder();
          } else {
            control.setAnimatedMarginTop(control.itemsCon, control.getMarginTop(control.itemsCon) - control.settings.height, control.settings.speed, function () {
              // animation completed
              onready();
              control.reorder();
            });
          }
        } else if (control.currentIndex != index || (control.currentIndex == index && !animated)) {
          if (!animated) {
            control.setMarginTop(control.itemsCon, index * control.settings.height * -1);
            onready();
          } else {
            control.itemsCon.children().fadeOut(Math.round(control.settings.speed / 2), function () {
              control.setMarginTop(control.itemsCon, index * control.settings.height * -1);
              control.itemsCon.children().fadeIn(Math.round(control.settings.speed / 2), function () {
                onready();
              });
            });
          }
        } else {
          control.navigationBlocked = false;
        }
      }
    };

    control.reorder = function () {
      control.itemsCon.empty().append(control.itemsArr);
      control.setMarginTop(control.itemsCon, control.currentIndex * control.settings.height * -1);

      // ONLY FOR FLASH
      enableFancyFlash($("a.fancyFlash", control.element));
    };

    control.getWidth = function (jqelem) {
      return parseInt(jqelem.width());
    };

    control.getHeight = function (jqelem) {
      return parseInt(jqelem.height());
    };

    control.getMarginLeft = function (jqelem) {
      return parseInt(jqelem.css("marginLeft"));
    };

    control.getMarginTop = function (jqelem) {
      return parseInt(jqelem.css("marginTop"));
    };

    control.setWidth = function (jqelem, value) {
      jqelem.width(parseInt(value) + "px");
    };

    control.setHeight = function (jqelem, value) {
      jqelem.height(parseInt(value) + "px");
    };

    control.setMarginLeft = function (jqelem, value) {
      jqelem.css("marginLeft", parseInt(value) + "px");
    };

    control.setMarginTop = function (jqelem, value) {
      jqelem.css("marginTop", parseInt(value) + "px");
    };

    control.setAnimatedMarginLeft = function (jqelem, value, speed, callback) {
      jqelem.animate({
        marginLeft: parseInt(value) + "px"
      }, speed, callback);
    };

    control.setAnimatedMarginTop = function (jqelem, value, speed, callback) {
      jqelem.animate({
        marginTop: parseInt(value) + "px"
      }, speed, callback);
    };

    control.attachHandler = function () {
      control.element.hover(control.delayTimerStop, control.delayTimerStart);
    };

    /* execution area */
    control.fillItems();
    control.tidyUpAll();

    control.attachHandler();
    control.delayTimerStart();
  };
})(jQuery);










/*** CHOICE ***/
(function ($) {
  $.fn.nxMediaGalleryChoice = function (options) {
    return this.each(function () {
      var $this = $(this);
      var settings = $.extend(defaultOptions, options);
      if ($this.data("mediagallerychoicecontrol") == null) {
        $this.data("mediagallerychoicecontrol", new MediaGalleryCoiceControl($this, settings));
      }
    });
  };

  var defaultOptions = {
    width: 800,
    height: 270,
    speed: 450,
    focused: 3, // 0-based
    animated: true,
    loop: true,
    arrows: true,
    dots: "down" // up / top, down / bottom, none
  };

  var MediaGalleryCoiceControl = function (element, settings) {
    var control = this;
    control.element = element;
    control.settings = settings;
    control.itemsCon = null;
    control.itemsArr = null;
    control.arrowPrev = null;
    control.arrowPrevActive = null;
    control.arrowPrevInctive = null;
    control.arrowNext = null;
    control.arrowNextActive = null;
    control.arrowNextInactive = null;
    control.dots = null;
    control.dotActive = null;
    control.dotInactive = null;
    control.currentIndex = null;
    control.navigationBlocked = false;

    control.fillItems = function () {
      control.itemsCon = control.element.find(".items");
      control.itemsArr = control.itemsCon.find(".item");
      control.arrowPrev = control.element.find(".aprev");
      control.arrowNext = control.element.find(".anext");
      control.dots = control.element.find(".dots");

      control.arrowPrevActive = control.arrowPrev.find("img").eq(0)
      control.arrowPrevInactive = control.arrowPrev.find("img").eq(1);
      control.arrowNextActive = control.arrowNext.find("img").eq(0);
      control.arrowNextInactive = control.arrowNext.find("img").eq(1);
      control.dotActive = control.dots.find("img").eq(0);
      control.dotInactive = control.dots.find("img").eq(1);
    };

    control.tidyUpAll = function () {
      control.setWidth(control.element, control.settings.width);
      control.setHeight(control.element, control.settings.height);
      control.setMarginLeft(control.itemsCon, 0);
      control.setMarginTop(control.itemsCon, 0);

      control.setWidth(control.itemsCon, control.settings.width * control.itemsArr.length);
      control.setHeight(control.itemsCon, control.settings.height);

      control.itemsArr.each(function () {
        var elem = $(this);
        control.setWidth(elem, control.settings.width);
        control.setHeight(elem, control.settings.height);
        control.setMarginLeft(elem, 0);
        control.setMarginTop(elem, 0);
      });

      control.currentIndex = 0;

      /* UI ELEMENTE ANORDNEN UND EINBLENDEN */
      if (control.settings.arrows) {
        control.arrowPrev.css({
          top: control.settings.height / 2 - control.arrowPrev.height() / 2
        });
        control.arrowNext.css({
          top: control.settings.height / 2 - control.arrowNext.height() / 2
        });

        control.arrowPrev.show();
        control.arrowNext.show();
      }

      if (control.settings.dots != "none") {
        control.dots.css({
          width: control.itemsArr.length * control.dots.width(),
          left: control.settings.width / 2 - (control.itemsArr.length * control.dots.width()) / 2
        });

        control.dots.addClass("dots" + control.settings.dots);

        control.dots.show();
      }

      control.showItem(control.settings.focused, false);
    };

    control.updateUIControls = function () {
      if(control.settings.loop || control.getPrevIndex() !== false) {
        control.arrowPrev.show();
      } else {
        control.arrowPrev.hide();
      }

      if(control.settings.loop || control.getNextIndex() !== false) {
        control.arrowNext.show();
      } else {
        control.arrowNext.hide();
      }

      control.dots.empty();
      for (var i = 0; i < control.itemsArr.length; i++) {
        if (i == control.currentIndex)
          control.dots.append(control.dotActive.clone(false));
        else {
          control.dots.append(control.dotInactive.clone(false));
        }
      }

      control.dots.children().each(function (index) {
        $(this).unbind().click(function () {
          control.showItem(index, control.settings.animated);
        });
      });
    };

    control.getNextIndex = function () {
      var ind = 0;
      if (control.currentIndex + 1 > control.itemsArr.length - 1) {
        if (control.settings.loop)
          ind = 0;
        else
          ind = false;
      } else {
        ind = control.currentIndex + 1;
      }
      return ind;
    };

    control.getPrevIndex = function () {
      var ind = 0;
      if (control.currentIndex - 1 < 0) {
        if (control.settings.loop)
          ind = control.itemsArr.length - 1;
        else
          ind = false;
      } else {
        ind = control.currentIndex - 1;
      }
      return ind;
    };

    control.showNext = function (animated) {
      var ind = control.getNextIndex();
      if (ind !== false)
        control.showItem(ind, animated);
    };

    control.showPrev = function (animated) {
      var ind = control.getPrevIndex();
      if (ind !== false)
        control.showItem(ind, animated);
    };

    control.showItem = function (index, animated) {
      if (!control.navigationBlocked) {
        control.navigationBlocked = true;

        var onready = function () {
          control.currentIndex = index;
          control.updateUIControls(index);
          control.navigationBlocked = false;
        };

        if (Math.abs(control.currentIndex - index) == 1) {
          if (index > control.currentIndex) {
            // eins weiter
            if (!animated) {
              control.setMarginLeft(control.itemsCon, control.getMarginLeft(control.itemsCon) - control.settings.width);
              onready();
            } else {
              control.setAnimatedMarginLeft(control.itemsCon, control.getMarginLeft(control.itemsCon) - control.settings.width, control.settings.speed, function () {
                // animation completed
                onready();
              });
            }
          } else if (index < control.currentIndex) {
            // eins zurück
            if (!animated) {
              control.setMarginLeft(control.itemsCon, control.getMarginLeft(control.itemsCon) + control.settings.width);
              onready();
            } else {
              control.setAnimatedMarginLeft(control.itemsCon, control.getMarginLeft(control.itemsCon) + control.settings.width, control.settings.speed, function () {
                // animation completed
                onready();
              });
            }
          }
        } else if (control.currentIndex == 0 && index == control.itemsArr.length - 1) {
          // vom Ersten (0) aufs Letzte (length - 1)
          control.itemsCon.children().eq(-1).remove().insertBefore(control.itemsCon.children().eq(0));
          control.setMarginLeft(control.itemsCon, control.getMarginLeft(control.itemsCon) - control.settings.width);
          if (!animated) {
            control.setMarginLeft(control.itemsCon, control.getMarginLeft(control.itemsCon) + control.settings.width);
            onready();
            control.reorder();
          } else {
            control.setAnimatedMarginLeft(control.itemsCon, control.getMarginLeft(control.itemsCon) + control.settings.width, control.settings.speed, function () {
              // animation completed
              onready();
              control.reorder();
            });
          }
        } else if (control.currentIndex == control.itemsArr.length - 1 && index == 0) {
          // vom Letzten (length - 1) aufs Erste (0)
          control.itemsCon.children().eq(0).remove().insertAfter(control.itemsCon.children().eq(-1));
          control.setMarginLeft(control.itemsCon, control.getMarginLeft(control.itemsCon) + control.settings.width);
          if (!animated) {
            control.setMarginLeft(control.itemsCon, control.getMarginLeft(control.itemsCon) - control.settings.width);
            onready();
            control.reorder();
          } else {
            control.setAnimatedMarginLeft(control.itemsCon, control.getMarginLeft(control.itemsCon) - control.settings.width, control.settings.speed, function () {
              // animation completed
              onready();
              control.reorder();
            });
          }
        } else if (control.currentIndex != index || (control.currentIndex == index && !animated)) {
          if (!animated) {
            control.setMarginLeft(control.itemsCon, index * control.settings.width * -1);
            onready();
          } else {
            control.itemsCon.children().fadeOut(Math.round(control.settings.speed / 2), function () {
              control.setMarginLeft(control.itemsCon, index * control.settings.width * -1);
              control.itemsCon.children().fadeIn(Math.round(control.settings.speed / 2), function () {
                onready();
              });
            });
          }
        } else {
          control.navigationBlocked = false;
        }
      }
    };

    control.reorder = function () {
      control.itemsCon.empty().append(control.itemsArr);
      control.setMarginLeft(control.itemsCon, control.currentIndex * control.settings.width * -1);
    };

    control.getWidth = function (jqelem) {
      return parseInt(jqelem.width());
    };

    control.getHeight = function (jqelem) {
      return parseInt(jqelem.height());
    };

    control.getMarginLeft = function (jqelem) {
      return parseInt(jqelem.css("marginLeft"));
    };

    control.getMarginRight = function (jqelem) {
      return parseInt(jqelem.css("marginRight"));
    };

    control.setWidth = function (jqelem, value) {
      jqelem.width(parseInt(value) + "px");
    };

    control.setHeight = function (jqelem, value) {
      jqelem.height(parseInt(value) + "px");
    };

    control.setMarginLeft = function (jqelem, value) {
      jqelem.css("marginLeft", parseInt(value) + "px");
    };

    control.setMarginTop = function (jqelem, value) {
      jqelem.css("marginTop", parseInt(value) + "px");
    };

    control.setAnimatedMarginLeft = function (jqelem, value, speed, callback) {
      jqelem.animate({
        marginLeft: parseInt(value) + "px"
      }, speed, callback);
    };

    control.setAnimatedMarginTop = function (jqelem, value, speed, callback) {
      jqelem.animate({
        marginTop: parseInt(value) + "px"
      }, speed, callback);
    };

    control.attachHandler = function () {
      $(".anext", control.element).click(function () { //.unbind("click")
        control.showNext(control.settings.animated);
      });

      $(".aprev", control.element).click(function () { //.unbind("click")
        control.showPrev(control.settings.animated);
      });
    };

    /* execution area */
    control.fillItems();
    control.tidyUpAll();

    control.attachHandler();
  };
})(jQuery);











/*** ACCORDION ***/
(function ($) {
  var galleryControl = function (gallery, options) {
    var control = this;
    control.settings = $.extend({}, $.fn.mediagallery.defaults, options);
    control.container = gallery;
    control.images = $(control.container.find('div.img'));
    control.wrapper = control.images.wrapAll('<div/>').parent('div');
    control.focused = -1;
    control.animation1 = false;
    control.animation2 = false;

    control.focus = function (index, animate) {
      //if (index == -1)
      //hier den code hin, wenn man des bild anklickt

      if (index != -1 && index != control.focused && !control.animation1 && !control.animation2) {
        var indexOld = control.focused;
        var count = control.images.length;
        var left = index;
        var leftOld = indexOld;
        var right = count - left - 1;
        //var rightOld = count - leftOld - 1;
        var leftHidden = left - control.settings.imagesSmallLeft;
        //var leftHiddenOld = leftOld - control.settings.imagesSmallLeft;
        var rightHidden = right - control.settings.imagesSmallRight;
        //var rightHiddenOld = rightOld - control.settings.imagesSmallRight;

        //verkleinert das alte focused bild mit animation
        control.reduce(indexOld, index < indexOld ? 'left' : 'right', true);

        //Wrapper so verschieben, dass anzahl der kleinen bilder rechts und links stimmt
        if (leftHidden >= 0 && rightHidden >= 0) { // normal case
          control.animation1 = true;
          _cssOrAnimate(control.wrapper, { marginLeft: '-' + (leftHidden * control.settings.imageSmallWidth) + 'px' }, animate, function () { control.animation1 = false; });
        } else if (leftHidden < 0) { // zu wenig bilder links vorhanden
          control.animation1 = true;
          _cssOrAnimate(control.wrapper, { marginLeft: '0px' }, animate, function () { control.animation1 = false; });
        } else if (rightHidden < 0) { // zu wenig bilder rechts vorhanden
          control.animation1 = true;
          var all = (count - 1) * control.settings.imageSmallWidth + control.settings.imageWidth;
          var visible = (control.settings.imagesSmallLeft + control.settings.imagesSmallRight) * control.settings.imageSmallWidth + control.settings.imageWidth;
          _cssOrAnimate(control.wrapper, { marginLeft: '-' + (all - visible) + 'px' }, animate, function () { control.animation1 = false; });
        }

        //transparent von focused entfernen
        control.addTransparent($(control.images[index]), '');

        //set width of focused image 
        control.animation2 = true;
        _cssOrAnimate(control.images[index], {
          width: control.settings.imageWidth + 'px'
        }, animate, function () {
          control.animation2 = false;

          //transparent updaten
          control.addTransparent(control.images.filter(':gt(' + index + ')'), 'right');
          control.addTransparent(control.images.filter(':lt(' + index + ')'), 'left');

          //setzt die Border-Werte für alle Elemente und löscht den Wert für das focused bild
          control.images.filter(':gt(' + index + ')').css(control.getCss4Border('right'));
          control.images.filter(':lt(' + index + ')').css(control.getCss4Border('left'));
          $(control.images[index]).css(control.getCss4Border(''));
        });

        control.focused = index;
      }
    };

    //verkleinert das übergebene bild
    control.reduce = function (index, to, animate, callback) {
      _cssOrAnimate(control.images[index], {
        backgroundPosition: to
      }, false);

      _cssOrAnimate(control.images[index], {
        width: (control.settings.imageSmallWidth - control.settings.imageSmallBorder) + 'px'
      }, animate, callback);
    };

    //css für verschiedene Border-Typen
    control.getCss4Border = function (type) {
      var css = {};

      if (type == 'left') {
        css = {
          borderRightWidth: control.settings.imageSmallBorder + 'px',
          borderLeftWidth: '0px'
        };
      } else if (type == 'right') {
        css = {
          borderLeftWidth: control.settings.imageSmallBorder + 'px',
          borderRightWidth: '0px'
        };
      } else if (type == '') {
        css = {
          borderLeftWidth: '0px',
          borderRightWidth: '0px'
        };
      } else if (type == 'colorstyle') {
        css = {
          borderLeftColor: '#FFFFFF',
          borderLeftStyle: 'solid',
          borderLeftWidth: '0px',
          borderRightColor: '#FFFFFF',
          borderRightStyle: 'solid',
          borderRightWidth: '0px'
        }
      }

      return css;
    };

    control.getTransparentSrc = function (type) {
      if (type == 'left') {
        return control.settings.imageTranspNoArrowRight;
      } else if (type == 'leftArrow') {
        return control.settings.imageTranspArrowRight;
      } else if (type == 'right') {
        return control.settings.imageTranspNoArrowLeft;
      } else if (type == 'rightArrow') {
        return control.settings.imageTranspArrowLeft;
      }
    };

    control.addTransparent = function (element, type) { // only '', 'right', 'left'
      if (type != '') {
        $(element).each(function (index) {
          if ($(this).children('img').length > 0) {
            $(this).children('img').attr('src', control.getTransparentSrc(type));
          } else {
            $(this).append('<img src="' + control.getTransparentSrc(type) + '" />');
            $(this).children('img').css('cursor', 'pointer');
          }
        });
      } else {
        element.empty();
      }
    }

    _preInit(control);
  },

  _preInit = function (control) {
    //setzt die größe aller bilder auf small und positioniert sie richtig
    control.images.css({
      width: (control.settings.imageSmallWidth - control.settings.imageSmallBorder) + 'px',
      height: control.settings.imageHeight,
      'float': 'left'
    });

    //wrapper rechts erweitern, dass platz genug ist das bild von rechts einsliden zu lassen
    control.wrapper.css('marginRight', '-' + (control.settings.imageWidth + 10) + 'px');

    // setzt die containergröße der mediagallerie anhand der einstellungen
    control.container.css({
      width: ((control.settings.imagesSmallLeft + control.settings.imagesSmallRight) * control.settings.imageSmallWidth) + control.settings.imageWidth,
      height: control.settings.imageHeight,
      overflow: 'hidden'
    });

    //border bei allen bildern gleich setzen
    control.images.css(control.getCss4Border('colorstyle'));
    control.images.filter(':gt(' + control.settings.imageFocused + ')').css('backgroundPosition', 'left center').css(control.getCss4Border('right'));
    control.images.filter(':lt(' + control.settings.imageFocused + ')').css('backgroundPosition', 'right center').css(control.getCss4Border('left'));

    //klick-events auf bilder legen
    control.images.bind('click', function (evt) {
      var index = control.images.index($(evt.target).parent());
      if (index == -1)
        index = control.images.index(evt.target);
      control.focus(index, true);
    });

    //ein bestimmtes bild fokusieren
    //setTimeout(function () { control.focus(control.settings.imageFocused, true) }, 500);
    control.focus(control.settings.imageFocused, false);
  },

  _cssOrAnimate = function (element, css, animate, callback) {
    if (!animate) {
      $(element).css(css);
      if (typeof (callback) !== 'undefined')
        callback();
    } else {
      $(element).animate(css, 'slow', callback);
    }
  };


  $.fn.mediagallery = function (options) {
    var args = arguments;
    return this.each(function () {
      var gallery = $(this);
      var data = gallery.data('richGalleryData');
      if (!data) {
        data = new galleryControl(gallery, options);
        gallery.data('richGalleryData', data);
      }
    });
  }

  $.fn.mediagallery.defaults =
	{
	  imagesSmallLeft: 3, // must be grater then 0
	  imagesSmallRight: 2, // must be grater then 0
	  imageSmallWidth: 50,
	  imageWidth: 800,
	  imageHeight: 270,
	  imageFocused: 2, // index (0-basierend)
	  imageSmallBorder: 1,
	  imageTranspNoArrowLeft: '/Image/Layout6/MediaGallery_Left.png',
	  imageTranspArrowLeft: '/Image/Layout6/MediaGallery_LeftArrow.png',
	  imageTranspNoArrowRight: '/Image/Layout6/MediaGallery_Right.png',
	  imageTranspArrowRight: '/Image/Layout6/MediaGallery_RightArrow.png'
	};
})(jQuery);
