function show_content_tab1() {
   document.getElementById ('startseite_tab_1').style.backgroundImage = 'url(http://41shirts.com/images/tab_white.png)';
   document.getElementById ('startseite_tab_2').style.backgroundImage = 'url(http://41shirts.com/images/tab_grey.png)';
   document.getElementById ('startseite_tab_3').style.backgroundImage = 'url(http://41shirts.com/images/tab_grey.png)';

   document.getElementById ('startseite_content_inhalt_1').style.visibility = 'visible';
   document.getElementById ('startseite_content_inhalt_2').style.visibility = 'hidden';
   document.getElementById ('startseite_content_inhalt_3').style.visibility = 'hidden';
}

function show_content_tab2() {
   document.getElementById ('startseite_tab_1').style.backgroundImage = 'url(http://41shirts.com/images/tab_grey.png)';
   document.getElementById ('startseite_tab_2').style.backgroundImage = 'url(http://41shirts.com/images/tab_white.png)';
   document.getElementById ('startseite_tab_3').style.backgroundImage = 'url(http://41shirts.com/images/tab_grey.png)';

   document.getElementById ('startseite_content_inhalt_1').style.visibility = 'hidden';
   document.getElementById ('startseite_content_inhalt_2').style.visibility = 'visible';
   document.getElementById ('startseite_content_inhalt_3').style.visibility = 'hidden';
}

function show_content_tab3() {
   document.getElementById ('startseite_tab_1').style.backgroundImage = 'url(http://41shirts.com/images/tab_grey.png)';
   document.getElementById ('startseite_tab_2').style.backgroundImage = 'url(http://41shirts.com/images/tab_grey.png)';
   document.getElementById ('startseite_tab_3').style.backgroundImage = 'url(http://41shirts.com/images/tab_white.png)';

   document.getElementById ('startseite_content_inhalt_1').style.visibility = 'hidden';
   document.getElementById ('startseite_content_inhalt_2').style.visibility = 'hidden';
   document.getElementById ('startseite_content_inhalt_3').style.visibility = 'visible';
}



function change_color(kat,mli,color) {
   var neues_bild = new Image(); // Image-Objekt erzeugen
   neues_bild.src = 'http://41shirts.com/images/color' + color + '.png'; // zweites Bild laden
   document.color_pic.src = neues_bild.src;

  switch (color) {
    case 0:
        var prev_color = 15;
        var next_color = 1;
        break;
    case 1:
        var prev_color = 0;
        var next_color = 4;
        break;
    case 4:
        var prev_color = 1;
        var next_color = 8;
        break;
    case 8:
        var prev_color = 4;
        var next_color = 5;
        break;
    case 5:
        var prev_color = 8;
        var next_color = 18;
        break;
    case 18:
        var prev_color = 5;
        var next_color = 3;
        break;
    case 3:
        var prev_color = 18;
        var next_color = 13;
        break;
    case 13:
        var prev_color = 3;
        var next_color = 7;
        break;
    case 7:
        var prev_color = 13;
        var next_color = 6;
        break;
    case 6:
        var prev_color = 7;
        var next_color = 14;
        break;
    case 14:
        var prev_color = 6;
        var next_color = 19;
        break;
    case 19:
        var prev_color = 14;
        var next_color = 15;
        break;
    case 15:
        var prev_color = 19;
        var next_color = 0;
        break;
  }


   document.getElementById("link_color").href = 'http://41shirts.com/' + mli + '/' + kat + '_t-shirts/color-' + color;
   document.getElementById("link_prev_color").href = "javascript:change_color(" + kat + ",'" + mli + "'," + prev_color + ")";
   document.getElementById("link_next_color").href = "javascript:change_color(" + kat + ",'" + mli + "'," + next_color + ")";

   document.getElementById("link_color").title = '';
   document.color_pic.alt = '';
}


function show_advanced_search() {
   document.getElementById('advanced_search').style.display = 'block';
   document.getElementById('advanced_search_content').style.display = 'block';
   document.getElementById('advanced_search_close').style.display = 'block';
   document.getElementById('advanced_search').style.height = 60;
   document.getElementById('advanced_search_content').style.height = 55;
}

function hide_advanced_search() {
   document.getElementById('advanced_search').style.display = 'none';
   document.getElementById('advanced_search_content').style.display = 'none';
   document.getElementById('advanced_search_close').style.display = 'none';
   document.getElementById('advanced_search').style.height = 1;
   document.getElementById('advanced_search_content').style.height = 1;
}

function set_border_color(id,color) {
   document.getElementById('search_color_0').style.border = 'none';
   document.getElementById('search_color_1').style.border = 'none';
   document.getElementById('search_color_4').style.border = 'none';
   document.getElementById('search_color_8').style.border = 'none';
   document.getElementById('search_color_5').style.border = 'none';
   document.getElementById('search_color_18').style.border = 'none';
   document.getElementById('search_color_3').style.border = 'none';
   document.getElementById('search_color_13').style.border = 'none';
   document.getElementById('search_color_7').style.border = 'none';
   document.getElementById('search_color_6').style.border = 'none';
   document.getElementById('search_color_14').style.border = 'none';
   document.getElementById('search_color_19').style.border = 'none';
   document.getElementById('search_color_15').style.border = 'none';

   document.getElementById(id).style.border = 'solid 3px';
   document.getElementById(id).style.borderColor = 'rgb(230,200,30)';

   document.getElementById('search_color').value = color;
}