window.floatSlidePanelWithScroll=function() {  var docElement = document.documentElement; if (document.compatMode && document.compatMode == "BackCompat") { docElement = document.body; }  var pY = docElement.scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/1; if (ftlObj.y < 0) { ftlObj.y = 0 } ftlObj.sP(ftlObj.y); setTimeout("floatSlidePanelWithScroll()", 10); } ftlObj = ml("slidePanel"); floatSlidePanelWithScroll(); 
document.write('</dd>'); } document.write('</dl>'); 
function sp_draw() {	document.body.style.marginLeft = this.width+'px';		var i;	var j;	var t=0;	var h;	var c=3;	//slide panel 	document.write('<div id="slidePanel" style="width:'+this.width+'px; ');	document.write('height:'+this.height+'px; overflow:hidden">');    	document.write('<div class="slidePanel" id="'+this.name+'" style="left:');    	document.write(this.xpos+'px; top:'+this.ypos+'px; width:'+this.width);    	document.write('px; height:'+this.height+'px; ')    	document.write('; clip:rect(0px,'+this.width+'px,'+this.height+'px,0px)">');    	h=this.height-((this.panels.length-1)*slidePanelButtonHeight)    	//one layer for every panel...    	for (i=0;i<this.panels.length;i++) {      		document.write('<div class="panel" id="'+this.name+'_panel'+i);      		document.write('" style="top:'+t);      		document.write('px; width:'+this.width+'px; height:'+h+'px; clip:rect(0px, ');      		document.write(this.width+'px, '+h+'px, 0px);">');      		t=t+slidePanelButtonHeight;       		//one layer to host the panel links       		document.write('<div class="panelLinkHolder" id="'+this.name+'_panel'+i);      		document.write('_f" style="top:'+slidePanelLinkTop+'px; width:');      		document.write(this.width+'px; height:');      		document.write((this.panels[i].img.length*this.buttonspace)+'px;">');      		mtop=0      		for (j=0;j<this.panels[i].img.length;j++) {			document.write('<div id="'+this.name+'_panel'+i+'_b'+j+'" class="panelLinkOut" style="top:'+mtop+'px;width:'+this.width+'px;" onmouseover="this.className=\'panelLinkIn\';" onmouseup="document.location=\''+this.panels[i].act[j]+'\';" onmouseout="this.className=\'panelLinkOut\';">');			document.write('<p style="display:inline;vertical-align:middle;"><img src="'+this.panels[i].img[j]+'" style="border: 0px; vertical-align: middle;" alt="icon" />');			document.write(' '+this.panels[i].lbl[j]);			document.write('</p></div>');        		mtop=mtop+this.buttonspace;      		}      		document.write('</div>');        	document.write('<div id="'+this.name+'_panel'+i+'_c" class="slidePanelButton" ');        	document.write('onClick="javascript:'+this.v+'.showPanel('+i);        	document.write(');" style="width:');        	document.write((this.width-c)+'px; height:'+(slidePanelButtonHeight-c)+'px;"><a href="#" ');        	document.write('onClick="'+this.v+'.showPanel('+i+');this.blur();');        	document.write('return false;">');        	document.write(this.panels[i].caption);        	document.write('</a></div>')      		// scroll-up      		document.write('<div id="'+this.name+'_panel'+i);      		document.write('_m1" class="scrollPanelUp" style="left:');      		document.write((this.width-20)+'px;"><a href="#" onclick="');      		document.write(this.panels[i].v+'.down(16);this.blur();return false;" >');      		document.write('<img src="'+getWebguiProperty("extrasURL")+'/slidePanel/arrowup.gif" style="border: 0px;" alt="scroll up" />');      		document.write('</a></div>');		// scroll-down      		document.write('<div class="scrollPanelDown" id="'+this.name+'_panel'+i);      		document.write('_m2" style="top:');      		document.write((this.height-(this.panels.length)*slidePanelButtonHeight)+'px; left:');      		document.write((this.width-20)+'px;"><a href="#" onclick="');      		document.write(this.panels[i].v+'.up(16);this.blur();return false">');      		document.write('<img src="'+getWebguiProperty("extrasURL")+'/slidePanel/arrowdown.gif" style="border: 0px;" alt="scroll down" />');      		document.write('</a></div>');      		document.write('</div>')    	}    	document.write('</div></div>')  	for (i=0;i<this.panels.length;i++) {    		this.panels[i].obj=document.getElementById(this.name+'_panel'+i);      		this.panels[i].obj.style.zIndex=10000;		this.panels[i].objc=document.getElementById(this.name+'_panel'+i+'_c');      		this.panels[i].objf=document.getElementById(this.name+'_panel'+i+'_f');      		this.panels[i].objm1=document.getElementById(this.name+'_panel'+i+'_m1');      		this.panels[i].objm2=document.getElementById(this.name+'_panel'+i+'_m2');    		this.panels[i].testScroll();  	}  	//activate last panel    	//actual panel is saved in a cookie	var cookie = sp_readCookie("slidePanel");    	if (cookie)      		this.showPanel(cookie);        else      		this.showPanel(this.panels.length-1);	//float the panel as someone scrolls        startY = 0;        var d = document;        function ml(id) {                var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];                if(d.layers)el.style=el;                el.sP=function(y){this.style.top=y+"px";};                el.y = startY;                return el;        }        window.floatSlidePanelWithScroll=function() {		//Added to allow support for xhtml transitional		var docElement = document.documentElement;		if (document.compatMode && document.compatMode == "BackCompat") {			docElement = document.body;		}		//var pY = document.body.scrollTop;                var pY = docElement.scrollTop;		ftlObj.y += (pY + startY - ftlObj.y)/1;		if (ftlObj.y < 0) {			ftlObj.y = 0		}                ftlObj.sP(ftlObj.y);                setTimeout("floatSlidePanelWithScroll()", 10);        }        ftlObj = ml("slidePanel");        floatSlidePanelWithScroll();}
3515	/local1/tlutelli/issta_data/temp/all_js/javascript/2007_temp/2007/3515/2c1f56a00930f5255a869448a939ab12de39a323/slidePanel.js/buggy/www/extras/slidePanel/slidePanel.js