$(document).ready(function(){
   //if mask is clicked
   $('#mydocInfoMask').click(function () {
			//$(this).fadeTo("slow", 0);
            //$('#quiz-wrapper').fadeTo("slow", 0);
            $(this).animate({ width: 'hide', opacity: 'hide'}, 100);
            $('#mydocInfoWrapper').animate({ width: 'hide', opacity: 'hide'}, 100);

       });
}); //close $(document).ready()


function openMyDocInfo() {

    var id = $('#mydocInfoWrapper');

    // fensterhöhe / -breite
    var maskHeight = $(window).height();
    var maskWidth = $(window).width();

    // maske über ganzem window skalieren
    $('#mydocInfoMask').css({'width':maskWidth,'height':maskHeight});

    // maske einblenden
    //$('#mask').fadeIn(125);
    $('#mydocInfoMask').fadeTo("slow",0.2);

    // window breite / höhe
    var winH = $(window).height();
    var winW = $(window).width();

    // "fenster" zentrieren
    $(id).css('top', 150); //$(id).css('top',  winH/2-$(id).height()/2);
    $(id).css('left', winW/2-$(id).width()/2);

    // einblenden
    $(id).fadeIn(1000);

	//$("#loading").slideUp(100);
}

function closeMyDocInfo() {
	
	 $('#mydocInfoMask').animate({ width: 'hide', opacity: 'hide'}, 100);
     $('#mydocInfoWrapper').animate({ width: 'hide', opacity: 'hide'}, 100);
}

function openMyDocAppointment() {

    var id = $('#mydocAppointmentWrapper');

    // fensterhöhe / -breite
    var maskHeight = $(window).height();
    var maskWidth = $(window).width();

    // maske über ganzem window skalieren
    $('#mydocAppointmentMask').css({'width':maskWidth,'height':maskHeight});

    // maske einblenden
    //$('#mask').fadeIn(125);
    $('#mydocAppointmentMask').fadeTo("slow",0.2);

    // window breite / höhe
    var winH = $(window).height();
    var winW = $(window).width();

    // "fenster" zentrieren
    $(id).css('top', 150); //$(id).css('top',  winH/2-$(id).height()/2);
    $(id).css('left', winW/2-$(id).width()/2);

    // einblenden
    $(id).fadeIn(1000);

	//$("#loading").slideUp(100);
}

function closeMyDocAppointment() {
	
	 $('#mydocAppointmentMask').animate({ width: 'hide', opacity: 'hide'}, 100);
     $('#mydocAppointmentWrapper').animate({ width: 'hide', opacity: 'hide'}, 100);
}