window.onload = function()
{
  var c = $('showroomPlaceholder');
  if(c)
  {
     CCL.Init('Shop', start);
  }
}

function start()
{
  if(CCL.Debug)
    CCL.Warn('CCL load complete.');
  
  CCL.Shop.Init();
	CCL.LoadClass('Deck');
	CCL.Deck.UseBrowserHash = true;
  CCL.Deck.Create($('showroomContent'), 'main', 'Base', true, navigationLoad);
//	var x = CCL.XML.NewDocument('<items></items>');
//  CCL.XML.Transform(x, '/new/lib/_xsl/showroom.xsl', function(result)
//  {
//    var c = CCL.Deck.AddCard('main', 'showroom', true, result.replace(/LINE-BREAK/g, 'br />'));
//  });

  window.currentShowroom = '';
  window.currentProduct = 0;
  
  window.getDeckName = function() { 
    return window.currentShowroom + '_' + window.currentProduct; 
  };
  
  window.setSelectionFromDeckName = function (deckName) {
    if (deckName == 'Base')
    {
      window.currentShowroom = '';
      window.currentProduct = 0;
      
    }
    else
    {
      var x = deckName.split('_');
      window.currentShowroom = x[0];
      window.currentProduct = x[2];
    }
  };
}

function navigationLoad(deckName)
{
  window.setSelectionFromDeckName(deckName);
  
  /* reset active navigation elements */
  
  var els = $('nav_item').getElementsByTagName('DIV');
  for (var i=0; i <els.length; i++)
  {
    els[i].className = '';
  }
  
 
  if (window.currentShowroom != '') $('nav_item_'+window.currentShowroom).className = 'on';
}

function selectShowroom(item, el)
{
  window.currentShowroom = item;
  loadSelection();
  
  var els = el.parentNode.getElementsByTagName('DIV');
  for (var i=0; i <els.length; i++)
  {
    els[i].className = '';
  }
  
  el.className = 'on';
}

function loadSelection()
{
  if (window.currentShowroom != '')
  {
    window.currentProduct = 0;
    var filter = '';
     
    if (window.currentShowroom != 'Alle')
     filter += '---&lt;showroom&gt;' + window.currentShowroom + '&lt;/showroom&gt;';
    
    if (CCL.Deck.CardExists('main',window.getDeckName()))
    {
      CCL.Deck.ShowCard('main',window.getDeckName());
    }
    else
    {   
      var x = CCL.Shop.ProductList('showroom', filter, true);
      CCL.XML.Transform(x, '/lib/_xsl/showroom.xsl', function(result)
      {
        var c = CCL.Deck.AddCard('main', window.getDeckName(), true, result.replace(/LINE-BREAK/g, '<br />'));
      },{'postback':'true','currentShowroom':window.currentShowroom});
    }
  }
}

function loadProduct(productID)
{
  window.currentProduct = productID;
  
  if (CCL.Deck.CardExists('main',window.getDeckName()))
  {
    CCL.Deck.ShowCard('main',window.getDeckName());
  }
  else
  {   
    // var x = CCL.Shop.ProductGet('showroom', productID);
    var x = CCL.XML.Retrieve('/shop/showroom/' + productID + '.xml');
    CCL.XML.Transform(x.responseXML, '/lib/_xsl/showroom.xsl', function(result)
    {
      var c = CCL.Deck.AddCard('main', window.getDeckName(), true, result.replace(/LINE-BREAK/g, '<br />'));
    },{'postback':'true','currentShowroom':window.currentShowroom,'productID':window.currentProduct});
  }
}

var img;

function showProductImage(node, url)
{
  img = node.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0].getElementsByTagName('IMG')[0];
  setTimeout(function(){img.src = url},1);
  
  var tdTags = node.parentNode.parentNode.getElementsByTagName('TD');
  for (var i=0;i<tdTags.length;i++)
  {
    tdTags[i].className = '';
  }
  
  node.parentNode.className = 'on';
  node.blur();
}