var fadingDone=false;

function handleFadeByClassname(classname, fadeIn, task)
{
   var objects=document.getElementsByClassName(classname);
   var nodes = $A(objects);

   nodes.each(function(node)
   			{
			    if (fadeIn==true)
				{
				    handleFadeIn(node.id);
				}
				else
				{
				    handleFadeOut(node.id, task);
				}
			});
}

function handleFadeByArray(nodes, fadeIn, task)
{
   nodes.each(function(node)
   			{
			    if (fadeIn==true)
				{
				    if (node)
  				       handleFadeIn(node.id, task);
				}
				else
				{
				    if (node)
				       handleFadeOut(node.id, task);
				}
			});
}

function handleFadeById(node, fadeIn, task)
{
                if (fadeIn==true)
                {
                    handleFadeIn(node.id);
                }
                else
                {
                    handleFadeOut(node.id, task);
                }
}

function handleFadeIn(imageId, finishTask) {
    fadingDone=false;
	obj = document.getElementById(imageId);
	if (obj == null)
	   return;
	setOpacity(imageId, 0);
	obj.style.visibility = "visible";
	fadeIn(imageId, 300, finishTask);
}

function handleFadeOut(imageId, finishTask) {
    fadingDone=false;
	obj = document.getElementById(imageId);
	if (obj == null)
	   return;
	setOpacity(imageId, 100);
	fadeOut(imageId, 300, finishTask);
}


function fadeIn(objId, delay, finishTask) {

	var opacity = 1;
	if (document.getElementById) {
		while (opacity <= 100) {
			window.setTimeout("setOpacity('"+objId+"',"+opacity+")", delay);
			opacity += 1;
			delay += 20; // modify to change fade speed
		}
	}

	if (finishTask!=null)
	{
	   window.setTimeout(finishTask,delay);
	}
}

function fadeOut(objId, delay, finishTask) {
	var opacity = 100;
	if (document.getElementById) {
		while (opacity >= 0) {
			window.setTimeout("setOpacity('"+objId+"',"+opacity+")", delay);
			setOpacity(objId,delay);
			opacity -= 1;
			delay += 20; // modify to change fade speed
		}
	}
	if (finishTask!=null)
	{
       window.setTimeout(finishTask,delay);
	}
}

function setFadingDone(status)
{
   fadingDone=status;
}
function isFadingDone()
{
   return fadingDone;
}

function setOpacity(objId, opacity) {

	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (obj==null)
		   return;
		var opacity1 = (opacity == 100)?99.999:opacity;
		// IE/Win
		obj.style.filter = "alpha(opacity:"+opacity1+")";
		// Safari<1.2 Konqueror
		obj.style.KHTMLOpacity = opacity1/100;
		// Older Mozilla and Firefox
		obj.style.MozOpacity = opacity1/100;
		// Safari 1.2, newer Firefox and MozillaCSS3
		obj.style.opacity = opacity1/100;
//                $('debug').innerHTML = opacity1+ "/"+obj.style.filter +"/"+obj.style.opacity;

	}
}

function meiler(target, link)
{
 emailAd=('acrylbilder@' + 'christiane-middendorf.de')
 $(target).innerHTML ="<A href='mailto:" + emailAd + "?subject=Anfrage in Bezug auf ihre Homepage'>"+"<img style='border: none; border-collapse:collapse;' src='"+link+"'></a>";
}

function startPan(container, image, newPicHref, direction)
{
    if (direction==null)
       direction=1;
       
    var id = image.id;
    
    var panImage= image.cloneNode(false);

	panImage.id = id + "pan";
 	container.appendChild(panImage)	    
	
	panImage.src=newPicHref;
	panImage.style.border="0px";
	panImage.style.left=image.width*direction;
	panImage.style.visibility="visible";
	
	image.style.left="0px";
    image.style.visibility="visible"; 
	
	//pan(-1, null,image.width, image, panImage, direction);      //linear
	pan(Math.PI, null, image.width, image, panImage, direction);  // sinus

}

function pan(unit, step, width, oldImage, newImage, direction)
{
   if(step==null)
   {
      step=unit;
   }

   var x;
   var inc=0;
   
   if (unit!=Math.PI)
   {
     inc=step;
     x = Math.round(width/2) * (1+inc);
     step+=1/40;
     inc=step;
   }
   else
   {
     inc=Math.cos(step);
     x = Math.floor((width/2) * (1.0 + inc));
     step+=Math.PI/40;
     
   }
   oldImage.style.left = -x*direction + "px";
   newImage.style.left = (-x + width)*direction + "px";
   var me = this;
   if (inc<1)
   {
   	this.timer = setTimeout(function() { me.pan(unit, step, width, oldImage, newImage, direction) }, 20);
   }
   else 
   { 
     newImage.style.visibility="hidden";
     oldImage.src = newImage.src;
     oldImage.style.left = newImage.style.left;
     oldImage.style.right = newImage.style.right;
	 oldImage.style.border="0px";
     newImage.style.visibility="hidden";
     $('imgCon').style.width= oldImage.width;
     $('imgCon').style.height=oldImage.height;
     
   }
}