/*/////////////////// 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/kunden/webs/ho210709002/templatebar.de';
cd_id[0] = 282;
cd_name[0] = 'NewsletterMod';
cd_rawname[0] = 'newslettermod';
cd_fullprice[0] = '5';
cd_price[0] = '5';
cd_type[0] = 'DZCP';
cd_kat[0] = 'dzcp';
cd_subkat[0] = 'Version 1.5.4';
cd_single[0] = '2';

cd_free[0] = '0';

cd_id[1] = 318;
cd_name[1] = 'Fixed Serverviewer und Klappanzeige für Spieler';
cd_rawname[1] = 'fixed-serverviewer-und-klappanzeige-fuer-spieler';
cd_fullprice[1] = '100';
cd_price[1] = '17';
cd_type[1] = 'DZCP';
cd_kat[1] = 'dzcp';
cd_subkat[1] = 'Version 1.5.4';
cd_single[1] = '0';

cd_free[1] = '1';

cd_id[2] = 324;
cd_name[2] = 'Besucher online Flagge';
cd_rawname[2] = 'besucher-online-flagge';
cd_fullprice[2] = '2';
cd_price[2] = '2';
cd_type[2] = 'DZCP';
cd_kat[2] = 'dzcp';
cd_subkat[2] = 'Version 1.5.4';
cd_single[2] = '2';

cd_free[2] = '0';

cd_id[3] = 85;
cd_name[3] = 'Interview Addon';
cd_rawname[3] = 'interview-addon';
cd_fullprice[3] = '5';
cd_price[3] = '5';
cd_type[3] = 'DZCP';
cd_kat[3] = 'dzcp';
cd_subkat[3] = 'Version 1.5.4';
cd_single[3] = '2';

cd_free[3] = '0';

cd_id[4] = 304;
cd_name[4] = 'Infinity multigaming';
cd_rawname[4] = 'infinity-multigaming';
cd_fullprice[4] = '100';
cd_price[4] = '17';
cd_type[4] = 'ref';
cd_kat[4] = 'ref';
cd_subkat[4] = '';
cd_single[4] = '0';

cd_free[4] = '0';

cd_id[5] = 375;
cd_name[5] = 'Logo unnamed4';
cd_rawname[5] = 'logo-unnamed4';
cd_fullprice[5] = '15';
cd_price[5] = '3';
cd_type[5] = 'Logos';
cd_kat[5] = 'logos';
cd_subkat[5] = 'Neutral';
cd_single[5] = '0';

cd_free[5] = '0';

cd_id[6] = 483;
cd_name[6] = 'webSPELL 4.2 Template Blau xHTML/CSS';
cd_rawname[6] = 'webspell-4.2-template-blau-xhtmlcss';
cd_fullprice[6] = '25';
cd_price[6] = '25';
cd_type[6] = 'Templates';
cd_kat[6] = 'templates';
cd_subkat[6] = 'webSPELL';
cd_single[6] = '2';

cd_free[6] = '0';

cd_id[7] = 80;
cd_name[7] = 'New Download Mod';
cd_rawname[7] = 'new-download-mod';
cd_fullprice[7] = '15';
cd_price[7] = '15';
cd_type[7] = 'DZCP';
cd_kat[7] = 'dzcp';
cd_subkat[7] = 'Version 1.5.4';
cd_single[7] = '2';

cd_free[7] = '0';

cd_id[8] = 217;
cd_name[8] = 'Tutorial-Addon';
cd_rawname[8] = 'tutorial-addon';
cd_fullprice[8] = '7';
cd_price[8] = '7';
cd_type[8] = 'DZCP';
cd_kat[8] = 'dzcp';
cd_subkat[8] = 'Version 1.5.4';
cd_single[8] = '2';

cd_free[8] = '0';

cd_id[9] = 432;
cd_name[9] = 'Schlichtes Anime Design';
cd_rawname[9] = 'schlichtes-anime-design';
cd_fullprice[9] = '15';
cd_price[9] = '3';
cd_type[9] = 'Designs';
cd_kat[9] = 'designs';
cd_subkat[9] = 'Neutral';
cd_single[9] = '0';

cd_free[9] = '0';

cd_id[10] = 101;
cd_name[10] = '360 Gaming Blau PSD';
cd_rawname[10] = '360-gaming-blau-psd';
cd_fullprice[10] = '140';
cd_price[10] = '23';
cd_type[10] = 'Designs';
cd_kat[10] = 'designs';
cd_subkat[10] = 'Gaming';
cd_single[10] = '0';

cd_free[10] = '0';

cd_id[11] = 314;
cd_name[11] = 'Download Kategorien';
cd_rawname[11] = 'download-kategorien';
cd_fullprice[11] = '6';
cd_price[11] = '6';
cd_type[11] = 'DZCP';
cd_kat[11] = 'dzcp';
cd_subkat[11] = 'Version 1.5.4';
cd_single[11] = '2';

cd_free[11] = '0';

cd_id[12] = 5;
cd_name[12] = 'TV Gaming';
cd_rawname[12] = 'tv-gaming';
cd_fullprice[12] = '240';
cd_price[12] = '40';
cd_type[12] = 'ref';
cd_kat[12] = 'ref';
cd_subkat[12] = 'DZCP';
cd_single[12] = '0';

cd_free[12] = '0';

cd_id[13] = 299;
cd_name[13] = 'electronic gaming';
cd_rawname[13] = 'electronic-gaming';
cd_fullprice[13] = '140';
cd_price[13] = '140';
cd_type[13] = 'ref';
cd_kat[13] = 'ref';
cd_subkat[13] = 'Gaming';
cd_single[13] = '1';

cd_free[13] = '0';

cd_id[14] = 7;
cd_name[14] = 'Imperial Team';
cd_rawname[14] = 'imperial-team';
cd_fullprice[14] = '432';
cd_price[14] = '72';
cd_type[14] = 'ref';
cd_kat[14] = 'ref';
cd_subkat[14] = '';
cd_single[14] = '0';

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_baseURL + '/' + cd_kat[e] + '/' + cd_id[e] + '/' + cd_rawname[e] + '/" 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;EUR</span>'
                + ' <span style="display:block;padding:3px 0">Exklusivpreis:&nbsp;&nbsp;&nbsp;&nbsp;' + cd_fullprice[e] + '&nbsp;EUR</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;EUR</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;EUR</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();