/**
 * Stern.de
 * All javascript-functions reside in here. We have the following objects:
 *
 *  SearchSuggest        - a class handling the search suggest :-)
 *  FontSize             - a class handling the switch of the fontsize
 *  KnowledgeTest        - a class handling knowledge tests
 *  knowledgeTestStorage - object providing storage access for l01 knowledge test teasers
 *  lightbox             - a class used for the creation/handling of the lightbox
 *  cookie               - object providing accessing/creating cookies
 *  sessionCookie	       - object providing advanced session cookie handling
 *  tab                  - object used to switch between tabs in a box
 *  accordion            - object implements the accordion style for faqs
 *  layers               - object used for simple layer switching
 *  bookmark             - object for the bookmarks inside the bookmark layer
 *  divs slider          - object used for the mboxes (sliding of floating divs)
 *  gmaps                - object to insert a googlemaps implementation
 *  scroller             - object used for scrolling divs
 *  slider               - object used for the mboxes (sliding of floating divs)
 *  emptyFields          - object which binds js functions on ceratin input fields
 *  selectAllFields      - object which binds js functions on ceratin input fields
 *  hooks                - object to place hooks inside an article
 *  user                 - object to provide helper methods for user specifif access
 *  pageHooks	           - object which encapsulates triggers (like loggedIn etc)
 *  navigation           - object regarding navigational helper methods
 *  blog                 - object to encapsule blog functions
 *  print			           - object to encapsulate print functions (show popup window)
 *
 * @author  felix seeberg <seeberg.felix_fr@guj.de>
 */
var Stern = {
  url : '',

  // usually does binds
  initialize : function() {
    // init fontsize
    new this.FontSize();

    // zoom article Images...
    Stern.ArticleImageZoom.initialize();

    // init knowledgetest
    new this.KnowledgeTest();

    // the (light)box overlay as well
    this.lightbox.initialize();

    // search suggest
    Stern.SearchSuggest.initialize();

    // bind on input fields
    Stern.emptyFields.bind();
    Stern.selectAllFields.bind();

    // set article hooks
    Stern.hooks.place();

    // execute pageHooks - commonly needed methods
    this.pageHooks.execute();
  },

  hideTopBanner : function() {
    if ($('ad_div_id_banner1')) {
      $('ad_div_id_banner1').style.visibility = 'hidden';
    }
  },

  showTopBanner : function() {
    if ($('ad_div_id_banner1')) {
      $('ad_div_id_banner1').style.visibility = 'visible';
    }
  },

  isEmptyObject : function(obj) {
    for(var prop in obj) {
      if(obj.hasOwnProperty(prop)) {
        return false;
      }
    }
    return true;
  },

  ArticleImageZoom : {
    initialize : function() {
      $$('.articleImageZoom').each(function(item) {
        Element.observe(item, 'click', function(event) {
          img = this.select('img.toZoom');
          div = this.select('div.zoom');
          div_img = div[0].select('img');
          if (img[0].src.indexOf('180_120.jpg') > 0) {
            img[0].src = img[0].src.replace(/180_120\.jpg/, "420_280.jpg");
            div_img[0].src = div_img[0].src.replace(/plus\.gif/, "minus.gif");
          } else {
            img[0].src = img[0].src.replace(/420_280\.jpg/, "180_120.jpg");
            div_img[0].src = div_img[0].src.replace(/minus\.gif/, "plus.gif");
          }

          if (this.getWidth() == 180) {
            width = 420;
            height = 280;
            margin = 0;
            css_left = 388;
            css_top = 248;
          } else {
            width = 180;
            height = 120;
            margin = 15;
            css_left = 148;
            css_top = 88;
          }
          this.morph("width: " + width + "px; margin-right: " + margin + "px");
          img[0].morph("width: " + width + "px; height: " + height + "px");
          div[0].morph("left: " + css_left + "px; top: " + css_top + "px");
        });
      });
    }
  },

  /**
   * Search Suggest This class hadles the the search suggestions boxes on the
   * site.
   */
  SearchSuggest : {
    /**
     * init search suggest. attaches to input-fields.
     */
    initialize : function() {
      inputFields = $$('.searchSuggest')
          .each(
              function(item) {
                new Ajax.Autocompleter(
                    item.id,
                    item.id + "Suggest",
                    '/suchen/suggest?renderer=PageRenderer&amp;rendererSet=Search/',
                    {
                      minChars : 2,
                      afterUpdateElement : function(input, selected) {
                        Stern.SearchSuggest.sendSearchSuggest(input, selected);
                      }
                    });
              });
    },

    sendSearchSuggest : function(input, selected) {
      var f = $$('form').each(function(item) {
        if (input.descendantOf(item)) {
          item.submit();
        }
      });
    }
  },

  changeProContraTab : function(tab) {
    if (tab == "pro") {
      $('boxcontenPro').show();
      $('boxcontenContra').hide();
      if ($('gridBox1')) {
        $('gridBox1').removeClassName('gridBgContra');
        $('gridBox1').addClassName('gridBgPro');
      }
    } else {
      $('boxcontenPro').hide();
      $('boxcontenContra').show();
      if ($('gridBox1')) {
        $('gridBox1').removeClassName('gridBgPro');
        $('gridBox1').addClassName('gridBgContra');
      }
    }
    $('moduleXL14Top').scrollTo();
  },

  /**
   * FontSize This class handles the setting of the fontsize. The size is stored
   * in a cookie after setting the dom-elements and is restored once upon the
   * dom is ready and the cookie still exists
   */
  FontSize : Class.create( {
    initialize : function() {

      // bind listeners
    if ((linkBtnSmall = $('div_font_small')))
      linkBtnSmall.observe('click', this.setSmall.bind(this));
    if ((linkBtnMedium = $('div_font_medium')))
      linkBtnMedium.observe('click', this.setMedium.bind(this));
    if ((linkBtnLarge = $('div_font_big')))
      linkBtnLarge.observe('click', this.setLarge.bind(this));

    // restore from cookie
    if (linkBtnSmall) {
      this.restoreFromCookie();
    }
  },

  restoreFromCookie : function() {
    if ((value = Stern.cookie.get('fontsize'))) {
      switch (value.toLowerCase()) {
      case 'small':
        this.setSmall();
        break;
      case 'large':
        this.setLarge();
        break;
      case 'medium':
      default:
        this.setMedium();
        break;
      }
    }
  },

  setSmall : function(event) {
    this.set('Small', $('div_font_small'));
  },
  setMedium : function(event) {
    this.set('Medium', $('div_font_medium'));
  },
  setLarge : function(event) {
    this.set('Large', $('div_font_big'));
  },

  set : function(fontSize, element) {
    Stern.cookie.set('fontsize', fontSize);

    var fontSizeClass = 'fontSize' + fontSize;

    // set correct color for the selected letter
    $('div_font_small').setStyle( {
      color : '#666'
    });
    $('div_font_medium').setStyle( {
      color : '#666'
    });
    $('div_font_big').setStyle( {
      color : '#666'
    });
    element.setStyle( {
      color : '#000'
    });

    // set correct classNames
    if ((articleIntro = $('div_article_intro'))) {
      this.removeClass(articleIntro);
      articleIntro.addClassName(fontSizeClass);
    }
    if ((xl17module = $('div_module_xl7'))) {
      this.removeClass(xl17module);
      xl17module.addClassName(fontSizeClass);
    }
    if ((xl15module = $('div_module_xl5'))) {
      this.removeClass(xl15module);
      xl15module.addClassName(fontSizeClass);
    }
    if ((pagerList = $('div_pager_list'))) {
      this.removeClass(pagerList);
      pagerList.addClassName(fontSizeClass);
    }
  },

  removeClass : function(item) {
    item.removeClassName('fontSizeSmall');
    item.removeClassName('fontSizeMedium');
    item.removeClassName('fontSizeLarge');
  }

  }),

  /**
   * KnowledgeTest This class takes care that the formular-action is set
   * correctly, each time the back-link or the next-image-button are pressed the
   */
  KnowledgeTest : Class.create(
  {
    initialize : function() {
      // bind events and submit the formular
      var nextButton = $('btnKnowledgeNext');
      if (nextButton) {
        nextButton.observe('click', this.jumpNext.bind(this));
      }
      // and bind to hidden submit button to allow pressing enter
      var nextSubmitButton = $('frmKnowledge'); // <-- observe the form NOT the submit button!! STRBUGS-67
      if (nextSubmitButton) {
        nextSubmitButton.observe('submit', this.jumpNext.bind(this));
      }

      // listen on click for backbutton
      var backButton = $('btnKnowledgeBack');
      if (backButton) {
        backButton.observe('click', this.jumpBack.bind(this));
      }

      // check for knowledgetestteaser
      var teaserButton = $$('.btnKnowledgeTeaser');
      for ( var i = 0; i < teaserButton.length; i++) {
        teaserButton[i].observe('click', function() {
          var forms = $$('.frmKnowledgeTeaser');
          for ( var j = 0; j < forms.length; j++) {
            if (this.descendantOf(forms[j])) {
              var knowledgeInput = forms[j].getInputs('radio', 'knowledgeTest[0]').find(function(radio) { if (radio.checked) return radio.checked; });
              var knowledgeTestId = forms[j].knowledgeTestId.getValue();
              var knowledgeCookieName = 'knowledge_' + knowledgeTestId;
              knowledgeAnswers = Stern.sessionCookie.get(knowledgeCookieName);
              if (knowledgeAnswers == null)
              {
                knowledgeAnswers = {};
              }
              if (knowledgeInput !== undefined)
              {
                knowledgeAnswers["a0"] = knowledgeInput.value;
              }
              Stern.sessionCookie.set(knowledgeCookieName, knowledgeAnswers);
              location.href = forms[j].getAttribute('action');
              return false;
            }
          }
        });
      }
    },

    // callbacks
    jumpNext : function() {
      if ($('knowledgeTestIsQuestion'))
      {
        this.storeGivenAnswer();
      }
      if ($('knowledgeTestProfitGame')) // profit game needs POST request
      {
        this.jumpWithPost('knowledgeNextPage');
      }
      else
      {
        this.jump('knowledgeNextPage');
      }
    },

    jumpBack : function() {
      var questionTrigger = $('knowledgeTestIsQuestion');
      if (questionTrigger) {
        questionTrigger.setValue('0');
      }
      this.jump('knowledgePrevPage');
    },

    // submit the form with the corresponding target (GET)
    jump : function(item)
    {
      var form = $('frmKnowledge');
      if (form)
      {
        location.href = $(item).getValue();
      }
    },

    // submit the form with the corresponding target (POST)
    jumpWithPost: function(item)
    {
      var form = $('frmKnowledge');
      if (form)
      {
        form.setAttribute('method', 'post');
        form.setAttribute('action', $(item).getValue());
        form.submit();
      }
    },

    colorClasses : new Array('boxBgOk', 'boxBgWrong', 'boxBgNone'),

    // ansers: true, false, null
    answers : new Array(),

    addAnswer : function(result) {
      this.answers.push(result);
    },

    /**
     * Render progress bar for knowledge test depending on users cookies.
     */
    renderProgressBar: function()
    {
      var knowledgeCookieName = 'knowledge_' + $('knowledgeTestId').getValue();
      var givenAnswers = Stern.sessionCookie.get(knowledgeCookieName);

      for(var i = 0; i < answers.length; i++)
      {
        if ((givenAnswers == null) || (givenAnswers["a"+i] == undefined))
        {
          this.addAnswer(undefined);
        }
        else if (givenAnswers["a"+i] == answers[i])
        {
          this.addAnswer(1);
        }
        else
        {
          this.addAnswer(0);
        }
      }

      this.drawProgressBar();
    },

    drawProgressBar : function(result) {
      $('boxStatusContainer').addClassName('boxStatus' + this.answers.length);
      for ( var i = 0; i < this.answers.length; i++) {
        switch (this.answers[i]) {
        case 1:
          this.addTab(i, 'Ok');
          break;
        case 0:
          this.addTab(i, 'Wrong');
          break;
        default:
          this.addTab(i, 'None');
          break;
        }
      }
    },

    addTab : function(id, bg) {
      var tab = new Element('span', {
        'id' : id,
        'class' : 'boxSingleStatus boxBg' + bg
      });
      tab.insert(new Element('span', {
        'class' : 'boxRoundLeft'
      }));
      tab.insert(new Element('span', {
        'class' : 'boxRoundRight'
      }));
      $('boxStatusContainer').insert(tab);
    },

    /**
     * Store given answer in users cookie.
     */
    storeGivenAnswer: function()
    {
      var knowledgeQuestionIndex = $('knowledgeTestQuestionIndex').getValue();
      var knowledgeInputName = 'knowledgeTest[' + knowledgeQuestionIndex + ']';
      var knowledgeInput = Form.getInputs('frmKnowledge','radio', knowledgeInputName).find(function(radio) { if (radio.checked) return radio.checked; });

      var knowledgeCookieName = 'knowledge_' + $('knowledgeTestId').getValue();
      knowledgeAnswers = Stern.sessionCookie.get(knowledgeCookieName);
      if (knowledgeAnswers == null)
      {
        knowledgeAnswers = {};
      }

      if (knowledgeInput !== undefined)
      {
        knowledgeAnswers["a" + knowledgeQuestionIndex] = knowledgeInput.value;
      }

      Stern.sessionCookie.set(knowledgeCookieName, knowledgeAnswers);
    },

    /**
     * Show results depending on users cookies.
     */
    showResults: function()
    {
      var knowledgeCookieName = 'knowledge_' + $('knowledgeTestId').getValue();
      var givenAnswers = Stern.sessionCookie.get(knowledgeCookieName);

      var knowledgeQuestionIndex = $('knowledgeTestQuestionIndex').getValue();
      var givenAnswer = 'answer' + givenAnswers["a" + knowledgeQuestionIndex];

      if (answers[knowledgeQuestionIndex] == givenAnswers["a" + knowledgeQuestionIndex])
      {
        if ($('correctAnswerBox'))
        {
          // $(givenAnswer).addClassName('boxOkAnswer');
          $('correctAnswerBoxOk').removeClassName('displayNone');
        }
      }
      else
      {
        if ($('correctAnswerBox') && (givenAnswers["a" + knowledgeQuestionIndex] !== undefined))
        {
          $(givenAnswer).addClassName('boxWrongAnswer');
          $('correctAnswerBoxWrong').removeClassName('displayNone');
        }
      }
      if (!$('correctAnswerBox'))
      {
        $(givenAnswer).addClassName('strong');
      }
    },

    /**
     * Show final results for knowledge test depending on users cookies.
     */
    showFinalResults: function()
    {
      var knowledgeCookieName = 'knowledge_' + $('knowledgeTestId').getValue();
      var givenAnswers = Stern.sessionCookie.get(knowledgeCookieName);

      if ($('knowledgeTestIsOld'))
      {
        var url = document.location.protocol+'//'+document.location.host+document.location.pathname+'?renderer=Xl18KnowledgeTestResultRenderer&rendererSet=Article';
        new Ajax.Request(Stern.ajax.addTimestamp(url), {
          method : 'post',
          parameters : givenAnswers,
          encoding : Stern.ajax.encoding,
          evalJS : Stern.ajax.evalJS,
          onSuccess : this.showUsersScore
        });
      }
      else
      {
        var usersPoints = this.calcSimpleScoring(givenAnswers);
        this.showUsersScore(usersPoints);
      }

      // if this is a profit game trigger ajax request
      var profitGameBox = $('Xl18ResultAjaxProfitGame');
      if (profitGameBox != undefined)
      {
        var url = document.location.protocol+'//'+document.location.host+document.location.pathname+'?renderer=Xl18KnowledgeTestResultRenderer&isProfitRequest=1&rendererSet=Article';

        new Ajax.Request(Stern.ajax.addTimestamp(url), {
          method : 'post',
          parameters : givenAnswers,
          encoding : Stern.ajax.encoding,
          evalJS : Stern.ajax.evalJS,
          onComplete : function(obj) {
            $('Xl18ResultAjaxProfitGame').replace(obj.responseText);
            return false;
          }
        });
      }

      // Stern.sessionCookie.del(knowledgeCookieName);
    },

    /**
     * Calculate scoring/result for user.
     */
    calcSimpleScoring: function(givenAnswers)
    {
      var usersPoints = 0;
      if (givenAnswers != null)
      {
        for (var i = 0; i < answers.length; i++)
        {
          if (givenAnswers["a"+i] == answers[i])
          {
            usersPoints++;
          }
        }
      }

      return usersPoints;
    },

    /**
     * Show users score.
     */
    showUsersScore: function(usersPoints)
    {
      if (usersPoints.responseText != undefined)
      {
        usersPoints = parseInt(usersPoints.responseText);
      }

      $('boxTextSummaryUsersPoints').innerHTML = usersPoints;
      $('boxTextSummary').removeClassName('visibilityHidden');

      // show result text depending on score
      for (var i = 0; i < points2id.length; i++)
      {
        if (usersPoints <= points2id[i])
        {
          $('result_'+i).removeClassName('displayNone');
          break;
        }
      }
    }

  }),

  /**
   * Providing storage access for l01 knowledge test teasers.
   */
  knowledgeTestStorage:
  {

    /**
     * Store given answer for l01 knowledge teaser.
     */
    storeGivenAnswerForL01: function(id)
    {
      var form = $('frmKnowledge' + id);
      var knowledgeInput = form.getInputs('radio', 'knowledgeTest[0]').find(function(radio) { if (radio.checked) return radio.checked; });
      var knowledgeCookieName = 'knowledge_' + id;
      knowledgeAnswers = Stern.sessionCookie.get(knowledgeCookieName);
      if (knowledgeAnswers == null)
      {
        knowledgeAnswers = {};
      }
      if (knowledgeInput !== undefined)
      {
        knowledgeAnswers["a0"] = knowledgeInput.value;
      }
      Stern.sessionCookie.set(knowledgeCookieName, knowledgeAnswers);
      location.href = form.getAttribute('action');
      return false;
    }

  },

  /**
   * Our overlays - used for status messages (e.g. wrong login)
   *
   * Created By: Chris Campbell Website: http://particletree.com Date: 2/1/2006
   *
   * Adapted By: Simon de Haan Website: http://blog.eight.nl Date: 21/2/2006
   *
   * Inspired by the lightbox implementation found at
   * http://www.huddletogether.com/projects/lightbox/ And the lightbox gone wild
   * by ParticleTree at http://particletree.com/features/lightbox-gone-wild/
   */
  lightbox : {
    /**
     * The box needs a invisible div which acts as the a positioner
     */
    initialize : function() {
      // links are not used, yet
      $$('.lbOn').each(function(item) {
        new Stern.lightbox.box(item);
      });

      // also use for the content itself
      $$('.lbContent').each(function(item) {
        new Stern.lightbox.box(item, true);
      });
    },

    box : Class.create( {
      yPos : 0,
      xPos : 0,
      content : false,

      initialize : function(ctrl, open) {
        if (!$('lightboxOverlay')) {
          var overlay = new Element('div', {
            id : 'lightboxOverlay'
          });
          $(document.getElementsByTagName('body')[0]).insert(overlay);
        }

        // the content-div can be used too, so decide based upon rel-attribute
      if ($(ctrl).hasAttribute('rel')) {
        this.content = $(ctrl).getAttribute('rel');
        $(ctrl).observe('click', this.activate.bind(this));
        $(ctrl).onclick = function() {
          return false;
        };
      } else {
        this.content = $(ctrl).getAttribute('id');
        if (open) {
          this.activate();
        }
      }
    },

      // Turn everything on - mainly the IE fixes
      activate : function() {
        if (Prototype.Browser.IE) {
          this.getScroll();
          this.prepareIE('100%', 'hidden');
          this.setScroll(0, 0);
          this.hideSelects('hidden');
        }

        this.displayLightbox('block');
      },

      // Ie requires height to 100% and overflow hidden or else you can scroll
      // down past the lightbox
      prepareIE : function(height, overflow) {
        var bod = $(document.getElementsByTagName('body')[0]);
        bod.setStyle( {
          height : height,
          overflow : overflow
        });

        htm = $(document.getElementsByTagName('html')[0]);
        htm.setStyle( {
          height : height,
          overflow : overflow
        });
      },

      // In IE, select elements hover on top of the lightbox
      hideSelects : function(vis) {
        selects = document.getElementsByTagName('select');
        for ( var i = 0; i < selects.length; i++) {
          $(selects[i]).setStyle( {
            visibility : vis
          });
        }
      },

      // Taken from lightbox implementation found at
      // http://www.huddletogether.com/projects/lightbox/
      getScroll : function() {
        if (self.pageYOffset) {
          this.yPos = self.pageYOffset;
        } else if (document.documentElement
            && document.documentElement.scrollTop) {
          this.yPos = document.documentElement.scrollTop;
        } else if (document.body) {
          this.yPos = document.body.scrollTop;
        }
      },

      setScroll : function(x, y) {
        window.scrollTo(x, y);
      },

      displayLightbox : function(display) {
        $('lightboxOverlay').setStyle( {
          display : display
        });
        $(this.content).setStyle( {
          display : display
        });
        if (display != 'none') {
          this.bindActions();
        }
      },

      // Example of creating your own functionality once lightbox is initiated
      deactivate : function() {
        if (Prototype.Browser.IE) {
          this.setScroll(0, this.yPos);
          this.prepareIE('auto', 'auto');
          this.hideSelects('visible');
        }

        this.displayLightbox('none');
      },

      bindActions : function() {
        var links = $$('.lbAction');
        for ( var i = 0; i < links.length; i++) {
          var item = $(links[i]);
          if (item.hasAttribute('rel')) {
            var rel = item.getAttribute('rel');
            item.observe('click', this[rel].bind(this));
            item.onclick = function() {
              return false;
            };
          }
        }
      }

    })
  },

  /**
   * Encodes the given text with a rot13-algorithm. Oooooooh
   */
  rot13 : function(text) {
    var keycode = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
    var text = new String(obj.form.Text.value);
    var rot13 = new String();

    for ( var i = 0; i < text.length; i++) {
      var codechar = text.substring(i, i + 1);
      var pos = keycode.indexOf(codechar.toUpperCase());
      if (pos >= 0) {
        pos = (pos + keycode.length / 2) % keycode.length;
        codechar = (codechar == codechar.toUpperCase()) ? keycode.substring(
            pos, pos + 1) : keycode.substring(pos, pos + 1).toLowerCase();
      }
      rot13 = rot13 + codechar;
    }
    return rot13;
  },

  /**
   * Cookie functions are encapsulated whithin here
   */
  cookie : {
    /**
     * Sets a cookie - valid for the whole domain and one year
     */
    set : function(name, value) {
      var a = new Date();
      a = new Date(a.getTime() + 1000 * 60 * 60 * 24 * 365);
      var cookieValue = name + '=' + value + '; expires=' + a.toGMTString()
          + '; path=/';
      document.cookie = cookieValue;
    },

    /**
     * Returns the wanted cookie value - if it exists
     */
    get : function(name) {
      cookieValue = null;
      if (document.cookie) {
        var string = 'document.cookie.match(/' + name + '=([^;]*)/);';
        var match = eval(string);
        if (match != null && match.length == 2) {
          cookieValue = match[1];
        }
      }
      return cookieValue;
    }

  },

  /**
   * Advanced session cookie handling is encapsulated within here.
   */
  sessionCookie:
  {

	  /**
	   * Sets a cookie. If value is not a string it will be JSON encoded.
	   */
    set: function(name, value)
    {
  	  if (typeof value !== 'string')
  	  {
  	    if (typeof JSON === 'object' && JSON !== null && typeof JSON.stringify === 'function')
    		{
    		  value = JSON.stringify( value );
    		}
    		else
    		{
    		  throw new Error('sessionCookie.set(): non-string value could not be serialized.');
    		}
  	  }

      document.cookie = name + '=' + encodeURIComponent(value) + '; path=/';
    },

    /**
     * Delete a session cookie.
     */
    del: function(name)
    {
      document.cookie = name + '=' + '; path=/' + '; expires=Thu, 01-Jan-1970 00:00:01 GMT';
    },

    /**
     * Parse cookies. Retrieve document.cookie string and break it into a hash with values decoded and unserialized.
     * Source: http://code.google.com/p/cookies/
     */
    parseCookies: function()
  	{
  	  var cookies = {}, i, pair, name, value, separated = document.cookie.split( ';' ), unparsedValue;
  	  for(i = 0; i < separated.length; i = i + 1)
  	  {
  	    pair = separated[i].split( '=' );
  	    name = pair[0].replace( /^\s*/, '' ).replace( /\s*$/, '' );

    		try
    		{
    		  value = decodeURIComponent(pair[1]);
    		}
    		catch(e1)
    		{
    		  value = pair[1];
    		}

    		if (typeof JSON === 'object' && JSON !== null && typeof JSON.parse === 'function')
    		{
    		  try
    		  {
    		    unparsedValue = value;
                value = JSON.parse(value);
    		  }
    		  catch(e2)
    		  {
    		    value = unparsedValue;
    		  }
    		}

    		cookies[name] = value;
  	  }

  	  return cookies;
  	},

  	/**
  	 * Returns wanted cookie.
  	 */
  	get: function(cookieName)
    {
      var returnValue, item, cookies = this.parseCookies();

      if(typeof cookieName === 'string')
      {
        returnValue = (typeof cookies[cookieName] !== 'undefined') ? cookies[cookieName] : null;
      }
      else if(typeof cookieName === 'object' && cookieName !== null)
      {
        returnValue = {};
        for (item in cookieName)
        {
          if (typeof cookies[cookieName[item]] !== 'undefined')
          {
            returnValue[cookieName[item]] = cookies[cookieName[item]];
          }
          else
          {
            returnValue[cookieName[item]] = null;
          }
        }
      }
      else
      {
        returnValue = cookies;
      }

      return returnValue;
    }

  },

  /**
   * get Values from CookieStore cookie (see: CookieStore.class.php)
   */
  cookieStore : {
    cookieStoreName : 'CookieStore',

    /**
     * get a value for given key return default if not existing
     */
    get : function(key, defaultValue) {
      var json = unescape(Stern.cookie.get(this.cookieStoreName))
          .evalJSON(true);
      if (json && json[key] != undefined) {
        return json[key][0];
      } else {
        return defaultValue;
      }
    }
  },

  /**
   * Changes the content and tabs
   */
  tab : {
    change : function(tab, newClass, boxClass) {
      tab = $(tab);
      var curClasses = $w(tab.className);
      var curClass = curClasses.last();
      if (curClass != newClass) {
        this.getTabs(tab).each(function(item, index) {
          item.removeClassName(newClass);
          item.addClassName(curClass);
        });
        tab.removeClassName(curClass);
        tab.addClassName(newClass);
        this.switchContentBox(tab, boxClass);
      }
    },

    changeMore : function(tab, newClass, boxClass, number) {
      tab = $(tab);
      var curClasses = $w(tab.className);
      var curClass = curClasses.last();
      if (curClass != newClass) {
        this.getTabs(tab).each(function(item, index) {
          item.removeClassName(newClass);
          item.addClassName(curClass);
        });
        tab.removeClassName(curClass);
        tab.addClassName(newClass);
        this.switchContentBoxMore(tab, boxClass, number);
      }
    },

    getTabs : function(tab) {
      return tab.up().childElements();
    },

    getBoxes : function(tab, boxClass) {
      return tab.up().next().select('.' + boxClass);
    },

    switchContentBox : function(tab, boxClass) {
      this.getBoxes(tab, boxClass).each(function(item, index) {

        item.toggle();

        if (item.visible()) {
          Stern.scroller.enable(index);
        } else {
          Stern.scroller.disable(index);
        }

      });
    },

    switchContentBoxMore : function(tab, boxClass, number) {
      this.getBoxes(tab, boxClass).each(function(item, index) {

        if (item.hasClassName(boxClass + '_' + number)) {
          item.show();
        } else {
          item.hide();
        }

        if (item.visible()) {
          Stern.scroller.enable(index);
        } else {
          Stern.scroller.disable(index);
        }

      });
    }
  },

  /**
   * Layer control
   */
  layers : {
    /**
     * every opened layer is pushed in this array, so that we can close only
     * opened ones
     */
    storage : new Array(),

    /**
     * Adds the given id to the storage - only if non existant
     */
    addToStorage : function(id) {
      if (this.storage.indexOf(id) == -1) {
        this.storage.push(id);
      }
    },

    /**
     * Checks if the layer is visible, checks for attribute existance
     */
    layerIsVisible : function(id) {
      return $(id).getStyle('display') == 'block';
    },

    closeAll : function() {
      this.storage.each(function(id) {
        Stern.layers.close(id, true);
      });
    },

    close : function(id, keepFlashElementsHidden) {
      if ($(id).getStyle('display') == 'block') {

        $(id).setStyle( {
          display : 'none'
        });
        this.getLineByLayerId(id).setStyle( {
          backgroundColor : 'transparent'
        });
        this.getTabByLayerId(id).setStyle( {
          borderColor : '',
          backgroundColor : ''
        });
        this.switchLinkColor(id);

        // the topnavigation has a red arrow which needs switching
    this.switchArrow(id);

    // remove from storage
    this.storage = this.storage.without(id);

    // show flash elements - only if a single tab is closed
    if (keepFlashElementsHidden != true) {
      this.showFlashElements();
    }
  }
  return false;
},

/**
 * Procedure: Put tab in storage - close tabs - activate current
 */
open : function(id, options) {
  // if already open, close it
    if (this.layerIsVisible(id)) {
      return this.close(id);
    }

    // close all and add to opened layer storage
    this.closeAll();
    this.addToStorage(id);

    // we need to hide flash elements first - they can
    this.hideFlashElements();

    // check attribute existance because the display-property is defined in the
    // css-file
    if (!$(id).hasAttribute('display') || !$(id).visible()) {

      $(id).setStyle( {
        display : 'block'
      });

      // due to the reverted position of the bottom layers, set the correct top
      // position
      if (this.getTabByLayerId(id).next()) {
        this.setLayerTopPosition(id);
      }

      // if we have a white link - switch it
      this.switchLinkColor(id);

      this.getTabByLayerId(id).setStyle( {
        backgroundColor : '#fff',
        borderColor : '#999'
      });
      this.getLineByLayerId(id).setStyle( {
        backgroundColor : '#999'
      });

      // the topnavigation has a red arrow which needs switching
      this.switchArrow(id);

    }

    return false;
  },

  switchLinkColor : function(id) {
    var link = this.getLinkByLayerId(id);
    if (link.hasClassName('jsColorBlack')) {
      if (link.getStyle('color') == 'black') {
        var newColor = '';
      } else {
        var newColor = 'black';
      }
      link.setStyle( {
        color : newColor
      });
    }
  },

  switchArrow : function(id) {
    var link = this.getLinkByLayerId(id);
    if (link.hasClassName('arrowDown')) {
      var classToRemove = 'arrowDown';
      var classToAdd = 'arrowUp';
    } else {
      var classToRemove = 'arrowUp';
      var classToAdd = 'arrowDown';
    }
    link.removeClassName(classToRemove).addClassName(classToAdd);
  },

  getTabByLayerId : function(id) {
    return $(id + '_tab');
  },

  getLineByLayerId : function(id) {
    return $(id + '_line');
  },

  getLinkByLayerId : function(id) {
    return $(id + '_link');
  },

  setLayerTopPosition : function(id) {
    var topPosition = ($(id).offsetHeight - 3) * -1;
    $(id).setStyle( {
      top : topPosition + 'px'
    });
  },

  /**
   * we dont want to have certain elements (e.g. ad-flashs) on the page
   */
  getFlashTagName : function() {
    return 'embed';
  },
  getFlashTagNameIE : function() {
    return 'object';
  },

  hideFlashElements : function() {
    // we hide the damn banner too (interferes with layers)
    if ($('top_sbanner')) {
      $('top_sbanner').hide();
    }
    if ($('ad_div_id_banner1')) {
      $('ad_div_id_banner1').style.visibility = 'hidden';
    }
    $$(this.getFlashTagName()).each(function(item) {
      item.style.visibility = 'hidden';
    });
    $$(this.getFlashTagNameIE()).each(function(item) {
      item.style.visibility = 'hidden';
    });
  },

  showFlashElements : function() {
    // show the top ad banner
    if ($('top_sbanner')) {
      $('top_sbanner').show();
    }
    if ($('ad_div_id_banner1')) {
      $('ad_div_id_banner1').style.visibility = 'visible';
    }
    $$(this.getFlashTagName()).each(function(item) {
      item.style.visibility = 'visible';
    });
    $$(this.getFlashTagNameIE()).each(function(item) {
      item.style.visibility = 'visible';
    });
  }
  },

  /**
   * Toggler for the faq-accordion
   */
  accordion : {
    getItem : function(callerLink) {
      return $(callerLink).next();
    },

    toggle : function(link) {
      var item = this.getItem(link);
      if (item.visible()) {
        this.close(link);
      } else {
        this.open(link);
      }
    },

    open : function(openerLink) {
      var item = this.getItem(openerLink);
      if (item != undefined && !item.visible()) {
        item.toggle();
        openerLink.removeClassName('close').addClassName('open');
      }
    },

    close : function(openerLink) {
      var item = this.getItem(openerLink);
      if (item.visible()) {
        item.toggle();
        openerLink.removeClassName('open').addClassName('close');
      }
    },

    toggleAll : function(callerLink, linkClassName) {
      var callerLink = $(callerLink);
      var openerLinks = $$('.' + linkClassName);
      if (callerLink.hasClassName('openAll')) {
        openerLinks.each(function(openerLink) {
          Stern.accordion.open(openerLink);
        });
        var removeClassName = 'openAll';
        var addClassName = 'closeAll';
        var text = 'alle schließen';
      } else {
        openerLinks.each(function(openerLink) {
          Stern.accordion.close(openerLink);
        });
        var removeClassName = 'closeAll';
        var addClassName = 'openAll';
        var text = 'alle öffnen';
      }
      callerLink.removeClassName(removeClassName).addClassName(addClassName)
          .update(text);
      return false;
    },

    openByIndex : function(index, linkClassName) {
      var openerLinks = $$('.' + linkClassName);
      this.open(openerLinks[index]);
    }
  },

  /**
   * Edelweiß provided this popup function
   */
  popup : function(URL, popname, W, H, scroll, rezisable, X, Y) {
    // var URL,popname, W, H,scroll,rezisable,X,Y;
    if (!popname)
      popname = 'popup';
    if (!W)
      W = 520;
    if (!H)
      H = 460;
    if (!scroll)
      scroll = 0;
    if (!rezisable)
      rezisable = 0;
    if (!X)
      X = screen.width / 2 - (W / 2);
    if (!Y)
      Y = screen.height / 2 - (H / 2) - 20;
    properties = "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars="
        + scroll + ",resizable=" + rezisable + ",";
    properties += "width=" + W + ",height=" + H + ",left=" + X + ",top=" + Y;
    popwin = window.open(URL, popname, properties);
    popwin.focus();
  },

  /**
   * Useability for the bookmarks layer shows the name of the highlighted
   * bookmark icon default is Facebook
   */
  bookmark : {
    timeout : false,

    getTextHolder : function(link) {
      return $(link).up().next();
    },

    show : function(link, title) {
      if (this.timeout) {
        window.clearTimeout(this.timeout);
      }
      this.getTextHolder(link).update(title);
    },

    hide : function(link) {
      this.timeout = window.setTimeout(function() {
        Stern.bookmark.getTextHolder(link).update('Facebook');
      }, 500);
    },

    post : function(was) {
      sburl = encodeURIComponent(location.href);
      sbtitle = encodeURIComponent(document.title);
      switch (was) {
      case 'facebook':
        window.open('http://www.facebook.com/share.php?u=' + sburl + '&t='
            + sbtitle);
        break;
      case 'mrwong':
        window.open('http://www.mister-wong.de/index.php?action=addurl&bm_url='
            + sburl + '&bm_description=' + sbtitle);
        break;
      case 'delicious':
        window.open('http://delicious.com/post?url=' + sburl + '&title='
            + sbtitle);
        break;
      case 'wikio':
        window.open('http://www.wikio.com/vote?url=' + sburl);
        break;
      case 'webnews':
        window.open('http://www.webnews.de/einstellen?url=' + sburl + '&title='
            + sbtitle);
        break;
      case 'digg':
        window.open('http://digg.com/submit?phase=2&url=' + sburl + '&title='
            + sbtitle);
        break;
      case 'yigg':
        window.open('http://yigg.de/neu?exturl=' + sburl + '&exttitle='
            + sbtitle);
        break;
      case 'myspace':
        window.open('http://www.myspace.com/Modules/PostTo/Pages/?l=3&u='
            + sburl + '&t=' + sbtitle);
        break;
      case 'blinkList':
        window
            .open('http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url='
                + sburl + '&Title=' + sbtitle);
        break;
      case 'furl':
        window.open('http://www.furl.net/storeIt.jsp?u=' + sburl + '&t='
            + sbtitle);
        break;
      case 'folkd':
        window.open('http://www.folkd.com/submit/page/' + sburl);
        break;
      case 'linkarena':
        window.open('http://linkarena.com/bookmarks/addlink/?url=' + sburl
            + '&title=' + sbtitle + '&desc=&tags=');
        break;
      case 'google':
        window.open('http://www.google.com/bookmarks/mark?op=add&hl=de&bkmk='
            + sburl + '&title=' + sbtitle);
        break;
      }
    }
  },

  /**
   * Googlemaps helper object
   */
  gmaps : {
    lon : null,
    lat : null,
    zoomLevel : null,
    infoText : null,
    mapType : null,

    load : function(mapHolderId) {
      if (GBrowserIsCompatible()) {

        var map = new GMap2($(mapHolderId));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        var mtype = G_NORMAL_MAP;
        if (this.mapType == 1) {
          mtype = G_SATELLITE_MAP;
        } else if (this.mapType == 2) {
          mtype = G_HYBRID_MAP;
        }
        map.setCenter(new GLatLng(this.lat, this.lon), this.zoomLevel, mtype);

//        remove, is double counting, SMSTR-349
//        GEvent.addListener(map, 'dragend', function() {
//          gmapsArtivw(1);
//        });
//        GEvent.addListener(map, 'zoomend', function() {
//          gmapsArtivw(1);
//        });
        GEvent.addListener(map, 'moveend', function() {
          gmapsArtivw(0);
        });
        GEvent.addListener(map, 'maptypechanged', function() {
          gmapsArtivw(1);
        });
        var point = new GLatLng(this.lat, this.lon);
        var marker = this.createMarker(point);
        map.addOverlay(marker);
        marker.openInfoWindowHtml(this.infoText);
      }
    },

    createMarker : function(point) {
      var marker = new GMarker(point);
      if (this.infoText) {
        var itext = this.infoText;
        GEvent.addListener(marker, 'click', function() {
          marker.openInfoWindowHtml(itext);
        });
      }
      GEvent.addListener(marker, 'infowindowopen', function() {
        gmapsArtivw(0);
      });
      GEvent.addListener(marker, 'infowindowclose', function() {
        gmapsArtivw(0);
      });
      return marker;
    }
  },

  /**
   * Based upons scriptaculous slider library
   */
  scroller : {
    storage : new Array(),

    scroll : function(scrollableId, handleId, trackId) {
      var scroller = new Control.Slider(handleId, trackId, {
        axis : 'vertical',
        onSlide : function(v) {
          Stern.scroller.scrollVertical(v, $(scrollableId), scroller);
        },
        onChange : function(v) {
          Stern.scroller.scrollVertical(v, $(scrollableId), scroller);
        }
      });

      // disable vertical scrolling if text doesn't overflow the div
    if ($(scrollableId).scrollHeight <= $(scrollableId).offsetHeight) {
      scroller.setDisabled();
      $(trackId).hide();
    }

    this.storage.push(scroller);
  },

    scrollVertical : function(value, element, slider) {
      element.scrollTop = Math.round(value / slider.maximum
          * (element.scrollHeight - element.offsetHeight));
    },

    enable : function(index) {
      if (this.storage.indexOf(index) != -1) {
        this.storage[index].setEnabled();
      }
    },

    disable : function(index) {
      if (this.storage.indexOf(index) != -1) {
        this.storage[index].setDisabled();
      }
    }
  },

  /**
   * The m-boxes slider,
   */
  slider : {
    /**
     * Sliders are storage whithin this array
     */
    storage : {},

    big : Class
        .create( {
          initialize : function(sliderId, sliderData, itemWidth, buildCallback,itemsToScroll) {
            this.sliderId      = sliderId;
            this.sliderData    = sliderData;
            this.itemWidth     = itemWidth;
            this.buildCallback = buildCallback;
            this.clickCounter  = 1; // set bigimage on M08Photoshow and highlight items
            this.iterator      = 1; // iterate Items (M08 -> second items highlighted, see photoMultiItems)
            this.objects       = new Array();
            this.itemsToScroll = itemsToScroll;// count of items to scroll

            if (this.itemsToScroll == undefined) {
              this.itemsToScroll = 1;// default
            }

            for ( var i = 0; i < sliderData.length; i++) {
              this.objects.push(this.buildCallback(sliderData[i]));
            }

            this.placeItems();

            return this;
          },

          isActive : false,

          placeItems : function() {
            if (this.objects.length > 0) {

              var items = new Array();

              // add last items to first to enable backward-moving from startpoint
              for ( var i = 1; i <= this.itemsToScroll; i++) {
                items.push(this.objects.length - i);
              }
              //reverse needed, if more than one item, e.g. videoRelatedSlider
              items.reverse();

              for ( var i = 0; i < this.objects.length - this.itemsToScroll; i++) {
                items.push(i);
              }

              $(this.sliderId).update();

              for ( var i = 0; i < items.length; i++) {
                var id   = this.sliderId + '_item' + i;
                var item = this.objects[items[i]];
                item.setAttribute('id', id);
                $(this.sliderId).insert(item);
              }

              // if we have less items as needed for scrolling -> reset offset left position
              // need 2 (1 item) for standard slider, 10 (5 items) for videoRelatedSlider
              if (items.length < this.itemsToScroll*2)
              {
                $(this.sliderId).setStyle( {
                  left : '0px'
                });
              }

            }
          },

          moveToLeft : function() {
            // only move if not active (avoids flashing of content) and more
            // than 1 item
            if (this.isActive || this.objects.length < 2) {
              return;
            }

            // set to active
            this.isActive = true;

            for (i = 1; i <= this.itemsToScroll; i++) {
              var first = $(this.sliderId).firstDescendant();
              first.remove();
              $(this.sliderId).insert(first);
              $(this.sliderId).setStyle( {
                left : '0px'
              });
            }

            new Effect.Move(this.sliderId, {
              x : 0 - this.itemWidth,
              duration : 0.5,
              afterFinish : this.finishMovement.bind(this)
            });
          },

          moveToRight : function() {
            // only move if not active (avoids flashing of content) and more
            // than 1 item
            if (this.isActive || this.objects.length < 2) {
              return;
            }

            // set to active
            this.isActive = true;

            new Effect.Move(this.sliderId, {
              x : this.itemWidth,
              duration : 0.5,
              afterFinish : this.moveToRightAfterFinish.bind(this)
            });
          },

          moveToRightAfterFinish : function(ite) {
            for (i = 1; i <= this.itemsToScroll; i++) {
              var last = $(this.sliderId).childElements().last();
              last.remove();
              $(this.sliderId).insert( {
                top : last
              });
              $(this.sliderId).setStyle( {
                left : 0 - (this.itemWidth) + 'px'
              });
            }
            this.finishMovement();
          },

          finishMovement : function() {
            this.isActive = false;
          },

          setMultiItems : function(opaqueId, highlightId) {
            // special for M08
            opaqueElement = this.sliderId + '_link' + opaqueId;
            highlightElement = this.sliderId + '_link' + highlightId;

            $(highlightElement).addClassName('high');
            $(highlightElement).removeClassName('opaque');

            $(opaqueElement).addClassName('opaque');
            $(opaqueElement).removeClassName('high');
          },

          setLeaderLeft : function() {
            itemCount = $(this.sliderData).length;
            // IMAGES start @0, pos marker @-1, so (POS+1) is current image,
            // while POS+2 is the next (to the right)
            highlightItem = this.cycleInc(this.clickCounter, 2, itemCount - 1);
            fadeOutItem = this.cycleInc(this.clickCounter, 1, itemCount - 1);
            leaderItem = fadeOutItem;
            this.showLeader(leaderItem);
            this.setMultiItems(fadeOutItem, highlightItem);
            this.clickCounter = (this.clickCounter + 1) % itemCount;
          },
          setLeaderRight : function() {
            itemCount = $(this.sliderData).length;

            // Restart from other end of the picture list
            if (this.clickCounter < 0) {
              this.clickCounter = itemCount - 1;
            }
            // IMAGES start @0, pos marker @-1, so (POS+1) is current image,
            // while POS is the previous (to the left)
            highlightItem = this.clickCounter;
            fadeOutItem = this.cycleInc(highlightItem, 1, itemCount - 1);
            leaderItem = this.cycleDec(highlightItem, 1, itemCount - 1);

            this.showLeader(leaderItem);
            this.setMultiItems(fadeOutItem, highlightItem);
            this.clickCounter--;
          },
          cycleInc : function(from, step, max) {
            return (from + step) % (max + 1);
          },
          cycleDec : function(from, step, max) {
            return (from - step) >= 0 ? this.cycleInc(from - step, 0, max)
                : (max + 1) + ((from - step) % (max + 1));
          },
          showLeader : function(item) {
            /* special for M08, M11 */
            var leaderData = eval(this.sliderData);
            var url = leaderData[item].url;
            var title = leaderData[item].titleAttribute;

            var boxLeaderId = 'boxLeader_' + this.sliderId;
            $(boxLeaderId).hide();

            $('boxLeaderSpitzmarke_' + this.sliderId).update(
                leaderData[item].spitzmarke);
            $('boxLeaderHeadline_' + this.sliderId).update(
                leaderData[item].headlineShort);

            if ($('boxLeaderIcon_' + this.sliderId)) {
              $('boxLeaderIcon_' + this.sliderId).setAttribute("href", url);
              $('boxLeaderIcon_' + this.sliderId).setAttribute("title", title);
              $('boxLeaderTrans_' + this.sliderId).setAttribute("href", url);

              $('boxLeaderImage1_' + this.sliderId).src = leaderData[item].teaserImage1Url;
              $('boxLeaderImage2_' + this.sliderId).src = leaderData[item].teaserImage2Url;
              $('boxLeaderImage3_' + this.sliderId).src = leaderData[item].teaserImage3Url;
            }
            if ($('boxLeaderTeaser_' + this.sliderId)) {
              $('boxLeaderTeaser_' + this.sliderId).update(
                  leaderData[item].teaserTextShort);
            }
            if ($('boxLeaderAuthor_' + this.sliderId)) {
              $('boxLeaderAuthor_' + this.sliderId).update(
                  leaderData[item].author);
            }
            $('boxLeaderUrl_' + this.sliderId).setAttribute("href", url);
            $('boxLeaderUrl_' + this.sliderId).setAttribute("title", title);
            if ($('boxLeaderUrlMore_' + this.sliderId)) {
              $('boxLeaderUrlMore_' + this.sliderId).setAttribute("href", url);
              $('boxLeaderUrlMore_' + this.sliderId).setAttribute("title",
                  title);
            }
            $(boxLeaderId).show();
          }
        }),

    builder : {
      photoMultiItem : function(data) {
        var container = new Element('div', {
          'class' : 'scrollSmallItems'
        });

        if (this.iterator == $(this.sliderData).length) {
          this.iterator = 0;
        }

        var className = 'high';
        /* the second item is highlighted */
        if (this.iterator != 2) {
          className = 'opaque';
        }

        var link = new Element('a', {
          id : this.sliderId + '_link' + this.iterator,
          'class' : className,
          title : data.titleAttribute,
          href : data.url
        });
        link.insert(new Element('span', {}).insert('&nbsp;'));
        container.insert(link);

        var img = new Element('img', {
          src : data.imageUrl,
          width : '75',
          height : '50',
          alt : data.spitzmarke,
          title : data.titleAttribute
        });
        container.insert(img);
        this.iterator++;

        return container;
      },

      columnMultiItem : function(data) {
        var container = new Element('div', {
          'class' : 'scrollSmallItems'
        });

        if (this.iterator == $(this.sliderData).length) {
          this.iterator = 0;
        }

        var className = 'high';
        // the second item is highlighted
        if (this.iterator != 2) {
          className = 'opaque';
        }

        var link = new Element('a', {
          id : this.sliderId + '_link' + this.iterator,
          'class' : className,
          title : data.titleAttribute,
          href : data.url
        });
        link.insert(new Element('span', {}).insert('&nbsp;'));
        container.insert(link);

        var img = new Element('img', {
          src : data.custom,
          width : 50,
          height : 50,
          alt : data.spitzmarke,
          title : data.titleAttribute
        });
        container.insert(img);
        this.iterator++;

        return container;
      },

      videoItem : function(data) {
        var container = new Element('div', {
          'class' : 'scrollItems'
        });

        var linkVideo = new Element('a', {
          'class' : 'linkVideoPlay',
          title : 'Video abspielen...',
          href : '#'
        });
        linkVideo.onclick = function() {
          Stern.video.showPlayer(data.container, data.renderer, data.id, data.urlPrefix, data.isExtern);
          return false;
        };
        linkVideo.insert(new Element('img', {
          src : data.imageUrl,
          width : '240',
          height : '134',
          alt : data.spitzmarke,
          title : 'Video abspielen...'
        }));
        linkVideo.insert(new Element('span', {
          'class' : 'buttonPlay'
        }));
        var boxVideo = new Element('div', {
          'class' : 'boxVideoDescription'
        });
        var boxVideoLink = new Element('a', {
          'class' : 'h2',
          href : data.url,
          title : 'Zum Video...'
        });
        var boxVideoLinkSpan = new Element('span').insert(data.spitzmarke);
        var boxVideoLinkHeadline = new Element('span', {
          'class' : 'boxHeadline'
        }).insert(data.headline);
        boxVideoLink.insert(boxVideoLinkSpan);
        boxVideoLink.insert(boxVideoLinkHeadline);
        boxVideo.insert(boxVideoLink);

        container.insert(linkVideo);
        container.insert(boxVideo);

        return container;
      },

      videoBrightcoveItem : function(data) {
        var container = new Element('div', {
          'class' : 'scrollItems'
        });
        if (data.imageUrl != "")
        {
          var linkVideo = new Element('a', {
            'class' : 'linkVideoPlay',
            title   : data.titleAttribute,
            href    : data.url
          });
          linkVideo.onclick = function() {
            loadVideoInPlayer(data);
            return false;
          };

          linkVideo.insert(new Element('img', {
            src    : data.imageUrl,
            width  : '120',
            height : '80',
            alt    : data.titleAttribute,
            title  : data.titleAttribute
          }));
          linkVideo.insert(new Element('span', {
            'class' : 'buttonPlay'
          }));
          var boxVideo = new Element('div', {
            'class' : 'boxVideoDescription'
          });
          var boxVideoLink = new Element('a', {
            'class' : 'h2',
            href    : data.url,
            title   : data.titleAttribute
          });
          boxVideo.onclick = function() {
            loadVideoInPlayer(data);
            return false;
          };
          var boxVideoLinkHeadline = new Element('span', {
            'class' : 'boxHeadline'
          }).insert(data.headline);
          boxVideoLink.insert(boxVideoLinkHeadline);
          boxVideo.insert(boxVideoLink);

          container.insert(linkVideo);
          container.insert(boxVideo);
        }
        return container;
      },

      videoShowroomItem : function(data) {
        var container = new Element('div', {
          'class' : 'scrollItems'
        });

        var boxVideo = new Element('div', {
          'class' : 'colImage'
        });

        var boxVideoLink = new Element('a', {
          'class' : 'h3',
          href : data.url,
          title : data.titleAttribute
        });
        var boxVideoLinkPlayBut = new Element('span', {
          'class' : 'buttonPlay'
        }).insert('&nbsp;');
        var boxVideoLinkSpitz = new Element('span', {
          'class' : 'headText'
        }).insert(data.spitzmarke);
        var boxVideoLinkHeadline = new Element('span', {
          'class' : 'linkText'
        }).insert(data.headline);
        var boxVideoImage = new Element('img', {
          src : data.imageUrl,
          alt : data.headline,
          title : data.titleAttribute,
          width : 150,
          height : 100
        });
        boxVideoLink.insert(boxVideoImage);
        boxVideoLink.insert(boxVideoLinkPlayBut);
        boxVideoLink.insert(boxVideoLinkSpitz);
        boxVideoLink.insert(boxVideoLinkHeadline);

        var linkIcon = new Element('a', {
          'class' : 'spriteIcons iconMedium videoMedium',
          title : data.headline,
          href : data.url
        });
        var span = new Element('span', {
          'class' : 'hideMe'
        });
        var transImg = new Element('img', {
          width : '2',
          height : '2',
          alt : '',
          src : 'http://s1.stern.de/img/trans.gif'
        });
        span.insert(transImg);
        linkIcon.insert(span);

        boxVideo.insert(linkIcon);
        boxVideo.insert(boxVideoLink);

        container.insert(boxVideo);

        return container;
      },

      magazineItem : function(data) {
        var container = new Element('div', {
          'class' : 'scrollItems'
        });
        var layerCont = new Element('div', {
          'class' : 'layerCont'
        });
        var divFix = new Element('div', {
          'class' : 'clearfix'
        });

        if (Stern.isValidImageUrl(data.image)) {
          var boxLink = new Element('a', {
            'class' : 'boxImage',
            href : data.url_to_toc,
            title : data.headline
          });
          var boxLinkImage = new Element('img', {
            src : data.image,
            alt : data.headline,
            title : data.headline,
            width : 242,
            height : 166
          });
          boxLink.insert(boxLinkImage);
          divFix.insert(boxLink);
        }

        var boxHeadlineLink = new Element('a', {
          'class' : 'h2',
          href : data.url_to_toc,
          title : data.headline
        });
        var boxHeadlineLinkSpanHeadline = new Element('span', {
          'class' : 'boxHeadline'
        }).update(data.headline);
        var boxHeadlineLinkSpanSub = new Element('span')
            .update(data.sub_headline);
        boxHeadlineLink.insert(boxHeadlineLinkSpanHeadline);
        boxHeadlineLink.insert(boxHeadlineLinkSpanSub);
        divFix.insert(boxHeadlineLink);

        layerCont.insert(divFix);
        container.insert(layerCont);

        return container;
      },

      sternTvItem : function(data) {
        var container = new Element('div', {
          'class' : 'scrollItems'
        });

        var layerCont = new Element('div', {
          'class' : 'layerCont'
        });

        var icon;
        if (data.articleType == "special") {
          icon = 'faqSmall';
        } else {
          icon = data.articleType + 'Small';
          if (data.articleType == "special") {
            if (data.articles.length > 0) {
              icon = data.articles[0].articleType + 'Small';
              ;
            }
          }
          if (data.articleType == "standard") {
            icon = 'articleSmall';
          }
        }

        var iconLink = new Element('a', {
          'class' : 'spriteIcons iconLarge ' + icon,
          href : data.url,
          title : data.titleAttribute
        }).update('&nbsp;');
        layerCont.insert(iconLink);

        var divFix = new Element('div', {
          'class' : 'clearfix'
        });

        if (typeof data.teaserText == "undefined") {
          if (data.articles.length > 0) {

            var data = data.articles[0];

            if (Stern.isValidImageUrl(data.imageUrl)) {
              var boxLink = new Element('a', {
                'class' : 'boxImage',
                href : data.url,
                title : data.titleAttribute
              });
              var boxLinkImage = new Element('img', {
                src : data.imageUrl,
                alt : data.spitzmarke,
                title : data.titleAttribute,
                width : 120,
                height : 80
              });
              boxLink.insert(boxLinkImage);
              divFix.insert(boxLink);
            }

            var boxHeadlineLink = new Element('a', {
              'class' : 'h2',
              href : data.url,
              title : data.titleAttribute
            });
            var boxHeadlineLinkSpan = new Element('span')
                .update(data.spitzmarke);
            var boxHeadlineLinkHeadline = new Element('span', {
              'class' : 'boxHeadline'
            }).update(data.headline);
            boxHeadlineLink.insert(boxHeadlineLinkSpan);
            boxHeadlineLink.insert(boxHeadlineLinkHeadline);
            divFix.insert(boxHeadlineLink);

            divFix.insert(data.teaserTextShort);

          }
        } else {
          if (Stern.isValidImageUrl(data.imageUrl)) {
            var boxLink = new Element('a', {
              'class' : 'boxImage',
              href : data.url,
              title : data.titleAttribute
            });
            var boxLinkImage = new Element('img', {
              src : data.imageUrl,
              alt : data.spitzmarke,
              title : data.titleAttribute,
              width : 120,
              height : 80
            });
            boxLink.insert(boxLinkImage);
            divFix.insert(boxLink);
          }

          var boxHeadlineLink = new Element('a', {
            'class' : 'h2',
            href : data.url,
            title : data.titleAttribute
          });
          var boxHeadlineLinkSpan = new Element('span').update(data.spitzmarke);
          var boxHeadlineLinkHeadline = new Element('span', {
            'class' : 'boxHeadline'
          }).update(data.headline);
          boxHeadlineLink.insert(boxHeadlineLinkSpan);
          boxHeadlineLink.insert(boxHeadlineLinkHeadline);
          divFix.insert(boxHeadlineLink);

          divFix.insert(data.teaserTextShort);
        }

        layerCont.insert(divFix);
        container.insert(layerCont);

        return container;
      },

      textSliderItem : function(data) {
        var container = new Element('div', {
          'class' : 'scrollItems'
        });

        var layerCont = new Element('div', {
          'class' : 'sliderContent'
        });
        /*var firstHeadlineLinkSpan = new Element('span', {
          'class' : 'hideMe'
        });

        var divFix = new Element('div', {
          'class' : 'clearfix'
        });*/


        var headline = new Element ('div', {'class' : 'boxHeadline'}).update(data.headline);
        layerCont.insert(headline);

        var text = new Element ('div').update(data.text);
        layerCont.insert(text);

        /*if (data.articles.length > 0) {
          var boxLink = new Element('a', {
            'class' : 'boxImage',
            href : data.url,
            title : data.titleAttribute
          });
          if (Stern.isValidImageUrl(data.mTeaserImageUrl)) {
            var boxLinkImage = new Element('img', {
              'src' : data.mTeaserImageUrl,
              alt : data.spitzmarke,
              title : data.titleAttribute,
              width : 268,
              height : 80
            });
            boxLink.insert(boxLinkImage);
          }
          divFix.insert(boxLink);

          var titlediv = new Element('div', {
            'class' : 'titleCont'
          });
          var boxHeadlineLink = new Element('a', {
            'class' : 'h2',
            href : data.url,
            title : data.titleAttribute
          });
          var boxHeadlineLinkSpan = new Element('span').update(data.spitzmarke);
          var boxHeadlineLinkHeadline = new Element('span', {
            'class' : 'boxHeadline'
          }).update(data.headline);
          var test = new Element('span').update(data);

          boxHeadlineLink.insert(boxHeadlineLinkSpan);
          boxHeadlineLink.insert(boxHeadlineLinkHeadline);
          titlediv.insert(boxHeadlineLink);
          divFix.insert(titlediv);
          layerCont.insert(divFix);


        }*/
        container.insert(layerCont);


        return container;

      },
      simpleExtraItem : function(data) {
        var container = new Element('div', {
          'class' : 'scrollItems'
        });

        var layerCont = new Element('div', {
          'class' : 'specialImgCont'
        });
        var firstHeadlineLinkSpan = new Element('span', {
          'class' : 'hideMe'
        });
        var iconLink = new Element('a', {
          'class' : 'spriteIcons iconMedium specialMedium',
          href : data.url,
          title : data.titleAttribute
        }).update(firstHeadlineLinkSpan);
        layerCont.insert(iconLink);

        var divFix = new Element('div', {
          'class' : 'clearfix'
        });

        var boxLink = new Element('a', {
          'class' : 'boxImage',
          href : data.url,
          title : data.titleAttribute
        });
        if (Stern.isValidImageUrl(data.mTeaserImageUrl)) {
          var boxLinkImage = new Element('img', {
            'src' : data.mTeaserImageUrl,
            alt : data.spitzmarke,
            title : data.titleAttribute,
            width : 268,
            height : 80
          });
          boxLink.insert(boxLinkImage);
        }
        divFix.insert(boxLink);

        var titlediv = new Element('div', {
          'class' : 'titleCont'
        });
        var boxHeadlineLink = new Element('a', {
          'class' : 'h2',
          href : data.url,
          title : data.titleAttribute
        });
        var boxHeadlineLinkSpan = new Element('span').update(data.spitzmarke);
        var boxHeadlineLinkHeadline = new Element('span', {
          'class' : 'boxHeadline'
        }).update(data.headline);

        boxHeadlineLink.insert(boxHeadlineLinkSpan);
        boxHeadlineLink.insert(boxHeadlineLinkHeadline);
        titlediv.insert(boxHeadlineLink);
        divFix.insert(titlediv);
        layerCont.insert(divFix);

        if (data.ebookletLogo) {
          var ebdiv = new Element('div', {
            'class' : 'boxPartnerlogo'
          });
          ebdiv.insert(new Element('span').update('präsentiert von'));
          if(data.ebookletLogoUrl)
          {
            var link = new Element('a', {
              href : data.ebookletLogoUrl,
              title : data.headline
            });
            link.insert(new Element('img', {
              'src' : data.ebookletLogo
            }));
            ebdiv.insert(link);
          }
          else
          {
            ebdiv.insert(new Element('img', {
              'src' : data.ebookletLogo,
              'class' : 'ebookletlink'
            }));
          }
          if (data.ebookletCount) {
            ebdiv.insert(new Element('img', {
              'src' : data.ebookletCount + ad_server_rand,
              'width' : 1,
              'height' : 1
            }));
          }
          ebdiv.insert(new Element('br'));
        }
        container.insert(layerCont);
        if (ebdiv) {
          container.insert(ebdiv);
        }

        return container;

      },

      extraItem : function(data) {
        var container = new Element('div', {
          'class' : 'scrollItems'
        });

        var boxHeadline = new Element('span', {
          'class' : 'boxExtraHeadline'
        });

        var firstHeadlineLinkSpan = new Element('span', {
          'class' : 'hideMe'
        });
        var firstHeadlineLink = new Element('a', {
          'class' : 'spriteIcons iconLarge specialMedium',
          href : data.url
        }).update(firstHeadlineLinkSpan);
        var secondHeadlineLink = new Element('a', {
          href : data.url,
          title : data.titleAttribute
        }).update(data.headline);

        boxHeadline.insert(firstHeadlineLink);
        boxHeadline.insert(secondHeadlineLink);

        container.insert(boxHeadline);

        var layerCont = new Element('div', {
          'class' : 'layerCont'
        });
        var divFix = new Element('div', {
          'class' : 'clearfix'
        });

        if (data.articles[0]) {
          var article = data.articles[0];

          if (Stern.isValidImageUrl(article.imageUrl)) {
            var boxLink = new Element('a', {
              'class' : 'boxImage',
              href : article.url,
              title : article.titleAttribute
            });
            var boxLinkImage = new Element('img', {
              src : article.imageUrl,
              alt : article.spitzmarke,
              title : article.titleAttribute,
              width : 120,
              height : 80
            });
            boxLink.insert(boxLinkImage);
            divFix.insert(boxLink);
          }

          var boxLink = new Element('a', {
            'class' : 'h2',
            href : article.url,
            title : article.titleAttribute
          });
          if (article.spitzmarkeShort.length > 0) {
            var span1 = new Element('span').update(article.spitzmarkeShort);
            boxLink.insert(span1);
          }
          var span2 = new Element('span', {
            'class' : 'boxHeadline'
          }).update(article.headlineShort);
          boxLink.insert(span2);

          divFix.insert(boxLink);

        }
        layerCont.insert(divFix);

        if (data.articles[1]) {

          var list = new Element('ul');
          var datalength = data.articles.length;
          if (data.ebookletImage) {
            datalength--;
          }
          for (i = 1; i < 2; i++) {

            var article = data.articles[i];
            var listItem = new Element('li');

            var link = new Element('a', {
              href : article.url,
              title : article.titleAttribute
            });
            link.insert(new Element('span').update(article.spitzmarke));
            link.insert(new Element('br'));
            link.insert(new Element('span', {
              'class' : 'boxMoreExtraHeadline'
            }).update(article.headline));

            listItem.insert(link);
            list.insert(listItem);

          }

          if (data.ebookletLogo) {
            var listItem = new Element('li');
            var div = new Element('div', {
              'class' : 'boxPartnerlogo'
            });
            div.insert(new Element('span').update('präsentiert von'));
            if(data.ebookletLogoUrl)
            {
              var link = new Element('a', {
                href : data.ebookletLogoUrl,
                title : data.headline
              });
              link.insert(new Element('img', {
                'src' : data.ebookletLogo
              }));
              div.insert(link);
            }
            else
            {
              div.insert(new Element('img', {
                'src' : data.ebookletLogo,
                'class' : 'ebookletlink'
              }));
            }
            if (data.ebookletCount) {
              div.insert(new Element('img', {
                'src' : data.ebookletCount + ad_server_rand,
                'width' : 1,
                'height' : 1
              }));
            }
            div.insert(new Element('br'));
            listItem.insert(div);
            list.insert(listItem);
          }
          layerCont.insert(list);
        }

        container.insert(layerCont);
        return container;
      }
    }
  },

  /**
   * The multipleslider needs a command chain
   */
  multiSlider : {
    moveToLeft : function(slider) {
      if (!slider.isActive) {
        slider.moveToRight();
        slider.setLeaderRight();
      }
    },
    moveToRight : function(slider) {
      if (!slider.isActive) {
        slider.moveToLeft();
        slider.setLeaderLeft();
      }
    }
  },

  /**
   * If an input-textfield owns this class, it's default value is removed on
   * focus and restored if no change has been made
   */
  emptyFields : {
    cssClass : 'jsRestoreBehaviour',
    currentVal : false,

    bind : function() {
      $$('.' + this.cssClass).each(function(item) {
        $(item).observe('focus', function(event) {
          var item = Event.findElement(event);
          Stern.emptyFields.currentVal = item.getValue();
          item.setValue('');
        });
        $(item).observe('blur', function(event) {
          var item = Event.findElement(event);
          if (item.getValue() == '') {
            item.setValue(Stern.emptyFields.currentVal);
          } else {
            $(item).stopObserving('focus');
          }
          Stern.emptyFields.currentVal = '';
        });
      });
    }
  },

  /**
   * If an input-textfield owns this class, it's current value is selected on
   * focus
   */
  selectAllFields : {
    cssClass : 'jsSelectAllBehaviour',

    bind : function() {
      $$('.' + this.cssClass).each(function(item) {
        $(item).observe('focus', function(event) {
          var item = Event.findElement(event);
          item.select();
        });
      });
    }
  },

  ajax : {
    encoding : 'ISO-8859-1',
    evalJS : 'force',

    /**
     * request the given url, ajax request
     */
    getUrl : function(url) {
      new Ajax.Request(Stern.ajax.addTimestamp(url), {
        method : 'get',
        encoding : Stern.ajax.encoding
      });
    },

    getParameters : function(formid, method) {
      if (formid && $(formid) && method == 'post') {
        return Form.serializeElements($(formid).getElements());
      }
      return false;
    },

    getMethod : function(method, params) {
      if (!method && params) {
        return 'post';
      } else if (!method) {
        return 'get';
      }
      return method;
    },

    /**
     * replaced the element given by id by the response of ajax request
     *
     * @param url:
     *          request this url
     * @param id:
     *          replace this DOM element
     * @param formid:
     *          submit this form if post
     * @param method:
     *          post/get(default)
     * @param cachable:
     *          no timestamp added to url if set (so its squid cachable)
     */
    replace : function(url, id, formid, method, cachable) {
      var params = this.getParameters(formid, method);
      var method = this.getMethod(method, params);
      if (!cachable) {
        url = Stern.ajax.addTimestamp(url);
      }

      new Ajax.Request(url, {
        method : method,
        parameters : params,
        encoding : Stern.ajax.encoding,
        evalJS : Stern.ajax.evalJS,
        onComplete : function(obj) {
          $(id).replace(obj.responseText);
          return false;
        }
      });
    },

    update : function(url, id, formid, method) {
      var params = this.getParameters(formid, method);
      var method = this.getMethod(method, params);

      new Ajax.Request(Stern.ajax.addTimestamp(url), {
        method : method,
        parameters : params,
        encoding : Stern.ajax.encoding,
        evalJS : Stern.ajax.evalJS,
        onComplete : function(obj) {
          $(id).update(obj.responseText);
          return false;
        }
      });
    },

    showIndicator : function(url) {
      ajaxUrl = Object.extend(url);
      Ajax.Responders.register(Stern.ajax.registerIndicator);
    },

    registerIndicator : {
      onCreate : function() {
        if (Ajax.activeRequestCount > 0) {
          ajaxIndicator = new Element('div', {
            id : 'ajaxIndicator'
          });
          ajaxIndicatorContent = new Element('div', {
            id : 'ajaxIndicatorContent'
          });
          $(ajaxIndicator).hide();
          $(ajaxIndicatorContent).innerHTML = 'Laden...';
          $(ajaxIndicator).insert(ajaxIndicatorContent);
          $(ajaxUrl).insert(ajaxIndicator);
          $(ajaxIndicator).show();
        }
      },

      onComplete : function() {
        if (Ajax.activeRequestCount == 0) {
          $(ajaxIndicator).hide();
        }
      }
    },

    lightbox : function(url, id, formid, method) {
      var params = this.getParameters(formid, method);
      var method = this.getMethod(method, params);

      new Ajax.Request(Stern.ajax.addTimestamp(url), {
        method : method,
        parameters : params,
        encoding : Stern.ajax.encoding,
        evalJS : Stern.ajax.evalJS,
        onComplete : function(obj) {

          var id = 'lbAjaxContent';
          var container = new Element('div', {
            id : id,
            'class' : 'lbContent'
          });
          $(document.getElementsByTagName('body')[0]).insert(container);
          $(id).update(obj.responseText);

          var box = new Stern.lightbox.box($(id));
          box.activate();
          document.location = '#';

        }
      });
    },

    /**
     * add timestamp to url to disable ajax caching
     */
    addTimestamp : function(url) {
      var date = new Date();
      var timestamp = date.getTime();
      if (url.indexOf("?") != -1) {
        url = url + '&';
      } else {
        url = url + '?';
      }
      return url + 'random=' + timestamp;
    }
  },

  /**
   * Automatic placement of hooks inside the invisible placeholders
   */
  hooks : {
    containerClass : 'moduleHookContainer',
    contentClass : 'moduleHook',
    ignore : new Array(),

    addToIngoreList : function(hookId) {
    },

    place : function() {
      var container = $$('.' + this.containerClass);
      var hooks = $$('.' + this.contentClass);
      hooks.each(function(item, index) {
        item.removeClassName('displayNone');
        if (container[index]) {
          container[index].update(item);
        }
      });
    }
  },

  /**
   * User specific methods e.g. login
   */
  user : {
    loggedIn : function() {
      if (!Stern.cookie.get('sternLoggedIn')) {
        return false;
      }
      return (Stern.cookie.get('sternLoggedIn').length > 1);
    }
  },

  /**
   * pageHooks - register callbacks and trigger them manually
   *
   * Per default, upon DOM completion the so far registered hooks will be
   * executed
   */
  pageHooks : {
    storage : new Array(),

    register : function(callback) {
      this.storage.push(callback);
    },

    execute : function() {
      this.storage.each(function(callback) {
        callback();
      });
    }
  },

  /**
   * Navigational methods
   */
  navigation : {
    loginText : function() {
      if (Stern.user.loggedIn() && $('login_logout_links')) {
        $('login_logout_links')
            .update(
                '<a class="login track_me track_code_ajax_logout" href="/sso/logout" rel="nofollow">Ausloggen<\/a>|<a href="/sso/profil" class="register" rel="nofollow">Profil<\/a>');
      }
    },

    bookmarkLink : function() {
      var ausgabe = '';
      ausgabe += '<a class="spriteTopNavi homepage" rel="nofollow" ';
      ausgabe += 'href="#" onclick="Stern.navigation.bookmarkCreate(\'stern.de\', \'http://www.stern.de\');return false;"';
      ausgabe += '>Startseite<\/a>';
      document.write(ausgabe);
    },

    bookmarkCreate : function(title, url) {
      if (window.sidebar) // firefox
    {
      window.sidebar.addPanel(title, url, "");
    } else if (window.external) // ie
    {
      window.external.AddFavorite(url, title);
    } else if (window.opera && window.print) // opera
    {
      var elem = document.createElement('a');
      elem.setAttribute('href', url);
      elem.setAttribute('title', title);
      elem.setAttribute('rel', 'sidebar');
      elem.click();
    }
  }
  },

  /**
   * Blog methods o reloadPage() - if in blogs reload the page after login
   */
  blog : {
    isBlogPage : function() {
      var elem = $$('.gridBlog #Container #Subcontainer #Content #Nextpost');
      return elem != false && elem != undefined;
    },
    reloadPage : function() {
      if (Stern.blog.isBlogPage()) {
        document.location.href = document.location.href;
      }
    }
  },

  /**
   * forum methods o reloadPage() - if in forum reload the page after login
   */
  forum : {
    isForumPage : function() {
      return document.location.href.indexOf('stern.de/foren/') > 0;
    },
    reloadPage : function() {
      if (Stern.forum.isForumPage()) {
        document.location.href = document.location.href;
      }
    }
  },

  /**
   * Comments methods
   */
  comments : {
    replaceLoginBox : function(url) {
      var box = $('SB18WriteCommentsBoxContainer');
      if (Stern.user.loggedIn() && box != undefined) {
        Stern.ajax.replace(url, 'SB18WriteCommentsBoxContainer', false, 'get');
      }
    }
  },

  /**
   * Plays Videos
   */
  video : {
    showPlayer : function(container, renderer, videoId, urlPrefix, isExtern) {
      if (typeof stopPE != 'undefined') {
        stopPE['' + container + ''] = true; // stops the periodical executer
      }

      if (typeof urlPrefix == 'undefined')// enable urlPrefix from partial (neofonie topicpages)
      {
        urlPrefix = '';
      }

      //isExtern? (=neofonie), SMSTR-451
      extern = '';
      if (typeof isExtern != 'undefined')
      {
        extern = '&extern=1';
      }

      if ($(container + '_scrollCont')) {
        // hide arrows in scrollcontainer only, if in m02 zoom context
        // and not extern (=neofonie), SMSTR-451
        if (typeof isExtern == 'undefined') {
          $(container + '_scrollCont').setStyle( {
            visibility : 'hidden'
          });
        }
        Stern.video.setIframeDefault(container + '_bcVideo');
      }
      $(container).hide();
      $(container + '_bcVideo').src = urlPrefix + '?renderer=' + renderer + '&ajax=1&vid=' + videoId + extern;
      $(container + '_bcVideo').show();
    },

    hidePlayer : function(container) {
      if (typeof stopPE != 'undefined') {
        stopPE['' + container + ''] = true; // stops the periodical executer
      }

      if ($(container + '_bcVideo').src != 'about:blank') {
        $(container).show();
        $(container + '_bcVideo').src = 'about:blank';
        if ($(container + '_scrollCont')) {
          // only, if in m02 zoom context
          $(container + '_scrollCont').setStyle( {
            visibility : 'visible'
          });
          Stern.video.setIframeDefault(container + '_bcVideo');
        }
        $(container + '_bcVideo').hide();
      }
    },

    setIframeDefault : function(iframeContainer) {
      $(iframeContainer).setStyle( {
        width  : '240px',
        height : '184px',
        left   : '30px',
        top    : '18px'
      });
    },

    setIframeZoom : function(iframeContainer) {
      $(iframeContainer).setStyle( {
        width   : '612px',
        height  : '422px',
        left    : '-314px',
        top     : '0px'
      });
    },

    //this is called from iframe directly (close-button)
    hidePlayerIframe : function(iframeContainer) {
      container = iframeContainer.replace(/_bcVideo/, '');
      Stern.video.hidePlayer(container);
    }
  },

  /**
   * Element methods
   */
  elements : {
    switchCheckboxes : function(className, newValue) {
      $$('.' + className).each(function(item) {
        item.checked = newValue;
      });
    }
  },

  /**
   * URL of the thumbnail server -> check
   */
  isValidImageUrl : function(url) {
    var match = new String(url).match(/^http(.*)\.(\w{3,4})$/i);
    return match != null;
  },

  /**
   * Print methods.
   */
  print : {
    showWindow : function(url) {
      printWindow = window.open(url, "Druckansicht",
          "width=660,height=550,status=yes,scrollbars=yes,resizable=yes");
      printWindow.focus();
    }
  },
  
  
  
  // Concertina effect for markets box
  expandTeaserSet: function (a, expId) {
    
	if (a.tagName == 'A') 
    {
      a.blur();
    }
    // Extract expand ID prefix
    var pre       = expId.split('-');
    pre.pop();
    pre           = pre.join('-');
    // Convert expandable area to prototype object
    var expandObj = $(expId);
    // Remember previous state of the expandable area
    var prevState = expandObj.visible();
    // Convert anchor to prototype object
    a = $(a);
    // Check whether an audio teaser was expanded/collapsed    
    // Get the teasers parent box
    //var parent    = $$('DIV[id^=Box' + pre.substr(3) + ']');
    var parent    = a.up('div');
    // Check for markets teaser
    if (expandObj) 
    {
      // Ensure parent DIV container is present.
      if (parent) 
      {
        // Get all anchors that display a CLOSE icon

    	var anchors = $(parent).getElementsBySelector('a.closeList');
    	
        if (anchors) 
        {
          anchors.each(function (x) {
            Stern.togCssClassProto(x, 'openList', 'closeList');            
          });
        }
        var siblingsSelector = expandObj.tagName + '[id^=' + pre + ']';
        var siblings         = $$(siblingsSelector);
        if (siblings) {
          siblings.invoke('hide');
        }
        var hl = parent.select('P.HIGHLIGHT_COLLAPSED'); // highlights
        if (hl) {
          hl.invoke('show');
        }
      }

      // The appropriate anchor for the opened DIV/TBODY
      if (prevState) {
        // Previously visible.
        expandObj.hide();
        
      }
      else {
        // Previously invisible.
        expandObj.show();
        this.loadImages(expandObj);        
        this.togCssClassProto(a, 'closeList', 'openList');
        

        if (typeof ftdAds != 'undefined' && ftdAds.isAdvertisingActive()) {
          if (typeof ftdAds.Events != 'undefined') {
            ftdAds.Events.fireEvent('expand');
          }
        }

        var expandObjHL = $('HL' + expId); // highlights
        if (expandObjHL) {
          expandObjHL.hide();
        }
      }
    }
    
    return false;
  },
  
  // image lazy loading for markets box
  loadImages: function(e) {
	    var i = e.select('IMG');
	    i.each(function(s) { if (s.longDesc) { s.src = s.longDesc; }});
	  },
	  
  togCssClass: function(e, c1, c2) {
	    e = $(e);
	    var tmp = e.className.split(' ');
    var f1 = false;
    var tmp2 = [];
    tmp.each(function(c3) {
      if (c3 == c1) f1 = true;
      if (c3 != c2) tmp2.push(c3); // keep
    });
    if (!f1) tmp2.push(c1);
    e.className = tmp2.join(' ');

  },  
 
  // toggle css class, used for markets box
  togCssClassProto: function (e, to, from) {
	    e = $(e);
	    if (e.hasClassName(from)) {
	      e.removeClassName(from);
	      e.addClassName(to);
	    }
	  },
	  
  tabIdmsChart: function(a, m) {
	    a = $(a);
	    a.blur();
	    var l = $(a.parentNode); // DIV -> UL -> LI -> A
	    var d = $(l.parentNode.parentNode);
	    var i = d.select('LI');
	    i.each(function(s) {
	      Stern.togCssClass(s, '', 'active');
	      Stern.togCssClass(s, '', 'roactive');
	    });
	    Stern.togCssClass(l, 'active', '');
	    var nl = l.nextSiblings();
	    if (nl.length) {
	      nl = $(nl[0]);
	      Stern.togCssClass(nl, 'roactive', '');
	    }
	    var i = d.select('IMG');
	    i.each(function(s) {
	      s.src      = s.src.replace(/&TIME_SPAN=../g, '&TIME_SPAN=' + m);
	      s.longDesc = s.src;
	    });
	    
	    return false;
	  }

};

// our class is initialized as soon as the dom is ready
Event.observe(window, 'load', function() {
  Stern.initialize();
});