<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Label1' locked='false' title='Top Labels' type='Label'>
<b:includable id='main'>
<h2>Top 10 Labels </h2>
<div class='widget-content'>
<div id='LabelDisplay'>
</div>

<p align='center'><b>OR</b></p>

<div id='menuLabelDisplay'>
</div>
</div>

<script language='javascript' type='text/javascript'>
var myCnt = 0;
var display = &quot;<ul>&quot;;
<b:loop values='data:labels' var='label'>
if ( myCnt < 10 ) {
display = display + &quot;<li><a expr:href='data:label.url + "?max-results=20"'><data:label.name/></a> (<data:label.count/>)</li>&quot;;
myCnt++;
}
</b:loop>
display = display + &quot;</ul>&quot;;

obj = document.getElementById(&#39;LabelDisplay&#39;);
obj.innerHTML = display;

var display1 = &quot;<select onchange='location = this.options[this.selectedIndex].value;' style='width: 150px'><option>Select a label</option> &quot;;
<b:loop values='data:labels' var='label'>
display1 = display1 + &quot;<option expr:value='data:label.url + "?max-results=20"'><data:label.name/> (<data:label.count/>)</option>&quot;;
</b:loop>
display1 = display1 + &quot;</select>&quot;;

obj = document.getElementById(&#39;menuLabelDisplay&#39;);
obj.innerHTML = display1;

</script>

<b:include name='quickedit'/>
</b:includable>
</b:widget>