/* Browser.Version() gibt die Version des IE zurück, Non-IE = 999 */
var Browser = {
  Version: function() {
    var version = 999; // we assume a sane browser
    if (navigator.appVersion.indexOf("MSIE") != -1)
      // bah, IE again, lets downgrade version number
      version = parseFloat(navigator.appVersion.split("MSIE")[1]);
    return version;
  }
}

function fixcarouselnav() {
 el = document.getElementById("container");
 all = el.getElementsByTagName("div");

 for (var i = 0; i < all.length; i++) {
  el = all[i];
  if (el.className=="yui-carousel-nav") {
   par = el;
   el = el.firstChild;
   if (el.tagName=="UL") {
   par.removeChild(el);
   el.style.marginTop = "565px";
   el.style.marginLeft = "338px";
   el.id = "picnavi";
   eel = document.getElementById("front_display");
   eel.appendChild(el);
   }
  }
 }
}
function loadpic(source) {
   document.getElementById("tickercontent").style.display="none";
   el = document.getElementById("picture");
   el.src = source;
   el = document.getElementById("ticker");
   
   if (!(document.getElementById("logos"))) {
   newel = document.createElement("div");
   newel.id = "logos";	
   newel.style.width = "200px";
   newel.style.height = "120px";
   newel.style.position = "absolute";
   newel.style.top = "0";
   el.appendChild(newel);
   el = newel;
   newpic = document.createElement("div");
   newpic.style.width = "200px"
   newpic.style.height = "120px"
   newel.appendChild(newpic);
   
   newrealpic = document.createElement("img");
   newrealpic.style.display = "none";
   }
   

   source = source.substring(source.lastIndexOf("_")+1, source.lastIndexOf("."))+".png";
   source = source.replace(/[0-9]/g, ''); 
   
   if (Browser.Version() < 7) {
   newpic.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logos/" + source + "')";
   newpic.background = "transparent";
   } else {
   newpic.style.background = "url(logos/"+source+")";
   }
   
   newrealpic.src = "logos/"+source;
   newrealpic.onload=function() {
   	reflogo = "gefertigt_fuer";
   	document.getElementById("tickercontent").style.display="none";document.getElementById("logos").style.display="block";document.getElementById("refkunden").style.display="none";
   }
   newrealpic.onerror=function(){
   	reflogo = "referenzkunden";
   	document.getElementById("logos").style.display="none";document.getElementById("tickercontent").style.display="none";document.getElementById("refkunden").style.display="none";
   }

   fixcarouselnav();

   ref = document.getElementById('refkunden');
   if (Browser.Version() < 7) {
   ref.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/"+reflogo+".png')";
   ref.background = "transparent";
   } else {
   ref.style.background = "url('layout/"+reflogo+".png')";
   }

}

function getImage(parent) { 
 var el = parent.firstChild; 
 while (el) {  // walk through till as long as there's an element 
  if (el.nodeName.toUpperCase() == "IMG") { // found an image 
    // flickr uses "_s" suffix for small, and "_m" for big images respectively 
    return el.src.replace(/_s\.jpg$/, "_m.jpg"); 
  } 
  el = el.nextSibling; 
  } 
  return ""; 
} 

    (function () {
		var carousel;
                
        YAHOO.util.Event.onDOMReady(function (ev) {
            var carousel    = new YAHOO.widget.Carousel("container", {
                        animation: { speed: 0.5 }
                });

			 
			 carousel.on("itemSelected", function (index) { 
	    	   var item = carousel.getElementForItem(index); 
	 
			   if (item) { 
	            loadpic(getImage(item)); 
			   } 
	   	     }); 

			carousel.set("isCircular", true);             
			carousel.set("numVisible", [1, 1]);
			carousel.render(); // get ready for rendering the widget
            carousel.show();   // display the widget
			el = document.getElementById('container');
			el.style.width="1267px";
			el = document.getElementById('pics');
			el.style.width="1190px";
            //carousel.startAutoPlay();
        });
})();