/**
 * @author florian geiges <florian@mediamilkshake.eu>
 * @company mediamilkshake GmbH
 */

var active=1; // beim laden der seite den ersten reiter aktivieren
var path = '/images/frontend/navi/'; // pfad zu den bildchen

function hover(which){
  var i_left, i_middle, i_right;
  i_middle = 'active.gif';
  switch(which){
    case 1:
    if (active != 1) {
      if (active == 2) i_right = 'right_middle_hover.gif';
      else i_right = 'right_middle_active.gif';

      i_left = 'left_left_active.gif';
      document.getElementById('1').style.background = 'url(' + path + i_left + ') no-repeat bottom left';
      document.getElementById('2').style.background = 'url(' + path + i_middle + ') repeat-x bottom left';
      document.getElementById('3').style.background = 'url(' + path + i_right + ') no-repeat bottom left';
    }
    break;
    case 2:
      if (active != 2) {
        if (active == 1) i_left = 'left_middle_hover.gif';
        else i_left = 'left_middle_active.gif';
        if (active == 3) i_right = 'right_middle_hover.gif';
        else i_right = 'right_middle_active.gif';

        document.getElementById('3').style.background = "url(" + path + i_left + ") no-repeat bottom left";
        document.getElementById('4').style.background = "url(" + path + i_middle + ") repeat-x bottom left";
        document.getElementById('5').style.background = "url(" + path + i_right + ") no-repeat bottom left";
      }
    break;
    case 3:
      if (active != 3) {
        if (active == 2) i_left = 'left_middle_hover.gif';
        else i_left = 'left_middle_active.gif';
        if (active == 4) i_right = 'right_middle_hover.gif';
        else i_right = 'right_middle_active.gif';

        document.getElementById('5').style.background = "url('" + path + i_left + "') no-repeat bottom left";
        document.getElementById('6').style.background = "url('" + path + i_middle + "') repeat-x bottom left";
        document.getElementById('7').style.background = "url('" + path + i_right + "') no-repeat bottom left";
      }
    break;
    case 4:
      if (active != 4) {
        if (active == 3) i_left = 'left_middle_hover.gif';
        else i_left = 'left_middle_active.gif';

        i_right = 'right_right_active.gif';
        document.getElementById('7').style.background = "url('" + path + i_left + "') no-repeat bottom left";
        document.getElementById('8').style.background = "url('" + path + i_middle + "') repeat-x bottom left";
        document.getElementById('9').style.background = "url('" + path + i_right + "') no-repeat bottom left";
      }
    break;
  }
}

function dehover(which){
  var i_left, i_middle, i_right;
  i_middle = 'inactive.gif';
  switch(which){
    case 1:
      if(active != 1){
        if(active == 2) i_right='left_middle_active.gif';
        else i_right='right_middle_inactive.gif';
        i_left ='left_left_inactive.gif';
        document.getElementById('1').style.background='url('+path + i_left+') no-repeat bottom left';
        document.getElementById('2').style.background='url('+path + i_middle+') repeat-x bottom left';
        document.getElementById('3').style.background='url('+path + i_right+') no-repeat bottom left';
      }
    break;
    case 2:
      if (active != 2) {
        if (active == 1)
          i_left = 'right_middle_active.gif';
        else
          i_left = 'right_middle_inactive.gif';

        if (active == 3) i_right = 'left_middle_active.gif';
        else i_right = 'right_middle_inactive.gif';

        document.getElementById('3').style.background = 'url(' + path + i_left + ') no-repeat bottom left';
        document.getElementById('4').style.background = 'url(' + path + i_middle + ') repeat-x bottom left';
        document.getElementById('5').style.background = 'url(' + path + i_right + ') no-repeat bottom left';
      }
    break;
    case 3:
      if (active != 3) {
        if(active != 2) i_left = 'right_middle_inactive.gif';
        else i_left = 'right_middle_active.gif';
        if (active == 4)  i_right = 'left_middle_active.gif';
        else i_right = 'right_middle_inactive.gif';
        document.getElementById('5').style.background = 'url(' + path + i_left + ') no-repeat bottom left';
        document.getElementById('6').style.background = 'url(' + path + i_middle + ') repeat-x bottom left';
        document.getElementById('7').style.background = 'url(' + path + i_right + ') no-repeat bottom left';
      }
    break;
    case 4:
      if (active != 4) {
        if (active == 3)
          i_left = 'right_middle_active.gif';
        else
          i_left = 'right_middle_inactive.gif';
        i_right = 'right_right_inactive.gif';
        document.getElementById('7').style.background = 'url(' + path + i_left + ') no-repeat bottom left';
        document.getElementById('8').style.background = 'url(' + path + i_middle + ') repeat-x bottom left';
        document.getElementById('9').style.background = 'url(' + path + i_right + ') no-repeat bottom left';
      }
    break;
  }
}

function activate(which){
  var i_left, i_middle, i_right;
  active=which;
  switch(which){
    case 1:
      i_left = 'left_left_active.gif';
      i_middle = 'active.gif';
      i_right = 'right_middle_active.gif';
      document.getElementById('1').style.background='url('+path+i_left+') no-repeat bottom left';
      document.getElementById('2').style.background='url('+path+i_middle+') repeat-x bottom left';
      document.getElementById('3').style.background='url('+path+i_right+') no-repeat bottom left';
      document.getElementById('content_1').style.visibility = 'visible';
    break;
    case 2:
      i_left = 'left_middle_active.gif';
      i_middle = 'active.gif';
      i_right = 'right_middle_active.gif';
      document.getElementById('3').style.background='url('+path+i_left+') no-repeat bottom left';
      document.getElementById('4').style.background='url('+path+i_middle+') repeat-x bottom left';
      document.getElementById('5').style.background='url('+path+i_right+') no-repeat bottom left';
      document.getElementById('content_2').style.visibility = 'visible';
    break;
    case 3:
      i_left = 'left_middle_active.gif';
      i_middle = 'active.gif';
      i_right = 'right_middle_active.gif';
      document.getElementById('5').style.background='url('+path+i_left+') no-repeat bottom left';
      document.getElementById('6').style.background='url('+path+i_middle+') repeat-x bottom left';
      document.getElementById('7').style.background='url('+path+i_right+') no-repeat bottom left';
      document.getElementById('content_3').style.visibility = 'visible';
    break;
    case 4:
      i_left = 'left_middle_active.gif';
      i_middle = 'active.gif';
      i_right = 'right_right_active.gif';
      document.getElementById('7').style.background='url('+path+i_left+') no-repeat bottom left';
      document.getElementById('8').style.background='url('+path+i_middle+') repeat-x bottom left';
      document.getElementById('9').style.background='url('+path+i_right+') no-repeat bottom left';
      document.getElementById('content_4').style.visibility = 'visible';
    break;
  }
}

function deactivate(which){
  var i_left, i_middle, i_right;
  switch(which){
    case 1:
      i_left = 'left_left_inactive.gif';
      i_middle = 'inactive.gif';
      i_right = 'right_middle_inactive.gif';
      document.getElementById('1').style.background='url('+path+i_left+') no-repeat bottom left';
      document.getElementById('2').style.background='url('+path+i_middle+') repeat-x bottom left';
      document.getElementById('3').style.background='url('+path+i_right+') no-repeat bottom left';
      document.getElementById('content_1').style.visibility = 'hidden';
    break;
    case 2:
      i_left = 'right_middle_inactive.gif';
      i_middle = 'inactive.gif';
      i_right = 'right_middle_inactive.gif';
      document.getElementById('3').style.background='url('+path+i_left+') no-repeat bottom left';
      document.getElementById('4').style.background='url('+path+i_middle+') repeat-x bottom left';
      document.getElementById('5').style.background='url('+path+i_right+') no-repeat bottom left';
      document.getElementById('content_2').style.visibility = 'hidden';
    break;
    case 3:
      i_left = 'right_middle_inactive.gif';
      i_middle = 'inactive.gif';
      i_right = 'right_middle_inactive.gif';
      document.getElementById('5').style.background='url('+path+i_left+') no-repeat bottom left';
      document.getElementById('6').style.background='url('+path+i_middle+') repeat-x bottom left';
      document.getElementById('7').style.background='url('+path+i_right+') no-repeat bottom left';
      document.getElementById('content_3').style.visibility = 'hidden';
    break;
    case 4:
      i_left = 'right_middle_inactive.gif';
      i_middle = 'inactive.gif';
      i_right = 'right_right_inactive.gif';
      document.getElementById('7').style.background='url('+path+i_left+') no-repeat bottom left';
      document.getElementById('8').style.background='url('+path+i_middle+') repeat-x bottom left';
      document.getElementById('9').style.background='url('+path+i_right+') no-repeat bottom left';
      document.getElementById('content_4').style.visibility = 'hidden';
    break;
  }
}