$(document).ready(function() {
  //gallery init for references
  if (($('a[class="active"]').html() == 'REFERENZEN' || $('a[class="active"]').html() == 'REFERENCES') && $('a').hasClass('selected')) {
    var images = [];
    $('li[class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol"] img').each(function(index) {
      images[index] = $(this).attr('src');
    });
    $('.csc-textpic-imagewrap').empty();
    $('.csc-textpic-imagewrap').css('width', '100%');
    $('.csc-textpic-imagewrap').append('<table cellspacing="0" cellpadding="0"><tr><td id="current-image" valign="top" style="padding-right:10px;" ></td><td id="preview-images" width="110" align="left" valign="top"></td></tr></table>');
    $('#current-image').empty();
    $('#current-image').append('<img src="' + images[0] + '" />');
    $.each(images, function(index, value) { 
      $('#preview-images').append('<img class="preview-image" src="' + images[index] + '" width="41px" height="41px" style="margin-bottom:10px"/><br/>');
    });
    $('.preview-image').click(function() {
      $('#current-image').empty();
      $('#current-image').append('<img src="' + $(this).attr('src') + '" />');
    });
  }
  //animation person page
  var data = [];
  $('#c257 .contenttable tr td').each(function(index) {
     data[index] = $(this).html();
  });
  $('#c257').empty();
  $('#c257').append('<ul class="horizontalAccordion" style="position:relative;top:0px;left:0px;"></ul>');
  for (i=0; i < data.length; i = i + 2) {
    $('.horizontalAccordion').append('<li><div class="handle"></div>' + data[i] + data[i + 1] + '</li>');
  };
  $(".horizontalAccordion").hrzAccordion({
    eventTrigger: "mouseover",
    openOnLoad: "1",
    cycle: true,
    fixedWidth: 244,
    contentContainerClass: 'accordionContentContainer',
    completeAction: function(i) {
      if (i == 0) {
        $('#horizontalAccordionHandle0').css('border-left', 'none');
      } else {
        $('#horizontalAccordionHandle0').css('border-left', '1px solid #ADA79F');
      }
    }
  });
  //services animation logic
  //extract data
  var data = [];
  $('#c276 .contenttable tr td').each(function(index) {
    if (index % 2 == 0) {
      data[index] = $(this).find('p').html();
    } else {
      data[index] = $(this).html();
    }
  });
  
  //transform and add data
  $('#c276').empty();
  $('#c276').css('margin-top', '-10px');
  $('#c276').append('<div class="basic" style="position:relative;float:left;margin-left:0px;margin-top:20px;" id="verticalAccordion"></div>');
  var realSize = data.length / 2;
  for (i=0; i < data.length; i = i + 2) {
    $('#verticalAccordion').append('<a><span style="float:left;margin-left:40px;margin-top:8px;width:260px;">' + data[i] + '</span><span style="float:left;margin-left:1px;margin-top:9px;width:30px;text-align:center;color:white;font-size:9px;cursor:default;">' + (realSize--) + '</span></a>');
    $('#verticalAccordion').append('<div><div style="margin-left:30px;border:none;width:270px;">' + data[i + 1] + '</div></div>');
  };
  //plugin handling
  $('#verticalAccordion').accordion({ 
    event: 'mouseover',
    autoheight: false
  });
  $('#verticalAccordion a:last').trigger('mouseover');
  
  $('#verticalAccordion a').mouseover(function () {
    if ($(this)[0] === $('#verticalAccordion a:last')[0]) {
      $('#verticalAccordion a:last').css('border-bottom', '1px solid white');
    } else {
      $('#verticalAccordion a:last').css('border-bottom', '1px solid #ADA79F');
    }
  });
  
  $('#c256 img').mouseover(function() {
    $(this).css('opacity','0.4');
    $(this).css('filter','alpha(opacity=40)');
  });
  
  $('#c256 img').mouseout(function() {
    $(this).css('opacity','1');
    $(this).css('filter','alpha(opacity=100)');
  });


  //self-made/customized bar
  $('#content-scrollable').tinyscrollbar();
});