rem: document.write('<div id="'+this.name+'_panel'+i+'_b'+j+'" class="panelLinkOut" style="top:'+mtop+';width:'+this.width+';" onmouseover="this.className=\'panelLinkIn\';" onmouseup="document.location=\''+this.panels[i].act[j]+'\';" onmouseout="this.className=\'panelLinkOut\';">'); document.write('<img src="'+this.panels[i].img[j]+'" align="middle" border="0" alt="icon" />'); 
add: 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('<img src="'+this.panels[i].img[j]+'" align="middle" border="0px" alt="icon" />'); 
context: function b_draw() {	var i;	var j;	var t=0;	var h;	var c=3;	//slide panel bar	var slidemenu_width='160px' //specify width of menu (in pixels)	var slidemenu_reveal='15px' //specify amount that menu should protrude initially	var slidemenu_top='0px'   //specify vertical offset of menu on page	document.write('<div id="slidePanelBar" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onmouseover="pullSlidePanelBar()" onmouseout="pushSlidePanelBar()">');	document.write('<div id="slidePanelBarHandle">&raquo;<br />&raquo;<br />&raquo;<br />&raquo;<br />&raquo;<br /></div>');    	//slide panel .    	document.write('<div class="slidePanel" id='+this.name+' style="left:');    	document.write(this.xpos+'; top:'+this.ypos+'; width:'+this.width);    	document.write('; height:'+this.height+'; ')    	document.write('; clip:rect(0,'+this.width+','+this.height+',0)">');    	h=this.height-((this.panels.length-1)*panelButtonHeight)    	//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('; width:'+this.width+'; height:'+h+'; clip:rect(0px, ');      		document.write(this.width+'px, '+h+'px, 0px);">');      		t=t+panelButtonHeight;       		//one layer to host the panel links       		document.write('<div class="panelLinkHolder" id='+this.name+'_panel'+i);      		document.write('_f style="top:'+panelLinkTop+'; width:');      		document.write(this.width+'; height:');      		document.write((this.panels[i].img.length*this.buttonspace)+';">');      		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+';width:'+this.width+';" onmouseover="this.className=\'panelLinkIn\';" onmouseup="document.location=\''+this.panels[i].act[j]+'\';" onmouseout="this.className=\'panelLinkOut\';">');			document.write('<img src="'+this.panels[i].img[j]+'" align="middle" border="0" alt="icon" />');			document.write(' '+this.panels[i].lbl[j]);			document.write('</div>');        		mtop=mtop+this.buttonspace;      		}      		document.write('</div>');        	document.write('<div id='+this.name+'_panel'+i+'_c class="panelButton" ');        	document.write('onClick="javascript:'+this.v+'.showPanel('+i);        	document.write(');" style="width:');        	document.write((this.width-c)+'; height:'+(panelButtonHeight-c)+';"><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)+';"><a href="#" onclick="');      		document.write(this.panels[i].v+'.down(16);this.blur();return false;" >');      		document.write('<img src="'+getWebguiProperty("extrasURL")+'/slidePanel/arrowup.gif" border="0" 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)*panelButtonHeight)+'; left:');      		document.write((this.width-20)+';"><a href="#" onclick="');      		document.write(this.panels[i].v+'.up(16);this.blur();return false">');      		document.write('<img src="'+getWebguiProperty("extrasURL")+'/slidePanel/arrowdown.gif" border="0" alt="scroll down" />');      		document.write('</a></div>');      		document.write('</div>')    	}    	document.write('</div>');  	for (i=0;i<this.panels.length;i++) {    		this.panels[i].obj=document.getElementById(this.name+'_panel'+i);      		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();  	}	rightboundary=0	leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1	document.write('</div>')	themenu=document.getElementById("slidePanelBar").style;  	//activate last panel    	//actual panel is saved in a cookie    	if (document.cookie)      		this.showPanel(document.cookie);    	else      		this.showPanel(0);	//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;};                el.y = startY;                return el;        }        window.floatBarWithScroll=function()        {                var pY = document.body.scrollTop;                ftlObj.y += (pY + startY - ftlObj.y)/8;                ftlObj.sP(ftlObj.y);                setTimeout("floatBarWithScroll()", 10);        }        ftlObj = ml("slidePanelBar");        floatBarWithScroll();}
meta: 5314	/local1/tlutelli/issta_data/temp/all_js/javascript/2006_temp/2006/5314/7bc78aa9958fc819194a41f28faf3c9e821b64b4/slidePanel.js/buggy/www/extras/slidePanel/slidePanel.js