/*/////////////////// TEMPLATEBAR.DE \\\\\\\\\\\\\\\\\\\\
//
// This javascript views a custom number of random products.
//
// This script is written and copyrighted by www.codeking.eu
// Author: Frank Herrmann
//
//////////////////// TEMPLATEBAR.DE \\\\\\\\\\\\\\\\\\\\*/

/*
  global vars
*/

var cd_timer, cd_t, cd_fade, cd_isHover;
var cd_id         = new Array();
var cd_name       = new Array();
var cd_rawname    = new Array();
var cd_price      = new Array();
var cd_fullprice  = new Array();
var cd_type       = new Array();
var cd_kat        = new Array();
var cd_subkat     = new Array();
var cd_single     = new Array();
var cd_free     	= new Array();
var cd_nr         = false;
var cd_init       = false;
var cd_resize     = typeof(cd_resize) == 'boolean' ? cd_resize : true;
var cd_baseURL    = 'http://www.modsbar.de';
var cd_basePath   = '/var/www/vhosts/templatebar.de/templatebar.de';
cd_id[0] = 1844;
cd_name[0] = 'Fast Advert';
cd_rawname[0] = 'fast-advert';
cd_fullprice[0] = '100';
cd_price[0] = '17';
cd_type[0] = '';
cd_productLink[0] = 'http://www.modsbar.de/Kostenloses/1844/fast-advert/';
cd_single[0] = '0';

cd_free[0] = '1';

cd_id[1] = 1860;
cd_name[1] = 'Enterpage-v35';
cd_rawname[1] = 'enterpage-v35';
cd_fullprice[1] = '30';
cd_price[1] = '5';
cd_type[1] = '';
cd_productLink[1] = 'http://www.modsbar.de/Web%20Designs/1860/enterpage-v35/';
cd_single[1] = '0';

cd_free[1] = '0';

cd_id[2] = 977;
cd_name[2] = 'Webspell to DZCP Converter';
cd_rawname[2] = 'webspell-to-dzcp-converter';
cd_fullprice[2] = '100';
cd_price[2] = '17';
cd_type[2] = '';
cd_productLink[2] = 'http://www.modsbar.de/Dienstleistungen/977/webspell-to-dzcp-converter/';
cd_single[2] = '0';

cd_free[2] = '1';

cd_id[3] = 1748;
cd_name[3] = 'Enterpage-v34';
cd_rawname[3] = 'enterpage-v34';
cd_fullprice[3] = '15';
cd_price[3] = '5';
cd_type[3] = '';
cd_productLink[3] = 'http://www.modsbar.de/Web%20Designs/1748/enterpage-v34/';
cd_single[3] = '0';

cd_free[3] = '0';

cd_id[4] = 1441;
cd_name[4] = 'Forum Bridge - Grundsystem';
cd_rawname[4] = 'forum-bridge---grundsystem';
cd_fullprice[4] = '5';
cd_price[4] = '5';
cd_type[4] = '';
cd_productLink[4] = 'http://www.modsbar.de/Addons/1441/forum-bridge---grundsystem/';
cd_single[4] = '2';

cd_free[4] = '0';

cd_id[5] = 1529;
cd_name[5] = 'Bluelight sheet';
cd_rawname[5] = 'bluelight-sheet';
cd_fullprice[5] = '21';
cd_price[5] = '7';
cd_type[5] = 'Playerrahmen';
cd_productLink[5] = 'http://www.modsbar.de/Logos%20Icons%20uvm/1529/bluelight-sheet/';
cd_single[5] = '0';

cd_free[5] = '0';

cd_id[6] = 1242;
cd_name[6] = 'Gray Style';
cd_rawname[6] = 'gray-style';
cd_fullprice[6] = '320';
cd_price[6] = '80';
cd_type[6] = 'Designs';
cd_productLink[6] = 'http://www.modsbar.de/Web%20Designs/1242/gray-style/';
cd_single[6] = '0';

cd_free[6] = '0';

cd_id[7] = 601;
cd_name[7] = 'Clandesign blueblack';
cd_rawname[7] = 'clandesign-blueblack';
cd_fullprice[7] = '20';
cd_price[7] = '20';
cd_type[7] = 'Designs';
cd_productLink[7] = 'http://www.modsbar.de/Web%20Designs/601/clandesign-blueblack/';
cd_single[7] = '2';

cd_free[7] = '0';

cd_id[8] = 954;
cd_name[8] = 'Logo-Wappen-v18';
cd_rawname[8] = 'logo-wappen-v18';
cd_fullprice[8] = '15';
cd_price[8] = '5';
cd_type[8] = 'Logos';
cd_productLink[8] = 'http://www.modsbar.de/Logos%20Icons%20uvm/954/logo-wappen-v18/';
cd_single[8] = '0';

cd_free[8] = '0';

cd_id[9] = 336;
cd_name[9] = 'Globales E-Mail Design';
cd_rawname[9] = 'globales-e-mail-design';
cd_fullprice[9] = '10';
cd_price[9] = '10';
cd_type[9] = '';
cd_productLink[9] = 'http://www.modsbar.de/Addons/336/globales-e-mail-design/';
cd_single[9] = '2';

cd_free[9] = '0';

cd_id[10] = 89;
cd_name[10] = 'Radio - Streamserver Addon';
cd_rawname[10] = 'radio---streamserver-addon';
cd_fullprice[10] = '5';
cd_price[10] = '5';
cd_type[10] = '';
cd_productLink[10] = 'http://www.modsbar.de/Addons/89/radio---streamserver-addon/';
cd_single[10] = '2';

cd_free[10] = '0';

cd_id[11] = 1156;
cd_name[11] = 'Wartungsseite';
cd_rawname[11] = 'wartungsseite';
cd_fullprice[11] = '100';
cd_price[11] = '17';
cd_type[11] = '';
cd_productLink[11] = 'http://www.modsbar.de/Web%20Designs/1156/wartungsseite/';
cd_single[11] = '0';

cd_free[11] = '1';

cd_id[12] = 262;
cd_name[12] = 'beJust Portfolio';
cd_rawname[12] = 'bejust-portfolio';
cd_fullprice[12] = '5994';
cd_price[12] = '999';
cd_type[12] = 'Designs';
cd_productLink[12] = 'http://www.modsbar.de/Web%20Designs/262/bejust-portfolio/';
cd_single[12] = '0';

cd_free[12] = '0';

cd_id[13] = 1193;
cd_name[13] = 'forsaleBAR2';
cd_rawname[13] = 'forsalebar2';
cd_fullprice[13] = '150';
cd_price[13] = '50';
cd_type[13] = 'Designs';
cd_productLink[13] = 'http://www.modsbar.de/Web%20Designs/1193/forsalebar2/';
cd_single[13] = '0';

cd_free[13] = '0';

cd_id[14] = 69;
cd_name[14] = 'Team- u. Squadansicht + TeamRoster mit Minipic Mod';
cd_rawname[14] = 'team--u.-squadansicht-+-teamroster-mit-minipic-mod';
cd_fullprice[14] = '15';
cd_price[14] = '15';
cd_type[14] = '';
cd_productLink[14] = 'http://www.modsbar.de/Modifikationen/69/team--u.-squadansicht-+-teamroster-mit-minipic-mod/';
cd_single[14] = '2';

cd_free[14] = '0';


function setOpacity_cD(objID, opacity) 
{
  var obj = document.getElementById(objID);
      obj.style.filter       = "alpha(opacity:"+opacity+")";
      obj.style.KHTMLOpacity = opacity/100;
      obj.style.MozOpacity   = opacity/100;
      obj.style.opacity      = opacity/100;
}

function getOpacity_cD(objID)
{
  var obj = document.getElementById(objID);
  if(obj.filters)                 return !obj.filters.alpha.opacity ? 0 : obj.filters.alpha.opacity/100;
  else if(obj.style.KHTMLOpacity) return !obj.style.KHTMLOpacity ? 0 : obj.style.KHTMLOpacity;
  else if(obj.style.MozOpacity)   return !obj.style.MozOpacity ? 0 : obj.style.MozOpacity;
  else                            return !obj.style.opacity ? 0 : obj.style.opacity;
}

function fade_cD(element_id1, element_id2)
{
  if(!this.proc)
  {
    setOpacity_cD(element_id1, 100);
    setOpacity_cD(element_id2, 0);
    this.proc = window.setInterval ('fade_cD(\'' + element_id1 + '\', \'' + element_id2 + '\')', 90);
    cd_fade = true;
  } else {
    var e  = document.getElementById(element_id1);
    var e2 = document.getElementById(element_id2);

    var opacity1 = getOpacity_cD(element_id1);
    var opacity2 = getOpacity_cD(element_id2);

    if(opacity1 != 0)
    {
      opacity1 -= 0.10;
      opacity2 += 0.10;

      setOpacity_cD(element_id1, parseInt(opacity1*100));
      setOpacity_cD(element_id2, parseInt(opacity2*100));
    } else {
      setOpacity_cD(element_id1, 0);
      setOpacity_cD(element_id2, 100);
      if(document.getElementById(element_id1)) document.getElementById('cDContainer').removeChild(document.getElementById(element_id1));
   
      window.clearInterval (this.proc);
      this.proc = null;
      cd_fade = null;
    }
  }
}

function switch_cD()
{
  if(cd_id.length >= 1 && !cd_fade)
  {
    document.getElementById('cDContainer').style.fontFamily      = cd_fontfamily;
    document.getElementById('cDContainer').style.fontSize        = cd_fontsize + 'px';
    document.getElementById('cDContainer').style.color           = cd_fontcolor;
    document.getElementById('cDContainer').style.backgroundColor = cd_bg;
    document.getElementById('cDContainer').style.borderColor     = cd_bordercolor;
    document.getElementById('cDContainer').style.width           = parseInt((cd_imgdim > 300 ? 300 : cd_imgdim) + 4) + 'px';
    document.getElementById('cDContainer').style.height          = parseInt((cd_imgdim > 300 ? 300 : cd_imgdim) + 4) + 'px';
  
    if(cd_init == true) cd_nr++;  else cd_nr = 0;

    if(cd_nr == cd_id.length) cd_nr = 0;

    
    var e = cd_nr;

    var productDiv = document.createElement('div');
        productDiv.setAttribute('id', 'item' + e);
        productDiv.style.position = 'absolute';
        productDiv.style.zIndex = '99999';
        productDiv.style.width = (cd_imgdim > 300 ? 300 : cd_imgdim) + 'px';
        productDiv.style.height = (cd_imgdim > 300 ? 300 : cd_imgdim) + 'px';
        productDiv.style.top = '0';
        productDiv.style.left = '0';
    document.getElementById('cDContainer').appendChild(productDiv);
    
    if(cd_nr != 0) {
      setOpacity_cD('item' + cd_nr , 0);
    }
    
    productDiv.innerHTML = 
       '  <a href="' + cd_productLink + '" target="_blank"'
     + '   style="font-weight:bold;text-decoration:none;color:' + cd_linkcolor + '">'
     + '    <span style="position:absolute;left:2px;top:13px;background-color:#FFF;padding:1px 4px">' + cd_name[e] + '</span>'     
     + '    <img id="cDImg" src="' + cd_baseURL + '/images/' + cd_id[e] + '/' + cd_rawname[e] + '/small_' + (cd_imgdim > 300 ? 300 : cd_imgdim) + '.jpg"'
     + '     style="width:' + (cd_imgdim > 300 ? 300 : cd_imgdim) + 'px;height:' + (cd_imgdim > 300 ? 300 : cd_imgdim) + 'px;margin:2px;border:0;float:left"'
     + '     title="klicke hier um zum Produkt ' + cd_name[e] + ' zu gelangen!" alt=""'
     + '     onmouseover="hover_cD()" onmouseout="out_cD()" />'
     + '  </a>';

    if(cd_nr != 0) {
      fade_cD('item' + parseInt(e - 1), 'item' + e);
    }

// preload next image
    var cd_pid = (e+1) == (cd_id.length-1) ? 0 : e+1;
    var cd_preload = new Image();
        cd_preload.src = cd_baseURL + '/images/' + cd_id[cd_pid] + '/' + cd_rawname[cd_pid] + '/small_' + (cd_imgdim > 300 ? 300 : cd_imgdim) + '.jpg';

    cd_timer = window.setTimeout("switch_cD()",cd_sec * 1000);
  } else if(cd_fade) cd_timer = window.setTimeout("if(!cd_isHover)switch_cD();", 500);
}

function hover_cD()
{
  cd_isHover = true;
  clearTimeout(cd_timer);
  if(cd_resize == true) resize_cD();
}

function out_cD()
{
  cd_isHover = false;
  if(document.getElementById('cDInfo')) document.getElementById('cDContainer').removeChild(document.getElementById('cDInfo'));        
  document.getElementById('cDContainer').style.width = parseInt((cd_imgdim > 300 ? 300 : cd_imgdim) + 4) + 'px';
  cd_timer = window.setTimeout("switch_cD()",cd_sec * 1000);
}

function init_cD()
{
  document.write('<div id="cDHolder" style="position:relative;width:' + parseInt((cd_imgdim > 300 ? 300 : cd_imgdim) + 4) + 'px;height:' + parseInt((cd_imgdim > 300 ? 300 : cd_imgdim) + 4) + 'px"><div id="cDContainer"><span style="color:' + cd_bg + '">.</span></div></div>');

  document.getElementById('cDContainer').style.border    = '1px solid';
  document.getElementById('cDContainer').style.textAlign = 'center';
  document.getElementById('cDContainer').style.position  = 'absolute';
  document.getElementById('cDContainer').style.left      = 0;
  document.getElementById('cDContainer').style.top       = 0;
    
  switch_cD();
  cd_init = true;
}

function resize_cD()
{
  var e = cd_nr;
  var obj = document.getElementById('cDContainer');
  
    obj.style.width = parseInt((cd_imgdim > 300 ? 300 : cd_imgdim)+4+250) + 'px';
  
    var infoDiv = document.createElement('div');
        infoDiv.setAttribute('id', 'cDInfo');
        
    obj.appendChild(infoDiv);
  
    infoDiv.style.padding         = '4px';
    infoDiv.style.paddingLeft     = parseInt((cd_imgdim > 300 ? 300 : cd_imgdim)) + 'px';
    infoDiv.style.backgroundColor = cd_bg;

    if(cd_single[e] == 0 && cd_free[e] == 0) {
      var price = ' <span style="display:block;padding:3px 0">Einzelpreis:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + cd_price[e] + '&nbsp;</span>'
                + ' <span style="display:block;padding:3px 0">Exklusivpreis:&nbsp;&nbsp;&nbsp;&nbsp;' + cd_fullprice[e] + '&nbsp;</span>';
    } else if(cd_single[e] == 2 && cd_free[e] == 0) {
      var price = ' <span style="display:block;padding:3px 0">Einzelpreis:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + cd_price[e] + '&nbsp;</span>';
    } else if(cd_single[e] == 1 && cd_free[e] == 0) {
      var price = ' <span style="display:block;padding:3px 0">Exklusivpreis:&nbsp;&nbsp;&nbsp;&nbsp;' + cd_fullprice[e] + '&nbsp;</span>';
    } else if(cd_single[e] == 2 && cd_free[e] == 1) {
      var price = ' <span style="display:block;padding:3px 0"><span style="padding-left:98px;" class="green">kostenlos</span></span>';
    } 
    
    infoDiv.innerHTML = '<span style="position:absolute;right:4px;top:4px;">#' + cd_id[e] + '</span>'
                      + '<div style="text-align:left;display:block;margin-left:10px;margin-top:' + parseInt((cd_imgdim > 300 ? 300 : cd_imgdim)/2-80) + 'px">'
                      + ' <span style="display:block;padding:10px 5px;padding-bottom:0">Produktart:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + cd_type[e] + '</span>'
                      + ' <span style="display:block;padding:10px 5px;padding-top:0">Kategorie:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + cd_subkat[e] + '</span><br /><br />'
                      + price
                      + '</div>';
}

init_cD();