/*/////////////////// CLANDESIGNS.DE \\\\\\\\\\\\\\\\\\\\
//
// This javascript views a custom number of random products of
// www.clandesigns.de.
//
// This script is written and copyrighted by www.clandesigns.de
// Author: Frank Herrmann
//
//////////////////// CLANDESIGNS.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_nr         = false;
var cd_init       = false;
var cd_resize     = typeof(cd_resize) == 'boolean' ? cd_resize : true;
var cd_baseURL    = 'http://www.clandesigns.de';
var cd_basePath   = '/var/www/web376/html/clandesigns.de';
var cd_premium    = false;

cd_id[0] = 2537;
cd_name[0] = 'Radio Design';
cd_rawname[0] = 'radio-design';
cd_fullprice[0] = '240';
cd_price[0] = '40';
cd_type[0] = 'Designs only';
cd_kat[0] = 'designs-only';
cd_subkat[0] = 'Radio';
cd_single[0] = 0;

cd_id[1] = 2936;
cd_name[1] = 'Abuse of Black';
cd_rawname[1] = 'abuse-of-black';
cd_fullprice[1] = '60';
cd_price[1] = '10';
cd_type[1] = 'Designs only';
cd_kat[1] = 'designs-only';
cd_subkat[1] = 'Gaming';
cd_single[1] = 0;

cd_id[2] = 1091;
cd_name[2] = 'CLAN LOGO 11';
cd_rawname[2] = 'clan-logo-11';
cd_fullprice[2] = '18';
cd_price[2] = '3';
cd_type[2] = 'Logo';
cd_kat[2] = 'logo';
cd_subkat[2] = 'Clanlogo';
cd_single[2] = 0;

cd_id[3] = 655;
cd_name[3] = 'Extremegaming Rot';
cd_rawname[3] = 'extremegaming-rot';
cd_fullprice[3] = '35';
cd_price[3] = '6';
cd_type[3] = 'Templates';
cd_kat[3] = 'templates';
cd_subkat[3] = 'Clansphere';
cd_single[3] = 2;

cd_id[4] = 2779;
cd_name[4] = 'Proartsblau';
cd_rawname[4] = 'proartsblau';
cd_fullprice[4] = '50';
cd_price[4] = '8';
cd_type[4] = 'Templates';
cd_kat[4] = 'templates';
cd_subkat[4] = 'Clansphere';
cd_single[4] = 2;

cd_id[5] = 15;
cd_name[5] = 'Toxic';
cd_rawname[5] = 'toxic';
cd_fullprice[5] = '324';
cd_price[5] = '54';
cd_type[5] = 'Templates';
cd_kat[5] = 'templates';
cd_subkat[5] = 'DZCP';
cd_single[5] = 0;

cd_id[6] = 2040;
cd_name[6] = 'Red-ARTS';
cd_rawname[6] = 'red-arts';
cd_fullprice[6] = '0';
cd_price[6] = '0';
cd_type[6] = 'Templates';
cd_kat[6] = 'templates';
cd_subkat[6] = 'Clansphere';
cd_single[6] = 0;

cd_id[7] = 400;
cd_name[7] = 'HostingDesign - Blau';
cd_rawname[7] = 'hostingdesign---blau';
cd_fullprice[7] = '17';
cd_price[7] = '3';
cd_type[7] = 'Templates';
cd_kat[7] = 'templates';
cd_subkat[7] = 'Teklab';
cd_single[7] = 2;

cd_id[8] = 2929;
cd_name[8] = 'Einfaches Toplist Template Blau';
cd_rawname[8] = 'einfaches-toplist-template-blau';
cd_fullprice[8] = '15';
cd_price[8] = '3';
cd_type[8] = 'Designs only';
cd_kat[8] = 'designs-only';
cd_subkat[8] = 'Toplisten';
cd_single[8] = 0;

cd_id[9] = 1123;
cd_name[9] = 'Redstyle';
cd_rawname[9] = 'redstyle';
cd_fullprice[9] = '14';
cd_price[9] = '2';
cd_type[9] = 'Designs only';
cd_kat[9] = 'designs-only';
cd_subkat[9] = 'Gaming';
cd_single[9] = 0;

cd_id[10] = 2642;
cd_name[10] = 'Fireball';
cd_rawname[10] = 'fireball';
cd_fullprice[10] = '48';
cd_price[10] = '8';
cd_type[10] = 'Logo';
cd_kat[10] = 'logo';
cd_subkat[10] = 'Clanlogo';
cd_single[10] = 0;

cd_id[11] = 2251;
cd_name[11] = 'Clandesign #4';
cd_rawname[11] = 'clandesign-4';
cd_fullprice[11] = '30';
cd_price[11] = '5';
cd_type[11] = 'Designs only';
cd_kat[11] = 'designs-only';
cd_subkat[11] = 'Gaming';
cd_single[11] = 0;

cd_id[12] = 2437;
cd_name[12] = 'Logo-Wappen11';
cd_rawname[12] = 'logo-wappen11';
cd_fullprice[12] = '20';
cd_price[12] = '3';
cd_type[12] = 'Logo';
cd_kat[12] = 'logo';
cd_subkat[12] = 'Clanlogo';
cd_single[12] = 0;

cd_id[13] = 2017;
cd_name[13] = 'lOgfiles Logo';
cd_rawname[13] = 'logfiles-logo';
cd_fullprice[13] = '30';
cd_price[13] = '5';
cd_type[13] = 'Logo';
cd_kat[13] = 'logo';
cd_subkat[13] = 'Clanlogo';
cd_single[13] = 0;

cd_id[14] = 2838;
cd_name[14] = 'Clansphere CMS Installation';
cd_rawname[14] = 'clansphere-cms-installation';
cd_fullprice[14] = '5';
cd_price[14] = '1';
cd_type[14] = 'Leistungen';
cd_kat[14] = 'leistungen';
cd_subkat[14] = 'Clansphere';
cd_single[14] = 2;


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);
    }
    

    var cd_nopremium = (cd_premium) ? '' 
                     :'<span style="position:absolute;left:2px;bottom:0;background-color:#FFF;padding:1px 4px;color:red;font-weight:normal">Premium-Mitgliedschaft abgelaufen</span>';
     
    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>' + cd_nopremium
     
     + '    <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) {
	var einzel = ' <span style="display:block;padding:3px 0">Einzelpreis:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + cd_price[e] + '&nbsp;&euro;</span>';
    	var exclus = ' <span style="display:block;padding:3px 0">Exklusivpreis:&nbsp;&nbsp;&nbsp;&nbsp;' + cd_fullprice[e] + '&nbsp;&euro;</span>';
    }
    else if(cd_single[e]==1) {
	var einzel = '';
    	var exclus = ' <span style="display:block;padding:3px 0">Exklusivpreis:&nbsp;&nbsp;&nbsp;&nbsp;' + cd_fullprice[e] + '&nbsp;&euro;</span>';
    }
    else {
	var einzel = ' <span style="display:block;padding:3px 0">Einzelpreis:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + cd_price[e] + '&nbsp;&euro;</span>';
    	var exclus = '';
    }
    
    
    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;' + 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 />'
                      + einzel
                      + exclus
                      + '</div>';
}

init_cD();