﻿function TogglePanel(panelId,senderId)
{
	var panel = document.getElementById(panelId);
	var sender = document.getElementById(senderId);
	panel.style.display = (panel.style.display == "none") ? "block" : "none";
	sender.className= (sender.className == "faq_close") ? "faq_open" : "faq_close";
}

function toggle(slideWhat)
{
    var slide = $get(slideWhat);
    if (slide.style.display=='none')
    {
        Effect.SlideDown(slideWhat);
	    document.getElementById('toggle').className="toggleactive";
	}
    else
    {
        Effect.SlideUp(slideWhat);
	    document.getElementById('toggle').className="toggle";
	}
}

function checkValid(validField)
{
    if(!Page_ClientValidate())
    {
        $get(validField).style.display='';
    }
    else
    {
        $get(validField).style.display='none;';
    }
    
}

function bgAction()
{
    if($get('show_back').style.display=='none')
    {
        //Show arrow and hide everything
        Effect.DropOut('col_left');
        Effect.DropOut('col_right');
        Effect.DropOut('footer');
        $get('show_back').style.display='block';

        //$get('col_left').style.display='none';
        //$get('col_right').style.display='none';
    }
    else
    {
        //hide arow and show everything
        $get('show_back').style.display='none';
        Effect.Appear('col_left');
        Effect.Appear('col_right');
        Effect.Appear('footer');

        //$get('col_left').style.display='';
        //$get('col_right').style.display='';
    }
}
