document.write('<div id="bild2" style="position: absolute; top: 0px; left: 0px; z-index: 2;"><img id=ss_bild2></div>				    <div id="bild1" style="position: absolute; top: 0px; left: 0px; z-index: 1;"><img id=ss_bild1></div><img src="/template/Friseur-Rot/images/sliderbutton.jpg" id="ss_button_0" onclick="ck_slide(0);" style="cursor: pointer;"><img src="/template/Friseur-Rot/images/sliderbutton.jpg" id="ss_button_1" onclick="ck_slide(1);" style="cursor: pointer;"><img src="/template/Friseur-Rot/images/sliderbutton.jpg" id="ss_button_2" onclick="ck_slide(2);" style="cursor: pointer;"><img src="/template/Friseur-Rot/images/sliderbutton.jpg" id="ss_button_3" onclick="ck_slide(3);" style="cursor: pointer;"><img src="/template/Friseur-Rot/images/sliderbutton.jpg" id="ss_button_4" onclick="ck_slide(4);" style="cursor: pointer;">');//==================================================================================================
// CodeKing Slideshow
//==================================================================================================
// Author:                Frank Herrmann
// www:                   www.codeking.eu
//==================================================================================================
// Desciription:
////////////////
// Slides several images with or without a link
//
// Usage:
/////////
// View index.html for example.
//==================================================================================================

var ck_images = new Array();
var ck_url    = new Array();
var ck_target = new Array();
//////////////////////////////////////////////////////////////
// CONFIG
//////////////////////////////////////////////////////////////
var ck_timer     = 5;                // Sekunden bis zum nächsten Bild
//////////////////////////////////////////////////////////////
// IMAGES / URLs
///////////////////////////////////////////////////////////////
ck_images[0] = 'Galerie/Slideshow/1.jpg';
ck_target[0] = ''
ck_images[1] = 'Galerie/Slideshow/3.jpg';
ck_target[1] = ''
ck_images[2] = 'Galerie/Slideshow/3[1].jpg';
ck_target[2] = ''
ck_images[3] = 'Galerie/Slideshow/4.jpg';
ck_target[3] = ''
ck_images[4] = 'Galerie/Slideshow/4[1].jpg';
ck_target[4] = ''


//////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////
var ck_intervall, ck_nr, ck_old_nr, ck_action, ck_hover;
//////////////////////////////////////////////////////////////
function ck_setOpacity(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 ck_getOpacity(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 ck_fade(alpha)
{
ck_action=true;

document.getElementById('bild2').style.opacity = alpha/100;
document.getElementById('bild2').style.MozOpacity = alpha/100;
document.getElementById('bild2').style.KhtmlOpacity = alpha;
document.getElementById('bild2').style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity='+alpha+')';
document.getElementById('bild2').style.filter = 'alpha(opacity='+alpha+')';
alpha=alpha-5;
if(alpha>0)window.setTimeout("ck_fade("+alpha+")",20);
else 
    {
    document.getElementById('ss_bild2').src = document.getElementById('ss_bild1').src;
    document.getElementById('bild2').style.opacity = 1;
    document.getElementById('bild2').style.MozOpacity = 1;
    document.getElementById('bild2').style.KhtmlOpacity = 100;
    document.getElementById('bild2').style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    document.getElementById('bild2').style.filter = 'alpha(opacity=100)';
    ck_action=false;
    }
}


function ck_empty(str)
{
  if(str == undefined) return false;
  else                 return (str.length == 0) ? true : false;
}

function ck_slide(i)
{
  if(ck_action != true)
  {
    if(typeof(ck_nr) == 'undefined' )
    {
      ck_old_nr = 0; ck_nr = 1;
    } else if(ck_nr == 'undefined') {
      ck_nr = 0;
    } else {
      ck_old_nr = ck_nr; ck_nr++;
    }

    if(i == 'last')
    {
      ck_nr     = ck_nr == 1 ? ck_images.length-1 : ck_nr-2;
      ck_old_nr = ck_old_nr == 0 ? 0 : ck_old_nr--;
    }

    if(ck_nr == (ck_images.length)) ck_nr = 0;
    if(typeof(i) == 'number')       ck_nr = i;
    if(ck_nr != ck_old_nr)
    {
      if(typeof(i) == 'number') {
        window.clearInterval(ck_intervall);
        ck_intervall = window.setInterval('ck_slide()', ck_timer * 1000);
      }
      
      for(var i=0;i<5;i++)
      {
	var ssb = document.getElementById('ss_button_'+i);

        if(i==ck_nr)ssb.src = '/template/Friseur-Rot/images/sliderbutton_hover.jpg';
	else ssb.src = '/template/Friseur-Rot/images/sliderbutton.jpg';
      }


    var bild1=document.getElementById('ss_bild1');
    bild1.src="/"+ck_images[ck_nr];

                              
//    ck_sliderDiv.onmouseover = function() { clearTimeout(ck_intervall); }
//    ck_sliderDiv.onmouseout = function() { ck_intervall = window.setInterval('ck_slide()', ck_timer * 1000); }

	ck_fade(100);
    }
  }

}

function ck_getStyle(obj, prop)
{
   if(obj.currentStyle )
   {  
      var ar = prop.match(/\w[^-]*/g);
      var s = ar[0];
      
      for(var i = 1; i < ar.length; ++i)		   
       s += ar[i].replace(/\w/, ar[i].charAt(0).toUpperCase());
           
      return obj.currentStyle[s]
   } else if(document.defaultView.getComputedStyle) return document.defaultView.getComputedStyle(obj, null).getPropertyValue(prop);
}
  
function ck_init_slideshow()
{

      for(var i=0;i<5;i++)
      {
	var ssb = document.getElementById('ss_button_'+i);

        if(i==0)ssb.src = '/template/Friseur-Rot/images/sliderbutton_hover.jpg';
	else ssb.src = '/template/Friseur-Rot/images/sliderbutton.jpg';
      }



	var bild2=document.getElementById('ss_bild2');
	bild2.src="/"+ck_images[0];

  var preLoad = new Array();
  for(var i=0;i<ck_images.length;i++)
  {
    preLoad[i] = new Image();
    preLoad[i].src = "/" + ck_images[i];
  }

  ck_intervall = window.setInterval('ck_slide()', ck_timer * 1000);
}


ck_init_slideshow();