
if (document.getElementById) {
	//to get the hidden elements hidden before appearing to the browser
	//unobstrusive because only executed if js activated
    document.write('<style type="text/css">#psiServiceTabsBox {display:none;}</style>');
	document.write('<style type="text/css">#userFeedbackFormFields {display:none;}</style>');
}


//Toggling visibility of psi-box
$(document).ready(function(){

    $("#psiServiceTabsBox").hide(); //hide box in case css is deactivated
    
    $("#psiTab").click(function(){
        $("#psiServiceTabsBox").toggle();
    });
	
    $(".psiServiceTabsBoxClose").click(function(){
        $("#psiServiceTabsBox").toggle();
    });
    
});


//Toggling visisbility of user-feedback form
$(document).ready(function(){

    $("#userFeedbackFormFields").hide(); //hide box in case css is deactivated
    
    $("#feedbackMissing").click(function(){
        $("#userFeedbackFormFields").toggle();
    });

    
});