// <!--

  var $j = jQuery.noConflict();
  var api = false;
  var seeked = false;
  var paused = false;
  
  //$j('#contentarea div.typography.content').html('');
  $j('.box_container div.box div.information').css('display', 'none');
  $j('.box_navigation').css('display', 'block');
  
  $j(document).ready(function() {
  
    $j('#eyecatcher li').bind('click', function() {
      $j(this).parent().find('li').removeClass('active');
      $j(this).addClass('active');
      var eye_title = $j(this).find('div.information h3').html();
      var eye_text = $j(this).find('div.information div.text').html();
      var heading = '';
      if (eye_title.length > 0) {
        heading = '<h3>' + eye_title + '</h3>';
      }
      $j('#eyecatcher div.content').html(heading + '<div class="text">' + eye_text + '</div>');
    });
  
  
    api = $j('.box_container').scrollable({
      size: 3,
      speed: 600,
      onSeek: function(evt, idx) {
        if (paused) {
          api.stop();
        }
        var ref = $j('.box_container div.box').eq(idx+1);
        var ref_title = $(ref).find('div.information h3').html();
        var ref_desc = $(ref).find('div.information div.description').html();
        var ref_url = $(ref).find('div.information a.url').html();
        var link = '';
        if (ref_url.length > 0) {
          link = '<a href="' + ref_url + '" target="_blank">' + ref_url + '</a>';
        }
        var c_area = $j('#contentarea div.typography.content');
        $(c_area).find('h1').html(ref_title);
        $(c_area).find('div.content_content').html(ref_desc + '<p>' + link + '</p>');
      }
    }).circular().autoscroll({api: true, interval: 5000});
    
    api.play();
    
  });
  
  function togglePlayMode(elem) {
    if (api != false) {
      if (!paused) {
        paused = true;
        api.stop();
        $j(elem).addClass('paused');
      } else {
        paused = false;
        api.play();
        $j(elem).removeClass('paused');
      }
    }
  }

// -->