// When the page is ready
$(document).ready(function(){
//generic boxes
$('div.showhide').hide();
$('div#toolbox').children('div.showhide').show();

//$('<div class="panel_button" style="display: visible;"><img src="App_Themes/FRI/images/expand.png"  alt="expand"/> <a href="#" class="JBopenShut">&#197;pne</a> </div><div class="panel_button" id="hide_button" style="display: none;"><img src="App_Themes/FRI/images/collapse.png" alt="collapse" /> <a href="#" class="JBopenShut">Lukk</a> </div>').insertBefore('div.revealer h4');
//$('<div class="panel_button" style="display: visible;"><img src="./css/images/expand.png"  alt="expand"/> &#197;pne </div><div class="panel_button" id="hide_button" style="display: none;"><img src="./css/images/collapse.png" alt="collapse" />Lukk </div>').insertBefore('div.revealer h4');
$('<div class="panel_button" style="display: visible;"><img src="App_Themes/FRI/images/expand.png"  alt="expand"/><span style="color:#0000ff;">&#197;pne</span></div><div class="panel_button" id="hide_button" style="display: none;"><img src="App_Themes/FRI/images/collapse.png" alt="collapse" /><span style="color:#0000ff;">Lukk</span></div>').insertBefore('div.revealer h4');


//If no open close button hide this:
//$('<div class="panel_button" style="display: visible;"><img src="css/images/collapse.png" alt="collapse" /> <a href="#" class="JBopenShut">Lukk</a> </div><div class="panel_button" id="hide_button" style="display: none;"><img src="css/images/expand.png"  alt="expand"/> <a href="#" class="JBopenShut">&#197;pne</a> </div>').insertBefore('div.revealer:first h4');

//Wrap the header in a link too
$('div.revealer h4').contents().wrap('<a href="#" class="JBopenShut"></a>');
$('div.revealer div.panel_button').contents().wrap('<a href="#" class="JBopenShut"></a>');

//Open and close
$('a.JBopenShut').click(function(){
$(this).parents('div.revealer').children("div.panel_button").toggle();
$(this).parents('div.revealer').children('div.showhide').toggle();
return false;
})

//Close jquery	 
});