rem: document.body.style.marginLeft = this.width+'px'; var i; var j; var t=0; var h; var c=3;   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)   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;   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>')   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>');   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(); }   var cookie = sp_readCookie("slidePanel"); if (cookie) this.showPanel(cookie); else this.showPanel(this.panels.length-1);  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; 
add: document.write('<dl class="accordion-menu">'); for (var i=0; i < this.panels.length; i++) { document.write('<dt id="wgabdt'+i+'" class="a-m-t">' + this.panels[i].caption + '</dt>'); document.write('<dd class="a-m-d">'); lastAdminBarPanel = i; for (var j=0; j < this.panels[i].img.length; j++) { document.write('<a class="link" href="'+ this.panels[i].act[j] +'">'); document.write('<img src="'+this.panels[i].img[j]+'" style="border: 0px; vertical-align: middle;" alt="icon" />'); document.write(this.panels[i].lbl[j] + '</a>'); 
context: 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();}
meta: 2465	/local1/tlutelli/issta_data/temp/all_js/javascript/2007_temp/2007/2465/2c1f56a00930f5255a869448a939ab12de39a323/slidePanel.js/buggy/www/extras/slidePanel/slidePanel.js