var diapocontainer = new Array();
var diapotcf_imgprev = '<img src="/fileadmin/templates/jumbo/images/prev_blanc.gif"/>';
var diapotcf_imgnext =  '<img src="/fileadmin/templates/jumbo/images/next_blanc.gif"/>';
var stopautodiapo = false;

function adddiapo( diapo ) {
	diapocontainer.push( diapo );
}

function switchto(idfrom,idto) {
//		alert( "from : " + idfrom + " tp : " + idto);
		var a=document.getElementById(idfrom);
		var b=document.getElementById(idto);
		YAHOO.util.Dom.setStyle(b, 'opacity', 0); 
		YAHOO.util.Dom.setStyle(b, 'display', 'block'); 

		var myAnim1 = new YAHOO.util.Anim(a, { opacity: { from:1, to: 0 } }); 
		var myAnim2 = new YAHOO.util.Anim(b, { opacity: { from:0, to: 1 } }); 
		myAnim1.onComplete.subscribe(function(s, o) { 
			YAHOO.util.Dom.setStyle(a, 'display', 'none'); 
			YAHOO.util.Dom.setStyle(b, 'display', 'block'); 
//			YAHOO.util.Dom.setAttribute(a, 'filter', null);  
//			YAHOO.util.Dom.setAttribute(b, 'filter', null);  
			YAHOO.util.Dom.setStyle(a, 'filter', '');  
			YAHOO.util.Dom.setStyle(b, 'filter', '');  
		});

		myAnim1.animate();
		myAnim2.animate();
}

function switchtowithfunc(idfrom,idto, nextfunc) {
//		alert( "from : " + idfrom + " tp : " + idto);
		var a=document.getElementById(idfrom);
		var b=document.getElementById(idto);
		YAHOO.util.Dom.setStyle(b, 'opacity', 0); 
		YAHOO.util.Dom.setStyle(b, 'display', 'block'); 

		var myAnim1 = new YAHOO.util.Anim(a, { opacity: { from:1, to: 0 } }); 
		var myAnim2 = new YAHOO.util.Anim(b, { opacity: { from:0, to: 1 } }); 
		myAnim1.onComplete.subscribe(function(s, o) { 
			YAHOO.util.Dom.setStyle(a, 'display', 'none'); 
			YAHOO.util.Dom.setStyle(b, 'display', 'block'); 
//			YAHOO.util.Dom.setAttribute(a, 'filter', null);  
//			YAHOO.util.Dom.setAttribute(b, 'filter', null);  
			YAHOO.util.Dom.setStyle(a, 'filter', '');  
			YAHOO.util.Dom.setStyle(b, 'filter', '');  
			
			nextfunc();
		});


		
		myAnim1.animate();
		myAnim2.animate();
}


function initdiapo(imgprev, imgnext) {
	if (diapocontainer.length == 0) return;

	for (var i = 0; i < diapocontainer.length; i++) {
		var diapo = diapocontainer[i];

		var idxnext = i + 1;
		if (idxnext ==  diapocontainer.length) { idxnext = 0; }
		var diaponext = diapocontainer[idxnext];
		
		var idxprev = i - 1;
		if (idxprev < 0) { idxprev = diapocontainer.length - 1; }
		var diapoprev = diapocontainer[idxprev];
		
		var diapodiv = document.getElementById(diapo[0]);
		if (i > 0) {
			diapodiv.style.display = 'none';
		}
		var anchors = diapodiv.getElementsByTagName('a');
		var lis = diapodiv.getElementsByTagName('li');

		for (var j=0; j <anchors.length; j++) {
			if (anchors[j].className == 'next') {
				anchors[j].innerHTML = diaponext[1] + imgnext;
				anchors[j]['from'] = diapo[0];
				anchors[j]['to'] = diaponext[0];
				anchors[j].onclick = function () {
					stopautodiapo = true;
					switchto( this['from'], this['to']);
					return false;
				}
			}  
			if (anchors[j].className  == 'prev') {
				anchors[j].innerHTML = imgprev + diapoprev[1];
				anchors[j]['from'] = diapo[0];
				anchors[j]['to'] = diapoprev[0];
				anchors[j].onclick = function () {
					stopautodiapo = true;
					switchto( this['from'], this['to']);
					return false;
				}
			}  
		} 

		for (var j=0; j <lis.length; j++) {
			if (lis[j].className == 'next') {
				lis[j]['from'] = diapo[0];
				lis[j]['to'] = diaponext[0];
				lis[j].onclick = function () {
					stopautodiapo = true;
					switchto( this['from'], this['to']);
					return false;
				}
			}  
			if (lis[j].className  == 'prev') {
				lis[j]['from'] = diapo[0];
				lis[j]['to'] = diapoprev[0];
				lis[j].onclick = function () {
					stopautodiapo = true;
					switchto( this['from'], this['to']);
					return false;
				}
			}  
		} 
	}
}


function diapo_next( interval ) {
	if (stopautodiapo) return;

	if (diapocontainer.length == 0) return;

	for (var i = 0; i < diapocontainer.length; i++) {
		var diapo = diapocontainer[i];
		var diapodiv = diapo[0];
		if (YAHOO.util.Dom.getStyle(diapodiv, 'display') == 'block')  {
			var next = ( (i+1) == diapocontainer.length ) ? 0 : (i+1);
			var diapodivnext = diapocontainer[next][0];
			if (interval) 
				switchtowithfunc( diapodiv, diapodivnext, function() { window.setTimeout("diapo_next(" + interval + ")", interval); } );
			else
				switchto( diapodiv, diapodivnext);
			return;
		}
	}
}


