$(document).ready(function() {
  // alert('!!');
  
  var sysapp = '<div id="sysapp_pos">';
  sysapp += '<div class="sysapp_bar"><a href="?id=18" title="flexoren" alt="flexoren"><img src="fileadmin/template/sysapp/images/trol_sysapp_bar1.png" alt="flexoren" /></a></div>';
  sysapp += '<div class="sysapp_bar"><a href="?id=17" title="compact pipe" alt="compact pipe"><img src="fileadmin/template/sysapp/images/trol_sysapp_bar2.png" alt="compact pipe" /></a></div>';
  sysapp += '<div class="sysapp_bar"><a href="?id=16" title="trolining" alt="trolining"><img src="fileadmin/template/sysapp/images/trol_sysapp_bar3.png" alt="trolining" /></a></div>';
  sysapp += '<div class="sysapp_bar"><a href="?id=20" title="primus line" alt="primus line"><img src="fileadmin/template/sysapp/images/trol_sysapp_bar4.png" alt="primus line" /></a></div>';
  sysapp += '<div class="sysapp_footer"><div id="sysapp_close"><span>schließen<img src="fileadmin/template/sysapp/images/trol_sysapp_close.png" /></span></div></div>';
  sysapp += '</div>';
  
  $(sysapp).appendTo('#center_center');
  
  $('#sysfinder span').click(function() {
    $('#sysapp_pos').fadeIn('slow');
  });
  
  $('#sysapp_close span').click(function() {
    $('#sysapp_pos').fadeOut('slow');
  });
  
  
  var sysapp2 = '<div id="sysapp_pos_en">';
  sysapp2 += '<div class="sysapp_bar"><a href="?id=18" title="flexoren" alt="flexoren"><img src="fileadmin/template/sysapp/images/trol_sysapp_bar1.png" alt="flexoren" /></a></div>';
  sysapp2 += '<div class="sysapp_bar"><a href="?id=17" title="compact pipe" alt="compact pipe"><img src="fileadmin/template/sysapp/images/trol_sysapp_bar2.png" alt="compact pipe" /></a></div>';
  sysapp2 += '<div class="sysapp_bar"><a href="?id=16" title="trolining" alt="trolining"><img src="fileadmin/template/sysapp/images/trol_sysapp_bar3.png" alt="trolining" /></a></div>';
  sysapp2 += '<div class="sysapp_bar"><a href="?id=20" title="primus line" alt="primus line"><img src="fileadmin/template/sysapp/images/trol_sysapp_bar4.png" alt="primus line" /></a></div>';
  sysapp2 += '<div class="sysapp_footer"><div id="sysapp_close"><span>close<img src="fileadmin/template/sysapp/images/trol_sysapp_close.png" /></span></div></div>';
  sysapp2 += '</div>';
  
  $(sysapp2).appendTo('#center_center');
  
  $('#sysfinder_en span').click(function() {
    $('#sysapp_pos_en').fadeIn('slow');
  });
  
  $('#sysapp_close span').click(function() {
    $('#sysapp_pos_en').fadeOut('slow');
  });
  
  
});