act = "0";

function swap(which)
{
 if (act != '')
 {
  document.getElementById("ref" + act).style.display = 'none';
  document.getElementById("tsr" + act).style.backgroundPosition = '0px 0px';
 }
 document.getElementById("ref" + which).style.display = 'block';
 document.getElementById("tsr" + which).style.backgroundPosition = '0px -44px';
 act = which;
}

function tease(dir,which)
{
 if (dir == 'over')
 {
  if (which != act)
  {
   document.getElementById("tsr" + which).style.backgroundPosition = '0px -44px';
  }
 }
 else if (dir == 'out')
 {
  if (which != act)
  {
   document.getElementById("tsr" + which).style.backgroundPosition = '0px 0px';
  }
 }
}

refs = new Array();
refs[0] = new Array('copywide','3M, Neuss','Unterstützung und Beratung der Konzern-Pressestelle im Bereich Corporate PR für Wirtschaftsmedien','','3m');
refs[1] = new Array('copywide','Prime Mail, Hamburg','Kommunikationsberatung und Betreuung der internen und externen Kommunikation','','primemail');
refs[2] = new Array('copy','www.FinanceScout24.de, Hamburg','Konzeption und Redaktion einer Online-Finanzredaktion<br /><i>Reichweite:</i> 5 Millionen PI\'s/Monat<br /><i>Aktualisierung:</i> w&ouml;chentlich<br /><i>Inhalt:</i> nutzwertige Artikel zu Fragen rund um private<br />Finanzen wie Geldanlage, Versicherungen, Kredite,<br />Altersvorsorge etc.','true','fs24');
refs[3] = new Array('copy','Johnson Controls Building Efficiency, Essen','Konzeption und Redaktion eines Newsletters zur internen<br />Kommunikatin<br /><i>Auflage:</i> 1.100 Exemplare<br /><i>Erscheinungsweise:</i> monatlich<br /><i>Inhalt:</i> spannende Neuigkeiten und interessante Infor-<br />mationen aus der Mitarbeiterwelt von Johnson Controls','true','johnson');
refs[4] = new Array('copywide','Pressearbeit und Kommunikationsberatung','Konzeption, Entwicklung und Umsetzung einer kontinuierlichen Pressearbeit für den Industry Sector LifeSciences ','','dhl');
refs[5] = new Array('copy','Haus der Geschichte, Bonn','Redaktion und Organisation des Museumsmagazins<br /><i>Auflage:</i> 10.000 Exemplare<br /><i>Erscheinungsweise:</i> viertelj&auml;hrlich<br /><i>Inhalt:</i> Hintergrund zu laufenden und geplanten<br />Ausstellungen sowie zu aktuellen Sammlungs-<br />t&auml;tigkeiten des Museums','true','hdg');
refs[6] = new Array('copy','Fidelity Investments International, Frankfurt','Konzeption und Redaktion eines Kunden-Newsletters<br /><i>Auflage:</i> 10.000 Exemplare<br /><i>Erscheinungsweise:</i> viertelj&auml;hrlich<br /><i>Inhalt:</i> nutzwertige Finanz-und Anlageinformationen','true','fidelity');
refs[7] = new Array('copy','www.JobScout24.de, M&uuml;nchen','Konzeption und Redaktion von Kunden-Newsletters im B2C- und B2B-Bereich<br /><i>Reichweite:</i> 190.000 Abonnenten<br /><i>Aktualisierung:</i> monatlich<br /><i>Inhalt:</i> Nutzwertige Inhalte für Jobsuchende und HR-Manager','true','js24');
refs[8] = new Array('copy','Handelsblatt - Finance Today','Konzeption und Redaktion eines Newsletters f&uuml;r die Financial Community<br /><i>Auflage:</i> 60.000 Abonnenten<br /><i>Erscheinungsweise:</i> t&auml;glich<br /><i>Inhalt:</i> aktuelle News aus der Financial Community für die Financial Community','true','handelsblatt');

document.write('<style type="text/css">');
for (i=0;i<=8;i++)
{
 document.write('#ref' + i + ' { width:820px;');
 if (refs[i][3] == 'true')
 {
  document.write(' background:url(/wp-content/themes/blattwerk/images/visual_' + refs[i][4] + '.jpg) no-repeat right');
 }
 if (i == 7)
 {
 	document.write(' -30px');
 }
 document.write('; display:none; }');
 document.write('#tsr' + i + ' { background:url(/wp-content/themes/blattwerk/images/tsr_ref_' + refs[i][4] + '_lo.gif) no-repeat; }');
}
document.write('</style>');

for (i=0;i<=8;i++)
{
 document.write('<div class="ref" id="ref' + i + '">');
 document.write('<div class="' + refs[i][0] + '">');
 document.write('<h1>Darauf sind wir stolz</h1>');
 document.write('<h2>' + refs[i][1] + '</h2>');
 document.write('<p>' + refs[i][2] + '</p>');
 document.write('</div>');
 document.write('</div>');
}
document.write('<ul id="teaser">');
document.write('<li id="tsr0" onmouseover="tease(\'over\',\'0\');" onmouseout="tease(\'out\',\'0\');" onclick="swap(\'0\');">3M</li>');
document.write('<li id="tsr1" onmouseover="tease(\'over\',\'1\');" onmouseout="tease(\'out\',\'1\');" onclick="swap(\'1\');">PrimeMail</li>');
document.write('<li id="tsr2" onmouseover="tease(\'over\',\'2\');" onmouseout="tease(\'out\',\'2\');" onclick="swap(\'2\');">FinanceScout24</li>');
document.write('<li id="tsr3" onmouseover="tease(\'over\',\'3\');" onmouseout="tease(\'out\',\'3\');" onclick="swap(\'3\');">Johnson Controls</li>');
document.write('<li id="tsr4" onmouseover="tease(\'over\',\'4\');" onmouseout="tease(\'out\',\'4\');" onclick="swap(\'4\');">DHL</li>');
document.write('<li id="tsr5" onmouseover="tease(\'over\',\'5\');" onmouseout="tease(\'out\',\'5\');" onclick="swap(\'5\');">Haus der Geschichte</li>');
document.write('<li id="tsr6" onmouseover="tease(\'over\',\'6\');" onmouseout="tease(\'out\',\'6\');" onclick="swap(\'6\');">Fidelity Investments</li>');
document.write('<li id="tsr7" onmouseover="tease(\'over\',\'7\');" onmouseout="tease(\'out\',\'7\');" onclick="swap(\'7\');">JobScout24</li>');
document.write('<li id="tsr8" onmouseover="tease(\'over\',\'8\');" onmouseout="tease(\'out\',\'8\');" onclick="swap(\'8\');">Handelsblatt - Finance Today</li>');
document.write('</ul>');

onload = swap("0");