function init() {

	if (document.getElementById('itm-selected')) {
	document.getElementById('itm-selected').onmouseover = function() {
		document.getElementById("lst-prod").style.display = "block";
	}

	document.getElementById('itm-selected').onmouseout = function() {
		document.getElementById("lst-prod").style.display = "none";
	}
	}
}

window.onload = init;

var actImage = 0;
function switchImage(action)
{
  var imgContainer = document.getElementById("galleryimg");
  var galInfo = document.getElementById("galleryinfo");
  var dir = 'fileadmin/gallery/';
  var images = new Array('bild1.jpg', 'bild2.jpg', 'bild4.jpg', 'bild5.jpg', 'bild6.jpg', 'bild7.jpg', 'bild8.jpg', 'bild9.jpg', 'bild10.jpg', 'bild11.jpg', 'bild12.jpg', 'bild13.jpg', 'bild14.jpg', 'bild17.jpg');
  var nmbrImages = images.length;

  switch(action) {
    case "next":
      actImage++;
      break;
    default:
      actImage--;
      break;
  }

  actImage = actImage < 0 ? nmbrImages-1 : actImage;
  actImage = actImage > nmbrImages-1 ? 0 : actImage;

  var info = actImage+1 + " von " + nmbrImages;

  galInfo.innerHTML = info;
  imgContainer.src = dir+images[actImage];

  // Bei IE6 footer ausrichten
  var b_version=navigator.appVersion;
  if(b_version.search(/MSIE 6.0.+/) != -1)
    document.getElementById("footer").style.bottom = ((actImage+2) * (-1))+'px';
}

function open_popup(url, params) {
  fenster = window.open(url, 'Popup', 'scrollbars=no,resizeable=no,'+params);
  fenster.focus();
}


/******************** Products JS alternative *************************/

$(window).load(function(){

  if ($(".jMyCarousel"))
  {
    if ($(".jMyCarousel").length && $(".jMyCarousel ul li").length > 3)
    {
      $(".jMyCarousel").jMyCarousel({
         auto     : true,
         visible  : '445px',
         speed    : 2000
      });

      var defaultElement = $("#prod-car-default").text().split('###');

      $(".product-detail-view").html(createHTML(/\\n/g, defaultElement[0], defaultElement[1], defaultElement[2], defaultElement[3]));

      var currentElement = $("#carousel_container li:first-child a");

      var liClass = $(currentElement).parent("li").attr("class");
      $("."+liClass).css("background-color", "#D9F0D6");
    }
    else if($(".jMyCarousel").length && $(".jMyCarousel ul li").length <= 3)
    {
      var currentElement = $("#carousel_container li:first-child a");

      var liClass = $(currentElement).parent("li").attr("class");
      $("."+liClass).css("background-color", "#D9F0D6");
  }
  }

});

function showProduct(element, categorie, headlineValue, descriptionValue, attrValue)
{
  $("#carousel_container ul li").each(function(){
      $(this).css("background-color", "");
  });

  var liClass = $(element).parent("li").attr("class");
  $("."+liClass).css("background-color", "#D9F0D6");

  $(".product-detail-view").html(createHTML(/\n/g, categorie, headlineValue, descriptionValue, attrValue));
  
  $(".product-detail-view img").load(function() {
     $(this).attr("alt", headlineValue);
  });
}

function createHTML(regX, categorie, headlineValue, descriptionValue, attrValue)
{
  //<![CDATA[
  var replaceString = '<br \/>';
  //]]>

  var headlineValue    = headlineValue.replace(regX, replaceString);
  var descriptionValue = descriptionValue.replace(regX, replaceString);

  //<![CDATA[
  var html = '<div class="product-detail-view-left">';
  html    += '<div class="product-detail-view-hdl">'+headlineValue+'<\/div>';
  html    += '<div class="product-detail-view-des">'+descriptionValue+'<\/div>';
  html    += '<\/div>';

  html    += '<div class="product-detail-view-right">';
  html    += '<div class="product-detail-view-img"><img src="http://www.koenecke.de/fileadmin/templates/img/produktuebersicht/'+categorie+'/'+attrValue+'.png" alt="" title="'+headlineValue+'" \/><\/div>';
  html    += '<\/div>';
  //]]>

  return html;

}

/******************** Products JS alternative *************************/

/******************** Home JS alternative *************************/

var firstLeft = true;
var firstMiddle = true;
var firstRight = true;

var imagesPerSlide = 2;

var timeOut = 8000;


function calculateTimeout(currElement, nextElement, opts, isForward, idx)
{
    var index = opts.currSlide;

    if(idx == 0)
    {
        if(index == 0 && firstLeft)
        {
          firstLeft = false;
          return 2000;
        }
        else if(index >= 1 || !firstLeft)
        {
          if(index == 0)
          {
            return timeOut -2000;
          }
          else
          {
            return timeOut;
          }
        }
    }
    else if(idx == 1)
    {
        if(index == 0 && firstMiddle)
        {
          firstMiddle = false;
          return 2500;
        }
        else if(index >= 1 || !firstMiddle)
        {
          if(index == 0)
          {
            return timeOut -2000;
          }
          else
          {
            return timeOut;
          }
        }
    }
    else if(idx == 2)
    {
        if(index == 0 && firstRight)
        {
          firstRight = false;
          return 3000;
        }
        else if(index >= 1 || !firstRight)
        {
          if(index == 0)
          {
            return timeOut -2000;
          }
          else
          {
            return timeOut;
          }
        }
    }
}


function initCycles()
{
    if (jQuery('div.home-product-teaser').length > 0)
    {

      $('div.home-product-teaser').children().each(function(idx, element) {
  
         if ($(element).length)
         {
            $(element).children('ul').cycle({
  
              	fx:    'turnDown',
            		speed:  1000,
            		timeoutFn: function(currElement, nextElement, opts, isForward){
                   return calculateTimeout(currElement, nextElement, opts, isForward, idx);
                },
            		autostop: 1,
            		autostopCount: imagesPerSlide + 1,
            		end: function(options){
                    $(element).children('ul').cycle('destroy');
                    switch(idx)
                    {
                        case 0:
                            firstLeft = true;
                            break;
                        case 1:
                            firstMiddle = true;
                            break;
                        case 2:
                            firstRight = true;
                            break;
                    }
                    reInitCycles();
                }
  
            });
         }
      });
    
    }
}


$(function()
{
    if ($(".jMyCarousel-home"))
    {
      if ($(".jMyCarousel-home").length)
      {
  	    $(".jMyCarousel-home").jMyCarousel({
  		        visible: '458px',
  		        eltByElt: true,
  		        speed:    1000,
  		        evtStart: 'mousedown',
  		        evtStop: 'mouseup',
  		        btnPrev: $('#home-car-btn-left'),
  		        btnNext: $('#home-car-btn-right')
  		  });
      }
    }

    initCycles();
});

function reInitCycles()
{
	if(firstLeft && firstMiddle && firstRight)
	{
		$("div.home-product-teaser .slideshow-left li").height(206);
		$("div.home-product-teaser .slideshow-middle li").height(206);
		$("div.home-product-teaser .slideshow-right li").height(206);
		initCycles();
  }
}

/******************** Home JS alternative *************************/

