var dot_grau='"images/dot_grau.gif"';

dot_grau_img = new Image(); dot_grau_img.src = "images/dot_grau.gif";
dot_rot_img  = new Image(); dot_rot_img.src  = "images/dot_rot.gif";

areas_count = 13;

Wtest = new Image(); Wtest.src = "wohn_color/wohn_01.gif";

for (i=1; i <= areas_count; i++)
{
  img_name = 'wohn_';
  if (i < 10) 
    img_name = img_name + '0';
  img_name = img_name + i;
  
  eval (img_name + 'g= new Image(); ' + img_name + 'g.src="wohn_grau/' + img_name + '.gif"');
  eval (img_name + 'r= new Image(); ' + img_name + 'r.src="wohn_color/' + img_name + '.gif"');
}


for (i=0; i < document.images.length; i++)
  alert (document.images[i].name);

function ListCreate()
{
  this.length = 0;
}

var List = new ListCreate

function Add (Item)
{ 
  List.length++;
  List [List.length-1] = Item;
}

function NewItem (ImgName, ImgForm, ImgText, Areas, WinWidth)
{
  this.ImgName  = ImgName;
  this.ImgForm  = ImgForm;
  this.ImgText  = ImgText;
  this.Areas    = Areas;
  if (WinWidth)
    this.WinWidth = WinWidth;
  else
    this.WinWidth = 0;
}

Add (new NewItem ("01"  , "v", "Rohrleuchte"                    , new Array ("03","06")));
Add (new NewItem ("02_1", "h", "Küchencenter"                   , new Array ("04")));
Add (new NewItem ("02_2", "h", "Küchencenter"                   , new Array ("04")));
Add (new NewItem ("03_1", "q", "Deckenleuchte"                  , new Array ("02")));
Add (new NewItem ("03_2", "q", "Deckenleuchte"                  , new Array ("05", "08")));
Add (new NewItem ("04"  , "h", "Vorzeltleuchte"                 , new Array ("13")));
Add (new NewItem ("05"  , "q", "Wandleuchte"                    , new Array ("01")));
Add (new NewItem ("06_1", "v", "Schaltpanel"                    , new Array ("04"), 500));
Add (new NewItem ("06_2", "h", "Küchencenter mit Batterie- und Wasseranzeige", new Array ("04")));
Add (new NewItem ("47"  , "q", "Dunstabzug"                     , new Array ("04")));
Add (new NewItem ("07_2", "v", "Naßzellenleuchte"               , new Array ("09", "10", "11")));
Add (new NewItem ("08"  , "h", "Deckenleuchte (freihängend)"    , new Array ("05", "08")));
Add (new NewItem ("09"  , "v", "Eckprofil"                      , new Array ("03","06", "07", "12")));
Add (new NewItem ("10"  , "h", "Transistorleuchte"              , new Array ("08")));

Add (new NewItem ("11"  , "h", "Indirekte Beleuchtung"          , new Array ("")));
Add (new NewItem ("12"  , "v", "Kinoleuchte"                    , new Array (""), 600));

Add (new NewItem ("20"  , "h", "Kühlmöbel"                      , new Array ("")));
Add (new NewItem ("21"  , "h", "Möbelleuchte"                   , new Array ("")));
Add (new NewItem ("22"  , "h", "Möbelleuchte"                   , new Array ("")));
Add (new NewItem ("23"  , "h", "Möbelleuchte"                   , new Array ("")));
Add (new NewItem ("24"  , "h", "Möbelleuchte"                   , new Array ("")));
Add (new NewItem ("25"  , "h", "Möbelleuchte"                   , new Array ("")));

Add (new NewItem ("26"  , "h", "Elektronische Komponenten"      , new Array ("")));
Add (new NewItem ("27"  , "h", "Elektronische Komponenten"      , new Array ("")));
Add (new NewItem ("28"  , "h", "Elektronische Komponenten"      , new Array ("")));
Add (new NewItem ("29"  , "h", "Elektronische Komponenten"      , new Array ("")));

Add (new NewItem ("30"  , "h", "ICO-Bus"                        , new Array ("")));

Add (new NewItem ("45"  , "h", "Schaltschränke"                 , new Array ("")));
Add (new NewItem ("55"  , "h", "Schaltschränke"                 , new Array ("")));
Add (new NewItem ("50_54", "h", "Schaltschränke"                , new Array ("")));

Add (new NewItem ("CD23", "h", "Akku-Manager"                   , new Array ("")));
Add (new NewItem ("CD56_1", "h", "Elektronik"                   , new Array ("")));
Add (new NewItem ("CD43_2", "h", "Vorzeltleuchte"               , new Array ("")));

Add (new NewItem ("CD06_1", "h", "Möbeleckprofil"                   , new Array ("")));
Add (new NewItem ("CD11", "h", "Küchencenter"                   , new Array ("")));
Add (new NewItem ("CD18_1", "h", "Deckenleuchte"                   , new Array ("")));
Add (new NewItem ("CD21", "h", "LED-Leiste für Trittstufen und Ambiente", new Array ("")));
Add (new NewItem ("CD25", "h", "LED-Leuchte für Trittstufen und Ambiente", new Array ("")));

function MouseOverIcon (icon_name)
{
  MouseIcon (icon_name, true)
}


function MouseOutIcon (icon_name)
{
  MouseIcon (icon_name, false)
}

function MouseIcon (icon_name, is_active)
{
  if (is_active)
    ChangeIcon (icon_name, dot_rot_img.src);
  else
    ChangeIcon (icon_name, dot_grau_img.src);
    
  for (i=0; i < List.length; i++)
    if (List [i].ImgName == icon_name)
      for (j=0; j < List [i].Areas.length; j++)
        ChangeArea (List [i].Areas [j], is_active);
}
	
function MouseOverArea (area_name)
{
  MouseArea (area_name, true)
}

function MouseOutArea (area_name)
{
  MouseArea (area_name, false)
}

function MouseArea (area_name, is_active)
{
  ChangeArea (area_name, is_active);
  
  for (i=0; i < List.length; i++)
    for (j=0; j < List [i].Areas.length; j++)
      if (List [i].Areas [j] == area_name)
      {
        for (k=0; k < List [i].Areas.length; k++)
          ChangeArea (List [i].Areas[k], is_active) 
          
        if (is_active)
          ChangeIcon (List [i].ImgName, dot_rot_img.src);
        else
          ChangeIcon (List [i].ImgName, dot_grau_img.src);
      }
}

function MouseAll (is_active)
{
  for (i=0; i < List.length; i++)
  {
    if (is_active)
      ChangeIcon (List [i].ImgName, dot_rot_img.src);
    else
      ChangeIcon (List [i].ImgName, dot_grau_img.src);

    for (j=0; j < List [i].Areas.length; j++)
      ChangeArea (List [i].Areas[j], is_active);
  }
}
	
function ChangeIcon (icon_name, img)
{
  if (document.images['T' + icon_name])
  {
    document.images['T' + icon_name].src=img;
    document.images['M1' + icon_name].src=img;
    document.images['M2' + icon_name].src=img;
    document.images['B' + icon_name].src=img;
  }
}	

function ChangeArea (area_name, is_active)
{
  if (document.images ['W' + area_name])
  {
    img_name = 'wohn_' + area_name;
    if (is_active)
      img_name = img_name + 'r';
     else
      img_name = img_name + 'g';
    document.images ['W' + area_name].src = eval (img_name + '.src'); 
  }
}
	
var win = null;

function Zoom (Img)
{

  for (i=0; i < List.length; i++)
    if (List [i].ImgName == Img)
    {
      img_text  = List [i].ImgText;
      img_form  = List [i].ImgForm;
      win_width = List [i].WinWidth;
    }
      
//  if (win != null && ! win.closed)
//    win.close();
  if (win_width == 0)
    if (img_form == "v")
      win_width = 450;
    else if (img_form == "h")
      win_width = 450;
    else 
      win_width = 650;

  win = open ('Zoom.asp?' + parent.mode + ';' + Img + ';' + img_form + ';' + img_text, 'Zoom', 
  'resizable=yes,scrollbars=yes,width=' + win_width + ',height=550,screenX=' + String(screen.availWidth-380) + ',screenY=10');
  win.focus();
}

function ShowIcon (icon_name)
{
  var border_size = 2;
  var img_size = 100;
  var img_text = '';
  for (i=0; i < List.length; i++)
    if (List [i].ImgName == icon_name)
      img_text = List [i].ImgText;
      
  document.write ('<td align=center valign=top><table border="0" cellpadding="0" cellspacing="0">');
  document.write ('<tr><td colspan=3><img border=0 src=' + dot_grau + ' name=T' + icon_name + ' width=' + (img_size + 2*border_size) + ' height = ' + border_size + '></td></tr>');
  document.write ('<tr><td><img border=0 src=' + dot_grau + ' name=M1' + icon_name + ' width=' + (border_size) + ' height = ' + img_size + '></td>');
  
  document.write ('<td><a href=javascript:Zoom("' + icon_name + '") onMouseOver=MouseOverIcon("' + icon_name + '"); onMouseOut=MouseOutIcon("' + icon_name + '"); >' + 
    '<img src=prod_icon/' + icon_name + '.jpg border=0 alt="'+ img_text + '"></a></td>');
  
  document.write ('<td><img border=0 src=' + dot_grau + ' name=M2' + icon_name + ' width=' + (border_size) + ' height = ' + img_size + '></td></tr>');
  
  document.write ('<tr><td colspan=3><img border=0 src=' + dot_grau + ' name=B' + icon_name + ' width=' + (img_size + 2*border_size) + ' height = ' + border_size + '></td></tr>');
  document.write ('</table>')
  document.write ('<div class=imagetext>' + img_text + '</div>');
  document.write ('</td>');
}

function ShowImage (img_name)
{
  var border_size = 2;
  var img_size = 500;
  var img_text = '';
  document.write ('<table border="0" cellpadding="0" cellspacing="0">');
  document.write ('<tr><td colspan=3 bgcolor=red><img border=0 src=' + dot_rot + ' height = ' + border_size + '></td></tr>');
  document.write ('<tr><td bgcolor=red><img border=0 src=' + dot_rot + ' width=' + (border_size) + '></td>');
  
  document.write ('<td><img src=prod/' + img_name + '.jpg border=0 alt="'+ img_text + '"></a></td>');
  
  document.write ('<td bgcolor=red><img border=0 src=' + dot_rot + ' width=' + (border_size) + '></td></tr>');
  
  document.write ('<tr><td colspan=3 bgcolor=red><img border=0 src=' + dot_rot + ' height = ' + border_size + '></td></tr>');
  document.write ('</table>');
}

function ClickArea()
{
  ;
}
	
function ShowArea (area_name)
{
  document.write ('<a href=javascript:ClickArea() onMouseOver=MouseOverArea("' + area_name + '"); onMouseOut=MouseOutArea("' + area_name + '"); >' +
    ' <IMG SRC="wohn_grau/wohn_' + area_name + '.gif" border=0 name=W' + area_name + ' ALT="" /></a>');
}