/* 
   DO NOT COPY THIS SCRIPT WITHOUT PERMISSION OF THE AUTHOR

	Author: Teunis van Wijngaarden
	Company: Teuniz.nl Multimedia Design
	Company website: http://www.teuniz.nl

   DO NOT COPY THIS SCRIPT WITHOUT PERMISSION OF THE AUTHOR
*/

var picNr = 0;
var imgs1 = new Array();
var imgs2 = new Array();
var loadedImgs = new Array();

function loadSlider(img1,img2) {
	for (var i = 0; i < img1.length; i++) {
		imgs1[i] = img1[i];
		imgs2[i] = img2[i];

		//imgs1[i] = new Image();
		//imgs1[i].src = img1[i];
		//imgs2[i] = new Image();
		//imgs2[i].src = img2[i];

		//window.alert(imgs1[i]);
		//window.alert(imgs2[i]);
		loadedImgs[i] = new Image();
		loadedImgs[i].src = "fileadmin/template/images/bollen/"+imgs1[i]+".png";
		loadedImgs[i+img1.length] = new Image();
		loadedImgs[i+img1.length].src = "fileadmin/template/images/bollen/"+imgs2[i]+".png";
	}
	//for (var i = 0; i < imgs.length - 1; i++) while (loadedImgs[i] == null) document.write("loading");
	fadeOut();
}
	
function next() {
	if (picNr < imgs1.length -1) picNr++;
	else picNr = 0;
	
	var obj1 = document.getElementById("bol1");
	obj1.src = "fileadmin/template/images/bollen/"+imgs1[picNr]+".png";
	
	var obj2 = document.getElementById("bol2");
	obj2.src = "fileadmin/template/images/bollen/"+imgs2[picNr]+".png";

	//document.getElementById("bol1") = imgs1[picNr];
	//document.getElementById("bol2") = imgs2[picNr];
	
	setTimeout("changeVisibilityUp(\"bol1\",\"bol2\", 0, fadeOut)", 500);
}
function fadeIn() {
	setTimeout("next()", 500);
}
function fadeOut() {
	setTimeout("changeVisibilityDown(\"bol1\",\"bol2\", 70, fadeIn)", 5000);
}
function changeVisibilityUp(pct1, pct2, i, callback) {
	var obj1 = document.getElementById(pct1);				
	var obj2 = document.getElementById(pct2);				
	i = i + 10;				
	if (obj1.style.filter != null) {
		//obj1.style.filter = "progid:";

		obj1.style.filter = "alpha(opacity="+i+")";
		obj2.style.filter = "alpha(opacity="+i+")";
	} else {		
		obj1.style.opacity = (i <100 ? "0."+i : "1");				
		obj2.style.opacity = (i <100 ? "0."+i : "1");				
	}
	//setOpacity(obj1,i);
	//setOpacity(obj2,i);
	if (i < 100) setTimeout("changeVisibilityUp(\""+pct1+"\",\""+pct2+"\","+i+","+callback+")", 100);
	else callback();
}
function changeVisibilityDown(pct1,pct2, i, callback) {
	var obj1 = document.getElementById(pct1);				
	var obj2 = document.getElementById(pct2);				
	i = i - 10;			
	
	if (obj1.style.filter != null) {
		//obj1.style.filter = "alpha(opacity="+i+")";
		obj1.style.filter = "alpha(opacity="+i+")";
		obj2.style.filter = "alpha(opacity="+i+")";
	} else {
		obj1.style.opacity = (i > 0 ? "0."+i : "0");			
		obj2.style.opacity = (i > 0 ? "0."+i : "0");			
	}
	//setOpacity(obj1,i);
	//setOpacity(obj2,i);
	if (i > 0) setTimeout("changeVisibilityDown(\""+pct1+"\",\""+pct2+"\","+i+","+callback+")", 100);
	else {
		if (obj1.style.filter != null) {
			obj1.style.filter = "alpha(opacity="+0+")";
			obj2.style.filter = "alpha(opacity="+0+")";
		} else {
			obj1.style.opacity = "0";	
			obj2.style.opacity = "0";	
		}

		//setOpacity(obj1,0);
		//setOpacity(obj2,0);
		callback();
	}
}

function setOpacity(obj, opacity) {

	obj.style = "opacity: ."+opacity+"; filter: alpha(opacity="+opacity+"); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity="+opacity+");";

  //opacity = (opacity == 100)?99.999:opacity;

  // IE/Win
  //obj.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="
//+ opacity + ");";// progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'" + obj.src + "\', sizingMethod='scale');";

  /*var img = obj;
  //var imgID = (img.id) ? "id='" + img.id + "' " : ""
  var imgClass = (img.className) ? "class='" + img.className + "' " : ""
  var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
  var imgStyle = "display:inline-block;" + img.style.cssText 
  if (img.align == "left") imgStyle = "float:left;" + imgStyle
  if (img.align == "right") imgStyle = "float:right;" + imgStyle
  if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
  var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
            img.outerHTML = strNewHTML*/
         

  // Safari<1.2, Konqueror
 // obj.style.KHTMLOpacity = opacity/100;

  // Older Mozilla and Firefox
 // obj.style.MozOpacity = opacity/100;

  // Safari 1.2, newer Firefox and Mozilla, CSS3
 // obj.style.opacity = opacity/100;
}