// JavaScript Document


function changeMainColor(farbe)
{
document.getElementById('aussenfarbe').innerHTML = '<img src="fileadmin/images/garagenplaner/aussenfarbe/' + farbe + '.gif" />';
}

function changeMainColorDD_li(farbe)
{
document.getElementById('aussenfarbe_li').innerHTML = '<img src="fileadmin/images/garagenplaner/doppelgarage/aussenfarbe/' + farbe + '_li.gif" />';
document.getElementById('aussenfarbe_re').innerHTML = '<img src="fileadmin/images/garagenplaner/doppelgarage/aussenfarbe/' + farbe + '_re.gif" />';
}


function changeBorderColor(farbe)
{
document.getElementById('dachrand').innerHTML = '<img src="fileadmin/images/garagenplaner/dachrand/' + farbe + '.gif" width="500" height="13" />';
}

function changeBorderColorDD_li(farbe)
{
document.getElementById('dachrand_li').innerHTML = '<img src="fileadmin/images/garagenplaner/doppelgarage/dachrand/' + farbe + '_li.gif" height="10" width="410" />';
document.getElementById('dachrand_re').innerHTML = '<img src="fileadmin/images/garagenplaner/doppelgarage/dachrand/' + farbe + '_re.gif" height="10" width="410" />';
}


function changeMainDoorColor(farbe)
{
document.getElementById('garagentor').innerHTML = '<img src="fileadmin/images/garagenplaner/tor/' + farbe + '.gif" width="409"  />';
}

function changeMainDoorColorDD_li(farbe)
{
   if (farbe == 'hellgrau')
   {
//      document.getElementById('garagendesigntor_li').innerHTML = '';
//      document.getElementById('garagendesigntor_re').innerHTML = '';
closeDoor_li()
   }
   else
   {
      document.getElementById('garagendesigntor_li').innerHTML = '<img src="fileadmin/images/garagenplaner/tor/' + farbe + '.gif" width="338" />';
      document.getElementById('garagendesigntor_re').innerHTML = '<img src="fileadmin/images/garagenplaner/tor/' + farbe + '.gif" width="338" />';
   }
}



function changeMainDoor(nummer)
{
document.getElementById('garagentor').innerHTML = '<img src="fileadmin/images/garagenplaner/tor/' + nummer + '.jpg" width="409"  />';
}

function changeMainDoorDD_li(nummer)
{
document.getElementById('garagendesigntor_li').innerHTML = '<img src="fileadmin/images/garagenplaner/tor/' + nummer + '.jpg" width="338"  />';
document.getElementById('garagendesigntor_re').innerHTML = '<img src="fileadmin/images/garagenplaner/tor/' + nummer + '.jpg" width="338"  />';
}







function hideSanierContents()
{
document.getElementById('c183').style.display = "none";
document.getElementById('c184').style.display = "none";
document.getElementById('c185').style.display = "none";
document.getElementById('c186').style.display = "none";
document.getElementById('c187').style.display = "none";
document.getElementById('c188').style.display = "none";
document.getElementById('c189').style.display = "none";
document.getElementById('c190').style.display = "none";
document.getElementById('c191').style.display = "none";
document.getElementById('c192').style.display = "none";
document.getElementById('c193').style.display = "none";
document.getElementById('c194').style.display = "none";
document.getElementById('c195').style.display = "none";
document.getElementById('c196').style.display = "none";
document.getElementById('c197').style.display = "none";
document.getElementById('c198').style.display = "none";
document.getElementById('c199').style.display = "none";
document.getElementById('c200').style.display = "none";
document.getElementById('c201').style.display = "none";
document.getElementById('c202').style.display = "none";
}




function closeDoor()
{
   showDefaultDoor()

      for (var i = 1 ; i < 8 ; i ++ )
      {
         document.getElementById('part' + i).style.display = 'block';
      }
}

function closeDoor_li()
{
   showDefaultDoor()

      for (var i = 1 ; i < 8 ; i ++ )
      {
         document.getElementById('part' + i + '_li').style.display = 'block';
         document.getElementById('part' + i + '_re').style.display = 'block';
      }
}