function isIE() {
	return navigator.userAgent.search(/MSIE/) >= 0;
}

function pagepeelHTML(id, pic, picfull, picpng, picfullpng, htmlCode, stdsize, minanisize, maxanisize, fullsizewidth, fullsizeheight, cornerpicwidth, cornerpicheight, color, addbox, interval) {
	if (interval == null) interval = 50;
	
	if (!isIE()) {
		pic = picpng;
		picfull = picfullpng;
	} 

    document.write("<div onmouseout=\"ppMouseOut(this);\" onmouseover=\"ppMouseOver(this);\" id=\"pp_"+id+"\" style=\"display:none'\"><div id=\"pp_"+id+"_cpic\" style=\"position:absolute;z-index:1;top:0px;left:0px;width:"+cornerpicwidth+"px;height:"+cornerpicheight+"px;overflow:hidden;background-color:"+color+"\">"+htmlCode+"</div><img id=\"pp_"+id+"_pic\" src=\""+picfull+"\" border=\"0\" style=\"position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:3\" /><div id=\"pp_"+id+"_contentbox\" style=\"left:0px;top:0px;position:absolute;z-index:2\">"+addbox+"</div></div>");

    var div = document.getElementById("pp_"+id);
    
	div.isie = isIE();
	div.ishtmlpp = true;
	div.interval = interval;
	div.raise2 = (interval/50)*(maxanisize-minanisize) / (125-110);
	div.raise1 = (interval/50)*2*div.raise2;
	div.picname = pic;
    div.picfullname = picfull;
    div.style.position = "absolute";
	div.style.top = "0px";
	div.style.right = "0px";
    div.size = stdsize;
    div.minanisize = minanisize;
    div.maxanisize = maxanisize;
    div.ratio = fullsizewidth/fullsizeheight;
    div.fullsize = fullsizewidth;
	div.cornerpicwidth = cornerpicwidth;
	div.cornerpicheight = cornerpicheight;
    setPosition(div);
    div.style.display = "block";
    div.timer = null;
    div.motion = 0;
	if (!div.isie) {
		var img =  document.getElementById(div.id+"_cpic");
		var box = document.getElementById(div.id+"_contentbox");
		img.style.left = null;
		img.style.right = "0px";
		if(box != null)	{
			box.style.left = null;
			box.style.right = "0px";
		}
	}
    ppMouseOut(div);
}

function pagepeel(id, pic, picfull, picpng, picfullpng, cornerpic, cornerpicfull, stdsize, minanisize, maxanisize, fullsizewidth, fullsizeheight, cornerpicwidth, cornerpicheight, target, interval) {
	if (interval == null) interval = 50;
	
	if (!isIE()) {
		pic = picpng;
		picfull = picfullpng;
	} 

    document.write("<div onmouseout=\"ppMouseOut(this);\" onmouseover=\"ppMouseOver(this);\" id=\"pp_"+id+"\" style=\"display:none\"><a href=\""+target+"\"><div style=\"position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;\"><img id=\"pp_"+id+"_cpic\" src=\""+cornerpicfull+"\" border=\"0\" style=\"position:absolute;top:0px;right:0px\" /></div><img id=\"pp_"+id+"_pic\" src=\""+picfull+"\" border=\"0\" style=\"position:absolute;left:0px;top:0px;width:100%;height:100%;\" /></a></div>");
    
    var div = document.getElementById("pp_"+id);
	div.isie = isIE();
	div.ishtmlpp = false;
	div.interval = interval;
	div.raise2 = (interval/50)*(maxanisize-minanisize) / (125-110);
	div.raise1 = (interval/50)*2*div.raise2;
	div.picname = pic;
    div.picfullname = picfull;
    div.cornerpic = cornerpic;
    div.cornerpicfull = cornerpicfull;
    div.style.position = "absolute";
	div.style.top = "0px";
	div.style.right = "0px";
    div.size = stdsize;
    div.minanisize = minanisize;
    div.maxanisize = maxanisize;
    div.ratio = fullsizewidth/fullsizeheight;
    div.fullsize = fullsizewidth;
	div.cornerpicwidth = cornerpicwidth;
	div.cornerpicheight = cornerpicheight;
    setPosition(div);
    div.style.display = "block";
    div.timer = null;
    div.motion = 0;
	if (!div.isie) {
		var img =  document.getElementById(div.id+"_cpic");
		var box = document.getElementById(div.id+"_contentbox");
		img.style.left = null;
		img.style.right = "0px";
		if(box != null)	{
			box.style.left = null;
			box.style.right = "0px";
		}
	}
    ppMouseOut(div);
}

function ppMouseOut(div) {
    div.motion = 1;
	box = document.getElementById(div.id+"_contentbox");
	if (box != null) {
		box.style.zIndex = 2;
	}
	if (div.timer == null) {
        div.timer = window.setInterval("doPPTimer(\""+div.id+"\");", div.interval);
    }
}

function ppMouseOver(div) {
    div.motion = 2;
    var img = document.getElementById(div.id+"_pic");
	if (!div.ishtmlpp) {
    	img = document.getElementById(div.id+"_cpic");
    }
	if (div.timer == null) {
        div.timer = window.setInterval("doPPTimer(\""+div.id+"\");", div.interval);
    }
}

function doPPTimer(id) {
    div = document.getElementById(id);
    switch(div.motion) {
        //wird bis 200 gross.
        case 0: {
            if (div.size < div.maxanisize) {
                div.size += div.raise1;
                setPosition(div);
                break;
            }
            else {
                div.motion++;
            }
        }
        case 1: {
           //wird bis 100 klein.
            if (div.size > div.maxanisize+div.raise1) {
                div.size *= 0.9;
                setPosition(div);
                break;
            }
            else if (div.size > div.minanisize) {
                div.size -= div.raise2;
                setPosition(div);
                break;
            }
            else {
                div.motion--;
                break;
            }
        }
        case 2: {
            //auf fullsize erweitern:
            if (div.size < div.fullsize) {
                div.size *= 1.2;
                if (div.size > div.fullsize) div.size = div.fullsize;
                setPosition(div);
                break;
            }
            if (div.timer != null) {
                window.clearInterval(div.timer);
                div.timer = null;
                div.motion = 0;
				box = document.getElementById(div.id+"_contentbox");
				if (box != null) {
					box.style.zIndex = 5;
				}
            }
        }
    }
}

function setPosition(div) {
	if (div.oldsize == null) div.oldsize = div.size;
	img =  document.getElementById(div.id+"_cpic");
	box = document.getElementById(div.id+"_contentbox");
	var si = Math.round(div.size);
	var perc = (si / div.fullsize);
	if (perc < 1) {
		var pw = perc * div.cornerpicwidth-1;
		var ph = perc * div.cornerpicheight-1;
	} else {
		var pw = perc * div.cornerpicwidth;
		var ph = perc * div.cornerpicheight;
	}
	if (div.size >= div.oldsize) {
    	div.style.width = si+"px";
    	div.style.height = (si/div.ratio)+"px";
		if (div.isie) {
			img.style.left = (si-div.cornerpicwidth)+"px";
			if (box != null) box.style.left = (si-box.offsetWidth)+"px";
		}
		img.style.clip = "rect(0px, "+(div.cornerpicwidth)+"px, "+(ph)+"px, "+(div.cornerpicwidth-pw)+"px)";
		if (box != null) {
			var bw = box.offsetWidth;
			var bh = box.offsetHeight;
			box.style.clip = "rect(0px, "+(bw)+"px, "+(ph)+"px, "+(bw-pw)+"px)";
		}
	}
	else {
		img.style.clip = "rect(0px, "+(div.cornerpicwidth)+"px, "+(ph)+"px, "+(div.cornerpicwidth-pw)+"px)";
		if (box != null) {
			var bw = box.offsetWidth;
			var bh = box.offsetHeight;
			box.style.clip = "rect(0px, "+(bw)+"px, "+(ph)+"px, "+(bw-pw)+"px)";
		}
    	div.style.width = si+"px";
    	div.style.height = (si/div.ratio)+"px";
		if (div.isie) {
			img.style.left = (si-div.cornerpicwidth)+"px";
			if (box != null) box.style.left = (si-box.offsetWidth)+"px";
		}
	}
	div.oldsize = div.size;
}