/* Topbarens HTML-kode placeres i en streng ("tbhtml"), som scriptet derefter indsætter på sin egen plads.
Da nedenstående faktisk er en definering af en variabel er det nødvendigt at skrive ("\n" +) "\" (back-slash)
før hvert linjeskift i koden. Det er også absolut nødvendigt at undlade brug af "'" (enkelt-citationstegn)
uden at escape'e tegnet med back-slash: "\'" */

var tbhtml = '\n\
<div id="topbar">\n\
  <a id="topbar-logo" href="http://midtjyskemedier.dk/"></a>\n\
\n\
  <select>\n\
    <option style="font-style: italic;">V&aelig;lg underside</option>\n\
    <option style="background-color: #cccccc;">Midtjyske Medier</option>\n\
    <option value="stiften"> - &Aring;rhus Stiftstidende</option>\n\
    <option value="amtsavisen"> - Randers Amtsavis</option>\n\
    <option value="dhs"> - Dagbladet Holstebro-Struer</option>\n\
    <option value="drs"> - Dagbladet Ringk&oslash;bing-Skjern</option>\n\
    <option value="lemvig"> - Folkebladet Lemvig</option>\n\
    <option value="viborg"> - Viborg Stifts Folkeblad</option>\n\
    <option value="radioviborg"> - radioviborg.dk</option>\n\
    <option value="aoa"> - aoa.dk</option>\n\
    <option value="blog"> - stiftenblog.dk</option>\n\
    <option value="ugeaviser"> - Ugeaviser</option>\n\
    <option value="budnet"> - Budnet.dk</option>\n\
    <option style="background-color: #cccccc;">Berlingske Officin</option>\n\
    <option value="bt"> - BT.dk</option>\n\
    <option value="berlingske"> - Berlingske.dk</option>\n\
	<option value="sporten"> - sporten.dk</option>\n\
    <option value="urban"> - Urban.dk</option>\n\
    <option value="business"> - Business.dk</option>\n\
    <option value="erhverv"> - erhvervsbladet.dk</option>\n\
    <option value="boligen"> - boligen.dk</option>\n\
    <option value="bilzonen"> - bilzonen.dk</option>\n\
    <option value="jobzonen"> - jobzonen.dk</option>\n\
    <option value="rejseliv"> - rejseliv.dk</option>\n\
    <option value="findalt"> - findalt.dk</option>\n\
    <option value="lidtmere"> - lidtmere.dk</option>\n\
    <option value="weekendavisen"> - weekendavisen.dk</option>\n\
    <option value="berlingske-avistryk"> - berlingske-avistryk.dk</option>\n\
  </select>\n\
\n\
	<ul>\n\
    <li><a href="http://midtjyskemedier.dk/default.asp?s=midtjyske">Midtjyske Medier</a></li>\n\
    <li><a href="http://midtjyskemedier.dk/default.asp?s=abonnement">Abonnementservice</a></li>\n\
    <li><a href="http://midtjyskemedier.dk/default.asp?s=distribution">Distribution</a></li>\n\
    <li><a href="http://midtjyskemedier.dk/default.asp?s=kontakt">Kontakt</a></li>\n\
    <li><a href="http://midtjyskemedier.dk/default.asp?s=prislister">Annoncepriser</a></li>\n\
  </ul>\n\
</div>';

// Topbarens css-style placeres i en streng for sig (med dobbelt-citationstegn som streng-afgrænser)
var tbstyle = "\n\
  #topbar {\n\
    position: absolute;\n\
    top: 0px;\n\
    left: 0px;\n\
    width: 100%;\n\
    min-width: 949px;\n\
    height: 33px;\n\
    margin: 0;\n\
    padding: 0;\n\
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;\n\
    font-size: 11px;\n\
    background: #D1D2D4 url('http://stiften.dk/graphics/topbar_background_solid.gif') repeat-x left bottom;\n\
  }\n\
\n\
  #topbar-logo {\n\
    position: absolute;\n\
    bottom: 3px;\n\
    right: 6px;\n\
    display: block;\n\
    width: 162px;\n\
    height: 27px;\n\
    background: transparent url('http://stiften.dk/graphics/topbar_logo_small_trans.gif') no-repeat right bottom;\n\
    cursor: pointer;\n\
    outline: none;\n\
  }\n\
\n\
  #topbar select {\n\
    position: absolute;\n\
    bottom: 7px;\n\
    left: 8px;\n\
    width: 180px;\n\
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;\n\
    font-size: 11px;\n\
  }\n\
\n\
  #topbar ul {\n\
    position: absolute;\n\
    bottom: 10px;\n\
    left: 198px;\n\
    margin: 0;\n\
    padding: 0;\n\
    white-space: nowrap;\n\
  }\n\
  #topbar li {\n\
    display: inline;\n\
    background-image: url('http://stiften.dk/graphics/topbar_arrow_white_trans.gif');\n\
    background-repeat: no-repeat;\n\
    background-position: 2px 1px;\n\
  }\n\
  #topbar li a {\n\
    padding: 0 4px 0 18px;\n\
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;\n\
    font-size: 11px;\n\
    font-weight: bold;\n\
    text-decoration: none;\n\
    color: #737578;\n\
    outline: none;\n\
  }\n\
  #topbar td a:hover {\n\
    color: #636567;\n\
  }\n";

// Stylesheet'et i "tbstyle" indsættes i head
document.write('<style id="topbar-style" type="text/css">' + tbstyle + '</style>');
document.getElementsByTagName("head")[0].appendChild(document.getElementById("topbar-style"));

// Topbarens kode, som blev indsat i strengen "tbhtml", indsættes på scriptets sted i dokumentet
document.write(tbhtml);


// Hvis topbaren ligger direkte i "body", indstilles sidens marginer for at give plads
// (Er topbaren indsat andetsteds på siden, må det omsluttende element justeres)
if (document.getElementById("topbar").parentNode == document.body) {
  document.getElementById("topbar").style.height = "32px";

  document.body.style.marginTop = "36px";
  document.body.style.marginLeft = "0";
  document.body.style.marginRight = "0";
}


// Ved valg af punkt i selektions-menuen bliver brugeren automatisk videresendt til den tilsvarende side
var tbselect = document.getElementById("topbar").getElementsByTagName("select")[0];
tbselect.onchange = function () {
  switch (tbselect.value) {
    case "stiften":
      window.location = "http://stiften.dk";
      break;
    case "amtsavisen":
      window.location = "http://amtsavisen.dk";
      break;
    case "dhs":
      window.location = "http://dagbladet-holstebro-struer.dk";
      break;
    case "drs":
      window.location = "http://dagbladetringskjern.dk";
      break;
    case "lemvig":
      window.location = "http://folkebladetlemvig.dk";
      break;
    case "viborg":
      window.location = "http://viborg-folkeblad.dk";
      break;
    case "radioviborg":
      window.location = "http://radioviborg.dk";
      break;
    case "aoa":
      window.location = "http://aoa.dk";
      break;
    case "blog":
      window.location = "http://stiftenblog.dk";
      break;
    case "ugeaviser":
      window.location = "http://midtjyskemedier.dk/default.asp?s=kontakt#ugeaviser";
      break;
    case "budnet":
      window.location = "http://budnet.dk";
      break;
    case "bt":
      window.location = "http://bt.dk";
      break;
    case "sporten":
      window.location = "http://sporten.dk";
      break;
	case "berlingske":
      window.location = "http://berlingske.dk";
      break;
    case "urban":
      window.location = "http://urban.dk";
      break;
    case "business":
      window.location = "http://business.dk";
      break;
    case "erhverv":
      window.location = "http://erhvervsbladet.dk";
      break;
    case "boligen":
      window.location = "http://boligen.dk";
      break;
    case "bilzonen":
      window.location = "http://bilzonen.dk";
      break;
    case "jobzonen":
      window.location = "http://jobzonen.dk";
      break;
    case "rejseliv":
      window.location = "http://rejseliv.dk";
      break;
    case "findalt":
      window.location = "http://findalt.dk";
      break;
    case "lidtmere":
      window.location = "http://lidtmere.dk";
      break;
    case "weekendavisen":
      window.location = "http://weekendavisen.dk";
      break;
    case "berlingske-avistryk":
      window.location = "http://www.berlingske-avistryk.dk";
      break;
  }
}


// Denne funktion får pilene ud for hvert menupunkt til at pulsere ved mouse-over.
// Funktionen og den efterfølgende aktivering af funktionen kan fjernes uden konsekvenser for resten af dokumentet.
function topbar_arrows_pulse(tbintitem, tbintmode) {
  var tblink = document.getElementById("topbar").getElementsByTagName("li")[tbintitem];

  clearTimeout(tblink.cpTbTimer);

  var tbintbp = parseInt(tblink.style.backgroundPosition.split(" ")[0]);
  if (tbintmode == 1) {
    tblink.style.backgroundPosition = (tbintbp - 1) + "px 1px";

    if (tbintbp > 1) {
      tblink.cpTbTimer = setTimeout("topbar_arrows_pulse(" + tbintitem + ", 1);", 30);
    } else {
      tblink.cpTbTimer = setTimeout("topbar_arrows_pulse(" + tbintitem + ", 2);", 30);
    }
  } else if (tbintmode == 2 && tbintbp < 4) {
    tblink.style.backgroundPosition = (tbintbp + 1) + "px 1px";

    tblink.cpTbTimer = setTimeout("topbar_arrows_pulse(" + tbintitem + ", 2);", 30);
  }
}

// Ved mouseover i link-menuen aktiveres pilenes bevægelse én gang frem og tilbage - slået fra for IE6 eller ringere
if (window.XMLHttpRequest) {
  var tblis = document.getElementById("topbar").getElementsByTagName("li");
  for (var tbi = 0; tbi < tblis.length; tbi++) {
    tblis[tbi].style.backgroundPosition = "4px 1px";
    tblis[tbi].cpTbNum = tbi;

    tblis[tbi].onmouseover = function () { topbar_arrows_pulse(this.cpTbNum, 1); }
    tblis[tbi].onmouseout = function () { topbar_arrows_pulse(this.cpTbNum, 2); }
  }
}