function open_details(id, page)
{
    $(page+"_action").value = "show_details";
    $(page+"_id").value = id;
    $("form_"+page).submit();
}

function show_previous(id, pos, page)
{
    $(page+"_action").value="show_previous";
    $(page+"_id").value = id;
    $("param_01").value = pos;
    $("form_"+page).submit();
}

function show_next(id, pos, page)
{
    $(page+"_action").value="show_next";
    $(page+"_id").value = id;
    $("param_01").value = pos;
    $("form_"+page).submit();
}

function picture_handler(status, id, type)
{
    $(type+"_name_"+id).style.display = status;
    $(type+"_hover_"+id).style.display = status;
}

function startpage_click()
{
    $('startpage_form').submit();
}
Event.observe(window, 'load', function(){

    if ($('drawingstyles_panel1'))
    {
	    Event.observe('drawingstyles_panel1', 'mouseover', function(e){
		    $("drawingstyles_panel1").style.display="none";
		    $("drawingstyles_panel2").style.display="block";
		    var dimensions = $("drawingstyles_content").getDimensions();
		    if($("shadow_left") && $("shadow_right"))
		    {
		      $("shadow_left").style.height=dimensions.height+"px";
              $("shadow_right").style.height=dimensions.height+"px";
              $("drawingstyles_panel2").style.width = (dimensions.width+20)+"px";
              $("shadow_bottom_right").style.width = (dimensions.width-80)+"px";
            }
	    });

	    Event.observe('drawingstyles_panel2', 'mouseout', function(e){
	        if ($(e.relatedTarget).descendantOf($('drawingstyles_panel2'))) {
	            return;
	        }
		    $("drawingstyles_panel1").style.display="block";
		    $("drawingstyles_panel2").style.display="none";

	    });
    }
});