  
		<html lang="en">




<head>
<!-- <title>doall-175</title> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

<link rel="icon" href="bloomsbury_assets/doall/images/DO_favicon_16x16.png" sizes="16x16" type="image/png">
<meta charset="UTF-8">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KJ5ZC6WD');</script>
<!-- End Google Tag Manager -->









<script>
            window.fiveStarSession = "3613030DB99B84FE19B2FC38C988AC8B";
      </script>




<meta property="og:url" content="https://www.dramaonlinelibrary.com/doall/error-page" />
<meta property="og:title" content="" />
<meta property="og:description" content="" />



	
			












																																																																																																															



























				
					

 










	



	



<input type="hidden" id="counterhiddenInput" value=""/>



<input type="hidden" id="session-timeout-Value" value="30"/>





	<meta name="description" content="">
	<meta name="keywords" content="">


	
	<title>Drama Online</title>
<meta name="ST.PlatformAPIKey" content="36b524711d26d2ca" />


<!-- CSS -->
<link href="/bloomsbury_assets/bloomsbury/css/support.css" rel="stylesheet" type="text/css">
<link href="/bloomsbury_assets/bloomsbury/css/custom-select.css" rel="stylesheet" type="text/css">
<link href="/bloomsbury_assets/bloomsbury/css/owl-carousel-new.css" rel="stylesheet" type="text/css">
<link href="/bloomsbury_assets/bloomsbury/css/checkbox.css" rel="stylesheet" type="text/css">
<link href="/bloomsbury_assets/bloomsbury/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="/bloomsbury_assets/doall/css/plyr.css" rel="stylesheet" type="text/css">
<link href="/bloomsbury_assets/bloomsbury/css/bootstrap-slider.css" rel="stylesheet" type="text/css">
<link href="/bloomsbury_assets/bloomsbury/css/support-ui.css" rel="stylesheet" type="text/css">



				<link href="/bloomsbury_assets/doall/css/doall.css" rel="stylesheet" type="text/css">
		<link href="/bloomsbury_assets/doall/css/product.css" rel="stylesheet" type="text/css">
	

<!--<link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css"
   integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ=="
   crossorigin=""/>-->
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.css" crossorigin="">
   

<!-- JS -->
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/custom.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/owl-carousel-new.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/custom-select.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/plyr.js"></script>


<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/bootstrap-slider.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/mousescroll.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery-show-first.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/clipboard.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery.mark.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery.cloudinary.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/bloomsbury.min.js?v=80018"></script>
<script src='https://www.recaptcha.net/recaptcha/api.js'></script>
<!--<script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet.js"
   integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log=="
   crossorigin=""></script>-->
   	 <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.js" crossorigin=""></script>
	 	 <script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/leaflet.ChineseTmsProviders.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery.cookie.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery.truncation.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/openseadragon.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/openseadragon-svg-overlay.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/snap.svg-min.js"></script>

<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/jquery.numeric.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/raphael.min.js"></script>
<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/URI.min.js"></script>
<!-- <script src="https://ssl.geoplugin.net/json.gp?k=a79c8a904f5edab4&jsoncallback=getGeolocationData"></script> -->
<script>
	$.ajax({
			type: "GET",
			url: '/app/getmylocat',
			success: function(response){
				getGeolocationData(response); 
			},
			error: function(error){
				console.log(error);
			}
		});
</script>

<!-- OneTrust Cookies Consent Notice start for dramaonlinelibrary.com -->
<script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js"  type="text/javascript" charset="UTF-8" data-domain-script="0474550a-477b-4f31-b2fd-890701a4dd7c" ></script>
<script type="text/javascript">
function OptanonWrapper() { }
</script>
<!-- OneTrust Cookies Consent Notice end for dramaonlinelibrary.com -->
</head>

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJ5ZC6WD "
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

	<div style="position: absolute;top:-10000px;" class="skip-content-div">
		<a href="javascript:void(0);" id="skip-content" aria-label="Skip to main content">Skip to main content</a>
	</div>

<input type="hidden" id="copytocliptxt" name="copytoclipboard" value="Copy to Clipboard"/>
<input type="hidden" id="copiedtocliptxt" name="copiedtoclipboard" value="Copied"/>
<input id="counterEnabled" type="hidden" value="true">
<input id="instanceValue" type="hidden" value="instance2">
<div id="messageBoxFull" aria-live="assertive" style="position:absolute;top:-10000;left:-10000" aria-relevant="additions removals"></div>

        
<div class="loading-hidden hide">
    <div class="loading-image"><img src="/bloomsbury_assets/bloomsbury/images/loader.gif" alt="Loading" title="Loading"> </div>
</div>

<div class="content-loader hide">
  <img src="/bloomsbury_assets/bloomsbury/images/loader.gif" alt="Loading" title="Loading" class="loader-icon"/>
</div>

<input type="hidden" id="imageAuthEnabled" value="false"/>

<script>
var sqtrkq = sqtrkq || [];
window.analyticsFlag = false;
function showAjaxLoader(element) {
    $(".content-loader").clone().removeClass("hide").appendTo(element);
}

function hideAjaxLoader(element) {
    $(element).find(".content-loader").remove();
}

(function(){
    var sqtrk=document.createElement('script');
    sqtrk.id='sqtrk';
    sqtrk.type='text/javascript';
    sqtrk.async=true;
    sqtrk.src=(('https:'==document.location.protocol)?'https':'http')+'://'+document.location.host+'/analytics/js/tracker.js';
    var selm=document.getElementsByTagName('script')[0];
    selm.parentNode.insertBefore(sqtrk,selm);
})();

var signupEventFlag=localStorage.getItem("signup-success");
if (signupEventFlag && signupEventFlag == "true") {
	dataLayer.push({
		'event' : 'sign_up'
	});
}
localStorage.removeItem("signup-success");

	// default language code setting
	if (typeof $.cookie('seleLang') === 'undefined'){
		$.cookie("seleLang", "en");
		$.cookie("taxonomy", "");
		$.cookie("contenttype", "");
		$.cookie("fromYear", "");
		$.cookie("toYear", "");
	}
	
   
 $(document).ready(function() {
  $(window).resize(function() {
   var width = $(window).width();
   if (width >= 1024) {
       } else if ((width <= 1023) && (width >= 768)) {
       } else {
       }
  });
  
	$(".lang_list a").on("click",function(){
	   var oldLang = $(".lang_list a.active").attr("data-lang");
	   var newLang = $(this).attr("data-lang");
	   $.cookie("seleLang", newLang);
	   location.reload();
	});
 }); 

function getCoverSheetDate(){
    var d = new Date();
    var year = d.getFullYear();
    var month = d.toLocaleString([], { month: "short" });
    var day = d.toLocaleString([], { day: "2-digit" });
    var time = d.getTime();
    var minutes = d.getTimezoneOffset();
    var offset =  minutes / 60;
    var utc = day + ' ' + month + ' ' + year +' at '+  d.getUTCHours() + ':'+d.getUTCMinutes()+':'+ d.getUTCSeconds() + "." + d.getUTCMilliseconds() + ''+ Math.floor(offset) + ":00";
    return utc;
 }
 
 function isIEBrowser() {
	   var ua = window.navigator.userAgent;
	   var msie = ua.indexOf("MSIE");
		// If Internet Explorer
	   if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))  
	   {
		  return true;
	   }
	   else
	   {
		return false;
	   }
 }
 
 function downloadPDF(filePath, downloadName) {
		if (isIEBrowser()){
			var _window = window.open(filePath, '_blank');
			//_window.document.close();
			//_window.document.execCommand('SaveAs', true, downloadName)
			//_window.close(); 
		} else {
			var link=document.createElement('a');
			link.href= filePath;
			link.download= downloadName;
			var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0 || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || safari.pushNotification);
			if (isSafari) {
				window.location.href=filePath;
			} else {
				var evt = document.createEvent('MouseEvents');
				evt.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
				link.dispatchEvent(evt);
			}
		}
 }	
 function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

      // Windows Phone must come first because its UA also contains "Android"
    if (/windows phone/i.test(userAgent)) {
        return "Windows Phone";
    }

    if (/android/i.test(userAgent)) {
        return "Android";
    }

    // iOS detection from: http://stackoverflow.com/a/9039885/177710
    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
        return "iOS";
    }

    return "unknown";
}
 
  function openPrint(content) {
  		var OS = getMobileOperatingSystem();
        if (OS == "iOS") {
          $("#printFrame").remove();
        }
		var frame1 = document.createElement('iframe');
		frame1.name = "frame1";
		frame1.id = "printFrame";
		frame1.style.position = "absolute";
		frame1.style.top = "-1000000px";
		document.body.appendChild(frame1);
		var frameDoc = frame1.contentWindow ? frame1.contentWindow : frame1.contentDocument.document ? frame1.contentDocument.document : frame1.contentDocument;
		if (OS == "Android") {
          var originalContents = document.body.innerHTML;
          document.body.innerHTML = xmlreq.responseText;
          setTimeout(function() {
            window.print();
            document.body.innerHTML = originalContents;
            showProgress();
            location.reload();
          }, 1000);
        } else if (OS == "iOS") {
          frameDoc.document.open();
          frameDoc.document.write(xmlreq.responseText);
          frameDoc.document.close();
          setTimeout(function () {
          window.frames["frame1"].focus();
          window.frames["frame1"].print();
          //document.body.removeChild(frame1);
          }, 1000);
        } else {
          frameDoc.document.open();
          frameDoc.document.write(xmlreq.responseText);
          frameDoc.document.close();
          setTimeout(function () {
          window.frames["frame1"].focus();
          window.frames["frame1"].print();
          document.body.removeChild(frame1);
          }, 500);
		}
 }
</script>



 
<div role="dialog" aria-modal="true" aria-labelledby="myModalLabel" class="modal fade" id="signin_modal" tabindex="-1" data-backdrop="static" data-keyboard="false">
    <div class="vertical-alignment-helper">
    <div class="modal-dialog signin-modal vertical-align-center" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="signin_close">
                    <button class="closebtn" type="button" data-dismiss="modal" aria-label="Close" title="Close">
                        <img src="/bloomsbury_assets/bloomsbury/images/signin_close.png" alt="" role="presentation">
                    </button>
                </div>
                                <h2 id="myModalLabel"  aria-label="Sign in to Your Personal Account ">Sign in to Your Personal Account </h2>
                                <div tabindex="0" class="signinwith hide hide signup_social" aria-label="Sign in with"><span>Sign in with:</span>
					<a href="javascript:;" onclick="if(confirm('You are being redirected to an external link. Do you wish to continue?')) {gp_login();return false;}
					else {return false;}" title="Google"><span class="icon-Social_Google" title="Google"></span></a>
					<a href="javascript:;" onclick="if(confirm('You are being redirected to an external link. Do you wish to continue?')) {fb_login();return false;}
					else {return false;}" title="Facebook"><span class="icon-Social_Facebook" title="Facebook"></span></a>
    				<a href="javascript:;" onclick="if(confirm('You are being redirected to an external link. Do you wish to continue?')) {tw_login();return false;}
					else {return false;}" title="Twitter"><span class="icon-Social_Twitter" title="Twitter"></span></a>
				</div>
                <p align="center" tabindex="0" aria-label="or" class="hide hide">Or</p>
                <form method="post" id="signin-form">
				   <span class="err-msg hide" id="signinerr" tabindex="0" aria-live="polite" aria-label="Incorrect Email Address or password. Please try again.">Incorrect Email Address or password. Please try again.</span>
                   <div class="form-group">
                        <label aria-label="Email Address">Email Address</label>
                        <input type="email" class="form-control" aria-label="email address" id="signin-username" name="signin-username"  autocomplete="off">   
						<span class="err-msg hide" tabindex="0" aria-live="assertive" aria-label="Invalid Email Address">Invalid Email Address</span>
                    </div>
                    <div class="form-group">
                        <label  aria-label="Password">Password</label>
                        <input type="password" class="form-control" id="signin-password" name="signin-password" autocomplete="off">
						<!-- <span class="err-msg hide" tabindex="0" aria-label="Invalid Password">Invalid Password</span> -->
                        <div class="forget_pass"><a class="forget-passwordlink" href="pre-forgot-password">Forgot Password?</a></div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="form-group" align="center">
                       <input role="button" id="signin-btn" class="primary_btn disabled-btn" aria-label="signin" value="Sign in">
                    </div>
					<div>
                    	With a personal account, you can save books, chapters, images or other items to view later.
                    </div>
                                    </form>
                <p class="personal_acc"  aria-label="Don't have a personal account yet? Sign up now">
                    Don't have a personal account yet?<br>
                    <!-- <a  href="sign-up?recentUrl=/error-page">Sign up now.</a> -->
                    <a class="personal_acclabel" href="https://p13n-bloomsbury.highwire.org/register?return-url=https://www.dramaonlinelibrary.com%2Ferror-page">Sign up now.</a>
                </p>
            </div>
        </div>
    </div>
    </div>
</div>


<div role="dialog" aria-modal="true" aria-labelledby="commontool-changePassword" aria-describedby="changePassword-dialog-description" class="modal fade" id="changepass" tabindex="-1" data-backdrop="static" data-keyboard="false">
    <div class="vertical-alignment-helper">
        <div class="modal-dialog signin-modal change_password vertical-align-center" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="close_icon">
                    <button type="button" data-dismiss="modal" aria-label="Close" title="Close">
                        <img src="/bloomsbury_assets/bloomsbury/images/signin_close.png" alt="" role="presentation">
                    </button>
                </div>
                <h2 id="head-changepwd" tabindex="0" aria-labelledby="head-changepwd">Change Password</h2>
                <form method="post" id="change-password-form">
                    <div class="form-group">
                        <label id="head-currentpwd" tabindex="0" aria-labelledby="head-currentpwd">Current Password</label>
                        <input name="oldpassword" id="change-old-pwd" type="password" class="form-control" placeholder="Enter Current Password" maxlength="20" autocomplete="off">
						<span id="head-currentpwd-err" class="err-msg hide" tabindex="0" aria-live="polite" aria-labelledby="head-currentpwd">Current Password doesn't match</span>
					</div>
                    <div class="form-group">
                        <label id="head-newpwd" tabindex="0" aria-labelledby="head-newpwd">New Password</label>
                        <input name="newpassword" id="change-new-pwd" type="password" class="form-control" placeholder="Enter new password" maxlength="20" autocomplete="off">
						<span id="head-newpwd-err" class="err-msg hide" tabindex="0" aria-live="polite" aria-labelledby="head-newpwd-err">Enter min 6 Characters</span>
					</div>
                    <div class="form-group">
                        <label id="head-confirm-newpwd" tabindex="0" aria-labelledby="head-confirm-newpwd">Confirm New Password</label>
                        <input name="confnewpassword" id="change-confirm-pwd" type="password" class="form-control" placeholder="Re-enter password" maxlength="20" autocomplete="off">
						<span id="head-confirm-newpwd-err" class="err-msg hide" tabindex="0"  aria-live="polite" aria-labelledby="head-confirm-newpwd">Entered password does not match</span>
					</div>
                    <div class="form-group no_margin" align="center">
                        <input type="button" id="change-pwd-btn" value="Save" class="primary_btn disabled-btn" aria-label="save">
                        <input type="button" value="Cancel" class="secondary_btn" data-dismiss="modal" aria-label="cancel">
                    </div>
                </form>
            </div>
        </div>
    </div>
    </div>
</div>


<!-- Signup via Social Media Modal starts Here-->
<div role="dialog" aria-modal="true" aria-labelledby="signup-social-media" aria-describedby="signup-social-media-description" class="modal fade" id="signup-social-media" tabindex="-1" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog" role="document">
	<div class="modal-content">		
		<div class="modal-body fb-signup">
			<div class="signin_close">
				<button type="button" data-dismiss="modal" aria-label="Close" title="Close">
                    <img src="/bloomsbury_assets/bloomsbury/images/signin_close.png" alt="" role="presentation">
                </button>
			</div>
			  <h3 id="sn-signup-media-title" tabindex="0" aria-labelledby="sn-signup-media-title">Sign Up Via FaceBook</h3>
			  
			  <!-- <div class="row prof-pic"> -->
				<!-- <div class="col-lg-3 col-sm-3 col-md-3 col-xs-3 profile-icon"> -->
				<!-- <img id="sn-profile-pic" src="/bloomsbury_assets/bloomsbury/images/fb-prof-pic.jpg" style="margin: 0 auto; width: 70px; height: 70px;" class="img-rounded" alt="prof pic" tabindex="0"> -->
			    <!-- </div> -->
				<!-- <div class="col-lg-9 col-sm-9 col-md-9 col-xs-9"> -->
			    <!-- <h5 id="sn-full-name" tabindex="0" aria-labelledby="sn-full-name">John Doe</h5> -->
			    <!-- <p id="sn-email" class="mail-id" tabindex="0" aria-labelledby="sn-email">johndoe@gmail.com</p>	 -->
                <!-- <div class="fb-icon">				 -->
				<!-- <img id="sn-signup-icon" src="/bloomsbury_assets/bloomsbury/images/fb-signup-icon.png" alt="fb-icon" tabindex="0"> -->
				<!-- <span id="signup-social-label" tabindex="0" aria-labelledby="signup-social-label">&nbsp;Facebook</span></div> -->
			  <!-- </div> -->
			  <!-- </div> -->
			  
			  <div class="clearfix prof-pic">
				<div class="profile-icon">
				<img id="sn-profile-pic" src="/bloomsbury_assets/bloomsbury/images/fb-prof-pic.jpg" width="75" height="75" class="img-rounded" alt="prof pic" tabindex="0">
			    </div>
				<div class="profile-text">
			    <h5 id="sn-full-name" tabindex="0" aria-labelledby="sn-full-name">John Doe</h5>
			    <p id="sn-email" class="mail-id" tabindex="0" aria-labelledby="sn-email">johndoe@gmail.com</p>	
                <div class="fb-icon">				
				<img id="sn-signup-icon" src="/bloomsbury_assets/bloomsbury/images/fb-signup-icon.png" width="25" height="25" alt="fb-icon" tabindex="0">
				<span id="signup-social-label" tabindex="0" aria-labelledby="signup-social-label">&nbsp;Facebook</span></div>
			  </div>
			  </div>
			  
			  <div class="clearfix"></div>

			  <h4 id="head-addInfo" tabindex="0" aria-labelledby="head-addInfo">Additional info required</h4>
			  <div class="row">
				<form id="sn-signup-form" class="fb-signup-form" method="post">
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 signup-title hide">
						<div class="title_cont">
							<div class="form-group clearfix">
								<label id="head-social-titlab" tabindex="0" aria-labelledby="head-social-titlab">Title<sup>*</sup></label>
								<div class="clearfix"></div>
								<select id="sn-signup-title-option" name="title" class="selectpicker form-control title_style col-lg-6 col-md-6 col-sm-6 col-xs-6">
									<option value="">Select</option>
																														<option value="Mr."> Mr. </option>
																					<option value="Mrs."> Mrs. </option>
																					<option value="Miss."> Miss. </option>
																					<option value="Ms."> Ms. </option>
																					<option value="Dr."> Dr. </option>
																					<option value="Prof."> Prof. </option>
																					<option value="Other"> Other </option>
																											</select>
							<input type="text" id="sn-signup-other-txt-box" name="otherTitle" class="hide form-control title_style other-txt-box col-lg-6 col-md-6 col-sm-6 col-xs-6" autocomplete="off">
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
					
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
						<div class="form-group">
							<label id="head-social-frsnme" tabindex="0" aria-labelledby="head-social-frsnme">First Name<sup>*</sup></label>
							<input id="sn-signup-first-name" name="firstname" type="text" class="form-control" placeholder="First Name" maxlength="30" autocomplete="off">
						</div>
					</div>

					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hide">
						<div class="form-group">
							<label id="head-social-surnme" tabindex="0" aria-labelledby="head-social-surnme">Surname<sup>*</sup></label>
						<input id="sn-signup-sur-name" class="form-control" name="surname" type="text" class="form-control" placeholder="Surname" maxlength="30" autocomplete="off">
						</div>
					</div>
					<div class="clearfix"></div>
					
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hide">
						<div class="form-group">
							<label id="head-social-occup" tabindex="0" aria-labelledby="head-social-occup">Occupation<sup>*</sup></label>
							<select id="sn-signup-occupation-select" name="occupation" class="selectpicker form-control">
								<option value="">Select</option>
																											<option value="Librarian"> Librarian </option>
																			<option value="Academic/Faculty"> Academic/Faculty </option>
																			<option value="Administrator"> Administrator </option>
																			<option value="Student"> Student </option>
																			<option value="Other"> Other </option>
																								</select>
						</div>
						<div class="clearfix"></div>
						<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no_pad">
							<input type="text" id="sn-signup-occupation-text-box" name="occupationTitle" class="hide form-control" autocomplete="off">
						</div>
					</div>

					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hide">
						<div class="form-group">
							<label id="head-social-crty" tabindex="0" aria-labelledby="head-social-crty">Country<sup>*</sup></label>
							<select id="sn-signup-country" name="signup-country" class="selectpicker form-control">
								<option value="">Select</option>
																											<option value="af" title="Afghanistan">Afghanistan</option>
																			<option value="ax" title="Aland Islands">Aland Islands</option>
																			<option value="al" title="Albania">Albania</option>
																			<option value="dz" title="Algeria">Algeria</option>
																			<option value="as" title="American Samoa">American Samoa</option>
																			<option value="ad" title="Andorra">Andorra</option>
																			<option value="ao" title="Angola">Angola</option>
																			<option value="ai" title="Anguilla">Anguilla</option>
																			<option value="aq" title="Antarctica">Antarctica</option>
																			<option value="ag" title="Antigua and Barbuda">Antigua and Barbuda</option>
																			<option value="ar" title="Argentina">Argentina</option>
																			<option value="am" title="Armenia">Armenia</option>
																			<option value="aw" title="Aruba">Aruba</option>
																			<option value="au" title="Australia">Australia</option>
																			<option value="at" title="Austria">Austria</option>
																			<option value="az" title="Azerbaijan">Azerbaijan</option>
																			<option value="bs" title="Bahamas">Bahamas</option>
																			<option value="bh" title="Bahrain">Bahrain</option>
																			<option value="bd" title="Bangladesh">Bangladesh</option>
																			<option value="bb" title="Barbados">Barbados</option>
																			<option value="by" title="Belarus">Belarus</option>
																			<option value="be" title="Belgium">Belgium</option>
																			<option value="bz" title="Belize">Belize</option>
																			<option value="bj" title="Benin">Benin</option>
																			<option value="bm" title="Bermuda">Bermuda</option>
																			<option value="bt" title="Bhutan">Bhutan</option>
																			<option value="bo" title="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option>
																			<option value="bq" title="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option>
																			<option value="ba" title="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
																			<option value="bw" title="Botswana">Botswana</option>
																			<option value="bv" title="Bouvet Island">Bouvet Island</option>
																			<option value="br" title="Brazil">Brazil</option>
																			<option value="io" title="British Indian Ocean Territory">British Indian Ocean Territory</option>
																			<option value="bn" title="Brunei Darussalam">Brunei Darussalam</option>
																			<option value="bg" title="Bulgaria">Bulgaria</option>
																			<option value="bf" title="Burkina Faso">Burkina Faso</option>
																			<option value="bi" title="Burundi">Burundi</option>
																			<option value="kh" title="Cambodia">Cambodia</option>
																			<option value="cm" title="Cameroon">Cameroon</option>
																			<option value="ca" title="Canada">Canada</option>
																			<option value="cv" title="Cape Verde">Cape Verde</option>
																			<option value="ky" title="Cayman Islands">Cayman Islands</option>
																			<option value="cf" title="Central African Republic">Central African Republic</option>
																			<option value="td" title="Chad">Chad</option>
																			<option value="cl" title="Chile">Chile</option>
																			<option value="cn" title="China">China</option>
																			<option value="cx" title="Christmas Island">Christmas Island</option>
																			<option value="cc" title="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
																			<option value="co" title="Colombia">Colombia</option>
																			<option value="km" title="Comoros">Comoros</option>
																			<option value="cg" title="Congo">Congo</option>
																			<option value="cd" title="Congo, the Democratic Republic of the">Congo, the Democratic Republic of the</option>
																			<option value="ck" title="Cook Islands">Cook Islands</option>
																			<option value="cr" title="Costa Rica">Costa Rica</option>
																			<option value="ci" title="Côte d'Ivoire">Côte d'Ivoire</option>
																			<option value="hr" title="Croatia">Croatia</option>
																			<option value="cu" title="Cuba">Cuba</option>
																			<option value="cw" title="Curaçao">Curaçao</option>
																			<option value="cy" title="Cyprus">Cyprus</option>
																			<option value="cz" title="Czech Republic">Czech Republic</option>
																			<option value="dk" title="Denmark">Denmark</option>
																			<option value="dj" title="Djibouti">Djibouti</option>
																			<option value="dm" title="Dominica">Dominica</option>
																			<option value="do" title="Dominican Republic">Dominican Republic</option>
																			<option value="ec" title="Ecuador">Ecuador</option>
																			<option value="eg" title="Egypt">Egypt</option>
																			<option value="sv" title="El Salvador">El Salvador</option>
																			<option value="gq" title="Equatorial Guinea">Equatorial Guinea</option>
																			<option value="er" title="Eritrea">Eritrea</option>
																			<option value="ee" title="Estonia">Estonia</option>
																			<option value="et" title="Ethiopia">Ethiopia</option>
																			<option value="fk" title="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>
																			<option value="fo" title="Faroe Islands">Faroe Islands</option>
																			<option value="fj" title="Fiji">Fiji</option>
																			<option value="fi" title="Finland">Finland</option>
																			<option value="fr" title="France">France</option>
																			<option value="gf" title="French Guiana">French Guiana</option>
																			<option value="pf" title="French Polynesia">French Polynesia</option>
																			<option value="tf" title="French Southern Territories">French Southern Territories</option>
																			<option value="ga" title="Gabon">Gabon</option>
																			<option value="gm" title="Gambia">Gambia</option>
																			<option value="ge" title="Georgia">Georgia</option>
																			<option value="de" title="Germany">Germany</option>
																			<option value="gh" title="Ghana">Ghana</option>
																			<option value="gi" title="Gibraltar">Gibraltar</option>
																			<option value="gr" title="Greece">Greece</option>
																			<option value="gl" title="Greenland">Greenland</option>
																			<option value="gd" title="Grenada">Grenada</option>
																			<option value="gp" title="Guadeloupe">Guadeloupe</option>
																			<option value="gu" title="Guam">Guam</option>
																			<option value="gt" title="Guatemala">Guatemala</option>
																			<option value="gg" title="Guernsey">Guernsey</option>
																			<option value="gn" title="Guinea">Guinea</option>
																			<option value="gw" title="Guinea-Bissau">Guinea-Bissau</option>
																			<option value="gy" title="Guyana">Guyana</option>
																			<option value="ht" title="Haiti">Haiti</option>
																			<option value="hm" title="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option>
																			<option value="va" title="Holy See (Vatican City State)">Holy See (Vatican City State)</option>
																			<option value="hn" title="Honduras">Honduras</option>
																			<option value="hk" title="Hong Kong">Hong Kong</option>
																			<option value="hu" title="Hungary">Hungary</option>
																			<option value="is" title="Iceland">Iceland</option>
																			<option value="in" title="India">India</option>
																			<option value="id" title="Indonesia">Indonesia</option>
																			<option value="ir" title="Iran, Islamic Republic of">Iran, Islamic Republic of</option>
																			<option value="iq" title="Iraq">Iraq</option>
																			<option value="ie" title="Ireland">Ireland</option>
																			<option value="im" title="Isle of Man">Isle of Man</option>
																			<option value="il" title="Israel">Israel</option>
																			<option value="it" title="Italy">Italy</option>
																			<option value="jm" title="Jamaica">Jamaica</option>
																			<option value="jp" title="Japan">Japan</option>
																			<option value="je" title="Jersey">Jersey</option>
																			<option value="jo" title="Jordan">Jordan</option>
																			<option value="kz" title="Kazakhstan">Kazakhstan</option>
																			<option value="ke" title="Kenya">Kenya</option>
																			<option value="ki" title="Kiribati">Kiribati</option>
																			<option value="kp" title="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option>
																			<option value="kr" title="Korea, Republic of">Korea, Republic of</option>
																			<option value="kw" title="Kuwait">Kuwait</option>
																			<option value="kg" title="Kyrgyzstan">Kyrgyzstan</option>
																			<option value="la" title="Lao People's Democratic Republic">Lao People's Democratic Republic</option>
																			<option value="lv" title="Latvia">Latvia</option>
																			<option value="lb" title="Lebanon">Lebanon</option>
																			<option value="ls" title="Lesotho">Lesotho</option>
																			<option value="lr" title="Liberia">Liberia</option>
																			<option value="ly" title="Libya">Libya</option>
																			<option value="li" title="Liechtenstein">Liechtenstein</option>
																			<option value="lt" title="Lithuania">Lithuania</option>
																			<option value="lu" title="Luxembourg">Luxembourg</option>
																			<option value="mo" title="Macao">Macao</option>
																			<option value="mk" title="Macedonia, the Former Yugoslav Republic of">Macedonia, the Former Yugoslav Republic of</option>
																			<option value="mg" title="Madagascar">Madagascar</option>
																			<option value="mw" title="Malawi">Malawi</option>
																			<option value="my" title="Malaysia">Malaysia</option>
																			<option value="mv" title="Maldives">Maldives</option>
																			<option value="ml" title="Mali">Mali</option>
																			<option value="mt" title="Malta">Malta</option>
																			<option value="mh" title="Marshall Islands">Marshall Islands</option>
																			<option value="mq" title="Martinique">Martinique</option>
																			<option value="mr" title="Mauritania">Mauritania</option>
																			<option value="mu" title="Mauritius">Mauritius</option>
																			<option value="yt" title="Mayotte">Mayotte</option>
																			<option value="mx" title="Mexico">Mexico</option>
																			<option value="fm" title="Micronesia, Federated States of">Micronesia, Federated States of</option>
																			<option value="md" title="Moldova, Republic of">Moldova, Republic of</option>
																			<option value="mc" title="Monaco">Monaco</option>
																			<option value="mn" title="Mongolia">Mongolia</option>
																			<option value="me" title="Montenegro">Montenegro</option>
																			<option value="ms" title="Montserrat">Montserrat</option>
																			<option value="ma" title="Morocco">Morocco</option>
																			<option value="mz" title="Mozambique">Mozambique</option>
																			<option value="mm" title="Myanmar">Myanmar</option>
																			<option value="na" title="Namibia">Namibia</option>
																			<option value="nr" title="Nauru">Nauru</option>
																			<option value="np" title="Nepal">Nepal</option>
																			<option value="nl" title="Netherlands">Netherlands</option>
																			<option value="nc" title="New Caledonia">New Caledonia</option>
																			<option value="nz" title="New Zealand">New Zealand</option>
																			<option value="ni" title="Nicaragua">Nicaragua</option>
																			<option value="ne" title="Niger">Niger</option>
																			<option value="ng" title="Nigeria">Nigeria</option>
																			<option value="nu" title="Niue">Niue</option>
																			<option value="nf" title="Norfolk Island">Norfolk Island</option>
																			<option value="mp" title="Northern Mariana Islands">Northern Mariana Islands</option>
																			<option value="no" title="Norway">Norway</option>
																			<option value="om" title="Oman">Oman</option>
																			<option value="pk" title="Pakistan">Pakistan</option>
																			<option value="pw" title="Palau">Palau</option>
																			<option value="ps" title="Palestine, State of">Palestine, State of</option>
																			<option value="pa" title="Panama">Panama</option>
																			<option value="pg" title="Papua New Guinea">Papua New Guinea</option>
																			<option value="py" title="Paraguay">Paraguay</option>
																			<option value="pe" title="Peru">Peru</option>
																			<option value="ph" title="Philippines">Philippines</option>
																			<option value="pn" title="Pitcairn">Pitcairn</option>
																			<option value="pl" title="Poland">Poland</option>
																			<option value="pt" title="Portugal">Portugal</option>
																			<option value="pr" title="Puerto Rico">Puerto Rico</option>
																			<option value="qa" title="Qatar">Qatar</option>
																			<option value="re" title="Réunion">Réunion</option>
																			<option value="ro" title="Romania">Romania</option>
																			<option value="ru" title="Russian Federation">Russian Federation</option>
																			<option value="rw" title="Rwanda">Rwanda</option>
																			<option value="bl" title="Saint Barthélemy">Saint Barthélemy</option>
																			<option value="sh" title="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option>
																			<option value="kn" title="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
																			<option value="lc" title="Saint Lucia">Saint Lucia</option>
																			<option value="mf" title="Saint Martin (French part)">Saint Martin (French part)</option>
																			<option value="pm" title="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
																			<option value="vc" title="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
																			<option value="ws" title="Samoa">Samoa</option>
																			<option value="sm" title="San Marino">San Marino</option>
																			<option value="st" title="Sao Tome and Principe">Sao Tome and Principe</option>
																			<option value="sa" title="Saudi Arabia">Saudi Arabia</option>
																			<option value="sn" title="Senegal">Senegal</option>
																			<option value="rs" title="Serbia">Serbia</option>
																			<option value="sc" title="Seychelles">Seychelles</option>
																			<option value="sl" title="Sierra Leone">Sierra Leone</option>
																			<option value="sg" title="Singapore">Singapore</option>
																			<option value="sx" title="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option>
																			<option value="sk" title="Slovakia">Slovakia</option>
																			<option value="si" title="Slovenia">Slovenia</option>
																			<option value="sb" title="Solomon Islands">Solomon Islands</option>
																			<option value="so" title="Somalia">Somalia</option>
																			<option value="za" title="South Africa">South Africa</option>
																			<option value="gs" title="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option>
																			<option value="ss" title="South Sudan">South Sudan</option>
																			<option value="es" title="Spain">Spain</option>
																			<option value="lk" title="Sri Lanka">Sri Lanka</option>
																			<option value="sd" title="Sudan">Sudan</option>
																			<option value="sr" title="Suriname">Suriname</option>
																			<option value="sj" title="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>
																			<option value="sz" title="Swaziland">Swaziland</option>
																			<option value="se" title="Sweden">Sweden</option>
																			<option value="ch" title="Switzerland">Switzerland</option>
																			<option value="sy" title="Syrian Arab Republic">Syrian Arab Republic</option>
																			<option value="tw" title="Taiwan, Province of China">Taiwan, Province of China</option>
																			<option value="tj" title="Tajikistan">Tajikistan</option>
																			<option value="tz" title="Tanzania, United Republic of">Tanzania, United Republic of</option>
																			<option value="th" title="Thailand">Thailand</option>
																			<option value="tl" title="Timor-Leste">Timor-Leste</option>
																			<option value="tg" title="Togo">Togo</option>
																			<option value="tk" title="Tokelau">Tokelau</option>
																			<option value="to" title="Tonga">Tonga</option>
																			<option value="tt" title="Trinidad and Tobago">Trinidad and Tobago</option>
																			<option value="tn" title="Tunisia">Tunisia</option>
																			<option value="tr" title="Turkey">Turkey</option>
																			<option value="tm" title="Turkmenistan">Turkmenistan</option>
																			<option value="tc" title="Turks and Caicos Islands">Turks and Caicos Islands</option>
																			<option value="tv" title="Tuvalu">Tuvalu</option>
																			<option value="ug" title="Uganda">Uganda</option>
																			<option value="ua" title="Ukraine">Ukraine</option>
																			<option value="ae" title="United Arab Emirates">United Arab Emirates</option>
																			<option value="gb" title="United Kingdom">United Kingdom</option>
																			<option value="us" title="United States">United States</option>
																			<option value="um" title="United States Minor Outlying Islands">United States Minor Outlying Islands</option>
																			<option value="uy" title="Uruguay">Uruguay</option>
																			<option value="uz" title="Uzbekistan">Uzbekistan</option>
																			<option value="vu" title="Vanuatu">Vanuatu</option>
																			<option value="ve" title="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option>
																			<option value="vn" title="Viet Nam">Viet Nam</option>
																			<option value="vg" title="Virgin Islands, British">Virgin Islands, British</option>
																			<option value="vi" title="Virgin Islands, U.S.">Virgin Islands, U.S.</option>
																			<option value="wf" title="Wallis and Futuna">Wallis and Futuna</option>
																			<option value="eh" title="Western Sahara">Western Sahara</option>
																			<option value="ye" title="Yemen">Yemen</option>
																			<option value="zm" title="Zambia">Zambia</option>
																			<option value="zw" title="Zimbabwe">Zimbabwe</option>
																								</select>
						</div>
					</div>
					<div class="clearfix"></div>
					
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
						<div class="form-group">
							<label id="head-social-emaillab" tabindex="0" aria-labelledby="head-social-emaillab">Email Address<sup>*</sup></label>
							<input id="sn-signup-email-addr" type="email" name="email" class="form-control" placeholder="Email Address" autocomplete="off">
                            <span id="sn-signup-emailexists" class="err-msg hide" tabindex="0" aria-live="polite" aria-label="Invalid Email address">Invalid Email address</span>
						</div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="sn-social-verify-email">
						<div class="form-group">
							<label id="head-social-cnfemail" tabindex="0" aria-labelledby="head-social-cnfemail">Confirm Email Address<sup>*</sup></label>
							<input id="sn-signup-verify-email" type="email" class="form-control" placeholder="Confirm Email Address" autocomplete="off">
                            <span id="sn-signup-verify-email-err" class="err-msg hide" tabindex="0" aria-live="polite" aria-labelledby="signup-verify-email-err">Entered Email address does not match</span>
						</div>
					</div>
										<input id="sn-password" type="hidden" name="profile-id">
					<input id="sn-signup-social" type="hidden" name="signup-social-name">
					<div class="clearfix"></div>
					
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
						<div class="checkbox hide">
							<input id="sn-signup-checkbox1" name="keepintouch" class="styled" type="checkbox">
							<label for="sn-signup-checkbox1" tabindex="0" aria-labelledby="I would like to receive information on Drama Online and related Bloomsbury products">
								I would like to receive information on Drama Online and related Bloomsbury products
							</label>
						</div>
						<div class="checkbox">
							<input id="sn-signup-checkbox2" class="styled" type="checkbox">
							<label for="sn-signup-checkbox2" tabindex="0" aria-labelledby="sn-signup-checkbox2">
								I agree with  <a href="terms-and-conditions">Terms & Conditions</a> and <a href="privacy-policy">Privacy & Cookies Policy</a><sup>*</sup>
							</label>
						</div>
					</div>
					
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
						<div class="form-group button_elements">							
							<input id="sn-signup-send-btn" type="button" value="Submit" class="primary_btn disabled-btn">
							<input type="button" value="Clear" class="secondary_btn" data-toggle="modal" data-target="#sn-signup-reset">
						</div>
					</div>
					
				</form>
			  </div>
		</div>
	</div>
  </div>
</div>
<!-- Signup via Social Media Modal End's Here-->

<div role="dialog" aria-modal="true" aria-labelledby="commontool-sn-signup-reset" aria-describedby="sn-signup-reset-description" class="modal fade" id="sn-signup-reset" tabindex="-1" data-backdrop="static" data-keyboard="false">
  <div class="vertical-alignment-helper">
	  <div class="modal-dialog alert_modal vertical-align-center" role="document">
		<div class="modal-content">
		  <div class="modal-body">
			<h2 id="socialsignup-alertmsg" tabindex="0" aria-labelledby="socialsignup-alertmsg">Alert</h2>
			<p id="socialsignup-alertconfirm" tabindex="0" aria-labelledby="socialsignup-alertconfirm">Are you sure you want to reset the form?</p>
			<input type="button" value="Yes" class="primary_btn sn-signup-clear-btn" data-dismiss="modal"> 
			<input data-dismiss="modal" type="button" value="No" class="secondary_btn sn-signup-clear-cancel-btn">
		  </div>
		</div>
	  </div>
	</div> 
</div>

<!-- Shareviaemail model window ---->
<div role="dialog" aria-modal="true" aria-labelledby="sharevia-mail" aria-describedby="sharevia-mail-dialog-description" class="modal fade" id="sharevia-mail" tabindex="-1" data-backdrop="static" data-keyboard="false">
    <div class="vertical-alignment-helper">
		<div class="modal-dialog share-via-success vertical-align-center" role="document">
			<div class="modal-content">
		   <div class="modal-body text-center">
			<h2 id="socialsignup-successmsg" tabindex="0" aria-labelledby="socialsignup-successmsg">Success</h2>
			<p id="socialsignup-alertconfirmation" tabindex="0" aria-labelledby="socialsignup-alertconfirmation">Your mail has been sent successfully</p>
			<input type="button" value="OK" class="primary_btn sn-signup-clear-btn" data-dismiss="modal"> 
		  </div>
			</div>
		</div>
    </div>
</div>


<!-- Alert Selection-->

<div role="dialog" aria-modal="true" aria-labelledby="commontool-sharevia-mail" aria-describedby="sharevia-mail-dialog-description"  class="modal fade" id="alertselect" tabindex="-1" data-backdrop="static" data-keyboard="false">
  <div class="vertical-alignment-helper">
	  <div class="modal-dialog alert_modal vertical-align-center" role="document">
		<div class="modal-content">
		  <div class="modal-body">
			<h2 id="alert-alertmsg" tabindex="0" aria-labelledby="alert-alertmsg">Alert Me</h2>
			<p id="alert-alertconfirm" tabindex="0" aria-labelledby="alert-alertconfirm">Are you sure you want to remove the alert?</p>
			<input type="button" value="Yes" class="primary_btn alert-clear-btn" data-dismiss="modal" id="remove-alert-button"> 
			<input data-dismiss="modal" type="button" value="No" class="secondary_btn alert-clear-cancel-btn">
		  </div>
		</div>
	  </div>
	</div> 
</div>

<script type="text/javascript">
  var emailNotMatchMsg = "Entered Email address does not match";
  function setTwitterUserInfo(id, fullname, firstname, surname, email, profileImageUrl){
    var signUpViaTiw = "Sign Up Via";
    document.getElementById("sn-signup-media-title").innerHTML = signUpViaTiw+" Twitter";
    document.getElementById("sn-full-name").innerHTML = fullname;
    document.getElementById("sn-email").innerHTML = email;
    document.getElementById("sn-profile-pic").setAttribute("src", profileImageUrl);
    document.getElementById("sn-signup-icon").setAttribute("src", "/bloomsbury_assets/bloomsbury/images/signin_twitter.png");
    document.getElementById("signup-social-label").innerHTML = "Twitter";
    document.getElementById("sn-signup-first-name").value = fullname;
    document.getElementById("sn-signup-sur-name").value = surname;
    document.getElementById("sn-password").value = id;
    document.getElementById("sn-signup-social").value = "twitter";
    document.getElementById("sn-signup-email-addr").value = email;
    var dbFlag = validateUserExists(id);
    if(dbFlag) {
      window.location.href = '/signin?id=' + id + '&recentUrl=/error-page';
    } else {
      // now popup the signup modal
      $('#signup-social-media').modal('show');
    }
  }

  function twitterDenied(){
    $('#signin-username').css("border","solid red 1px").siblings("span").removeClass("hide").html('Access Denied');
  }

  function SocialSignUpSubmission() {
    var isValid = true;
    var $email_addr=$('#sn-signup-email-addr');
    var $verify_email_addr=$('#sn-signup-verify-email');
    var f_email=$email_addr.val();
    var s_email=$verify_email_addr.val();
    $email_addr.css("border","solid #ccc 1px").siblings("span").addClass("hide");
    $verify_email_addr.css("border","solid #ccc 1px").siblings("span").addClass("hide");
    if(!ValidateEmail(f_email)){
        isValid=false;
        $email_addr.css("border","solid red 1px").siblings("span").removeClass("hide");
    }
    if(f_email!=s_email){
        isValid=false;
		
        $verify_email_addr.css("border","solid red 1px").siblings("span").removeClass("hide").html(emailNotMatchMsg);
    }
    if (isValid) {
        showProgress();
        $.ajax({
            type: "POST",
            url: '/app/sams',
            dataType: 'text',
            data: {username: f_email},
            async: false,
            success: function (e) {
                if (e == "-1") {
                    $("#sn-signup-form").submit();
                } else {
                    hideProgress();
                    $('#sn-signup-email-addr').css("border","solid red 1px").siblings("span").removeClass("hide").html('Email Address already exists');
                }
            },
            error: function (error) {
                console.log(error);
            }
        });
    }
}

$(document).ready(function() {
	$("#change-old-pwd, #change-new-pwd, #change-confirm-pwd").keyup(function(event) {
		$(this).css("border","solid #ccc 1px").siblings("span").addClass("hide");
		if (!$(this).val()) {
			$("#change-pwd-btn").addClass("disabled-btn");
		}
		else {
			if ($("#change-old-pwd").val() != "" && $("#change-new-pwd").val() != "" && $("#change-confirm-pwd").val() != "") {
				$("#change-pwd-btn").removeClass("disabled-btn");
			} else {
				$("#change-pwd-btn").addClass("disabled-btn");
			}
		}
		if(!$("#change-pwd-btn").hasClass('disabled-btn')){
			if(event.keyCode=="13"){
				changePassword();
			}
		}
	});

  	
	$("#social-signup-close").on('click', function(e) {
		$("#signup-social-media").find('.selectpicker').selectpicker('deselectAll');
		$("#signup-social-media").find("input:checkbox").removeAttr("checked");
	});
	
	var input_email_addr;
	$('#signup-social-media').on('show.bs.modal', function (e) {
		input_email_addr = $("#sn-signup-email-addr").val();
	});
	
	$("#sn-signup-email-addr").on('keyup', function() {
		var input_verify_email_addr = $("#sn-signup-email-addr").val();
		if (input_email_addr != input_verify_email_addr) {
			$("#sn-social-verify-email").removeClass("hide");
		} else {
			$("#sn-social-verify-email").addClass("hide");
		}
		var socialSignupMandatory = $("#sn-signup-title-option, #sn-signup-first-name, #sn-signup-sur-name, #sn-signup-email-addr, #sn-signup-verify-email, #sn-signup-occupation-select, #sn-signup-country, #sn-signup-checkbox2, #sn-signup-other-txt-box, #sn-signup-occupation-text-box");
		socialSignupValidate(socialSignupMandatory);
	});

  $(".glyphicon.glyphicon-minus, .glyphicon.glyphicon-plus, .search-fav-icon").on("keyup", function(e){
    if (e.keyCode == 13) {
      $(this).click();
    }
  });
});

$("#changepass").on("hide.bs.modal", function (e) {
	$("#change-pwd-btn").addClass("disabled-btn");
	$(this).find("input[type=password]").val("").css("border","solid #ccc 1px");	
	$(this).find(".err-msg").addClass("hide");
});

function changePassword() {
	var oldPwd =  $("#change-old-pwd").val();
	var newPwd =  $("#change-new-pwd").val();
	var confirmPwd =  $("#change-confirm-pwd").val();
	$("#change-new-pwd").css("border","solid #ccc 1px").siblings("span").addClass("hide");
	$("#change-confirm-pwd").css("border","solid #ccc 1px").siblings("span").addClass("hide");
	if (newPwd.length < 6) {
		$("#change-new-pwd").css("border","solid red 1px").siblings("span").removeClass("hide");
		$("#change-new-pwd").focus();
		return false;
	}
	if (newPwd != confirmPwd) {
		$("#change-confirm-pwd").css("border","solid red 1px").siblings("span").removeClass("hide");
		$("#change-confirm-pwd").focus();
		return false;
	}
	$("#change-password-form").submit();
}

$(document).on('click', "#change-pwd-btn", function() {
	if (!$(this).hasClass('disabled-btn')) {
		changePassword();
	}
});

$(document).on('click', ".signin-success-btn", function() {
	var signinUser = $("#signin-username").val();
	if (!ValidateEmail(signinUser)){
		$("#signin-username").addClass("error-address").css("border","solid red 1px").siblings("span").removeClass("hide");
		$("#signin-username").focus();
	}
	else {
		$("#signin-username").css("border","solid #ccc 1px").siblings("span").addClass("hide");
		showProgress();
		$("#signin-form").submit();
	}
});
$("#signin-username,#signin-password").on('keyup',function(e){
	if($("#signin-username").val() == ""){
		$("#signin-username").css("border","1px solid #ccc");
	}
	if($("#signin-password").val() == ""){
		$("#signin-password").css("border","1px solid #ccc");
	}
	if(!$(this).hasClass('disabled-btn')){
		if(e.keyCode=="13"){
			showProgress();
			$("#signin-form").submit();
		}
	}
});
$("#signin_modal").on('show.bs.modal', function (e) {
	 $("#signin_modal h2").focus();
	if ($('#signin-username').val().trim().length == 0 || $('#signin-password').val().trim().length == 0) {
		$("#signin-btn").addClass("disabled-btn").removeClass("signin-success-btn");
	}
	else {
		if ($("#signin-username").val() != "" && $("#signin-password").val() != "") {
			$("#signin-btn").removeClass("disabled-btn").addClass("signin-success-btn");
			$("#signin-username").css("border","1px solid #ccc").siblings("span").addClass("hide");
			$("#signin-password").css("border","1px solid #ccc").siblings("span").addClass("hide");
		} else {
		    $("#signin-btn").addClass("disabled-btn").removeClass("signin-success-btn");
		}
	}
});
/*$("#skip-content").on("click keyup", function(e){
    if (e.type == "click" || e.keyCode == 13) {
                if ($("#pageType").val().trim() === "cms") {
            var target = $("[id^='page-template']").first();
            if (!target.length) {
                target = $("#mycontent").first();
            }
            if (!target.length) {
                target = $(".container.article_template").first();
                if (target.length) {
                    target.attr("id", "pageStarts");
                }
            }
            if (target.length) {
                focusAndScroll(target, {
                    role: "main",
                    smooth: true
                });
            }
        } else {
            var target = $("#mycontent h2").first();
            if (target.length) {
                target.addClass("cmsPageStart");
                focusAndScroll(target, {
                    id: "pageStart"
                });
            }
        }
      }
});*/
$("#skip-content").on("focusin", function(e){
  $(this).parent().removeAttr("style");
});
$("#skip-content").on("focusout", function(e){
  $(this).parent().attr("style", "position: absolute;top:-10000px;");
});

function focusAndScroll(target, options) {
    if (!target || !target.length) return;
    options = options || {};
    if (options.id) {
        target.attr("id", options.id);
    }
    if (options.role) {
        target.attr("role", options.role);
    }
    if (options.tabindex) {
        target.attr("tabindex", options.tabindex);
    }
    target.focus();
    var ele = document.getElementById(target.attr("id")) || target[0];
    ele.scrollIntoView({ behavior: options.smooth ? "smooth" : "auto" });
}

// Focus close button on ESC or 'b' or Arrow keys
/*$(document).on('keydown.modal-accessibility', function (e) {
	const $modal = $('.share_modal.vertical-align-center:visible').last();
	if (!$modal.length) return;

	const $closeBtn = $modal.find('[data-dismiss="modal"]').filter('[aria-label="Close"], [aria-hidden="true"]').first();

	if (['Escape', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) {
		e.preventDefault();
		console.log("Key pressed2:", e.key);

		$closeBtn.focus();

		if (e.key === 'Escape') {
			$closeBtn.trigger('click'); // Triggers close
		}
	}
});*/

$(document).ready(function() {
    const $backToTop = $(`
        <a href="#" id="back-to-top" class="back-to-top" aria-label="Back to top">
            <span class="back_circle" aria-hidden="true">
                <span class="icon-backtotop"></span>
            </span>
            <div class="hidden-xs" aria-hidden="true">
                Back to Top
            </div>
        </a>
    `);
    $backToTop.insertBefore('footer');
});
/* Skip to content function start  */
/* page load time initialize the main region */
$(function () {
    addMainOnPageLoad();
});
function addMainOnPageLoad() {
    if (document.querySelector("main, [role='main']")) {
        return;
    }
    var container = document.querySelector("[id^='page-template']") || document.querySelector(".container.no_pad.page_minheight") ||
        document.getElementById("mycontent") ||
        document.querySelector(".container.article_template");

    if (!container) return;

    container.setAttribute("role", "main");
}
/* skip to content button event */
$("#skip-content").on("click keyup", function (e) {

    if (e.type === "keyup" && (e.keyCode !== 13 ||  e.keyCode !== 32)) return;

    if (isLoginPage() || document.querySelector(".login_page")) {
        focusPageStart();
        return;
    }

    const target1 = document.querySelector(".content_container.page-content-start");
    console.log(target1);
    if(target1)
    {
        focusHeadingInside(target1);
        return;
    }

    const target2 = document.querySelector(".article_right.page-content-start");
    console.log(target2);
    if(target2)
    {
        focusHeadingInside(target2);
        return;
    }
    
    const target21 = document.querySelector(".page-content-start");
    if(target21  && !target21.closest('#login-left-hidden'))  {
        focusHeadingInside(target21);
        return;
    }
    
            handleDefaultSkip();
    });

//check login page
function isLoginPage() {
    return window.location.pathname.indexOf("/login") > -1;
}
//move focus to PageStart container
function focusPageStart() {
    var target = jQuery(".login_page").first();
    if (!target.length) {
        target = jQuery(".page-content-start").first();
    }

    if (!target.length) return; // Nothing to focus

    // Try to find the first heading inside the target
    var focusEl = target.find("h1, h2").first();

    // If no heading found, focus the container itself
    if (!focusEl.length) {
        focusEl = target;
    }

    // Set ID if not already
    if (focusEl.attr("id") !== "pageStart") {
        focusEl.attr("id", "pageStart");
    }

    // Make focusable and add class
    focusEl.attr("tabindex", "-1").addClass("no-focus");

    // Focus and scroll into view
    setTimeout(function() {
        focusEl.focus();
        focusEl.get(0).scrollIntoView({ behavior: "smooth", block: "start" });
    }, 10);
}
//focus based on ID
function focusById(id) {
    var target = document.getElementById(id);
    if (!target) return;

    var $target = $(target);
    $target.addClass("no-focus");
    $target.attr("tabindex", "-1");
    $target.focus()[0].scrollIntoView();
}
/* if check CMS page or XML generated page to redirect the function */
function handleDefaultSkip() {
    const target1 = document.querySelector(".container.article_template");
    console.log(target1);
    if(target1)
    {
        focusHeadingInside(target1);
    }
    else {
        var pageType = jQuery("#pageType").val();
        if (pageType && pageType.trim() === "xml-generated") {
            focusMain();
        } else {
            handleCmsPage();
        }
    }
}
/* Handle the CMS pages */
function handleCmsPage() {
    var main = document.querySelector("main") ||
        document.querySelector("[role='main']");
    if (!main)
    {
      const target1 = document.querySelector(".static_template");
      //console.log(target1);
      if(target1)
        focusHeadingInside(target1);
      return;
    }
    focusHeadingInside(main);
}
/* Focus Main region */
function focusMain() {
    var main = document.querySelector("main") ||
        document.querySelector("[role='main']");

    if (!main) return;

    focusHeadingInside(main);
}
//focus heading inside main region
function focusHeadingInside(container) {
    var heading = container.querySelector("h1, h2");
    //console.log("Heading found:", heading);

    if (heading) {
        if (!heading.hasAttribute("tabindex")) {
            heading.setAttribute("tabindex", "-1");
        }
        heading.focus();
        heading.scrollIntoView();
        return;
    }

    if (!container.hasAttribute("tabindex")) {
        container.setAttribute("tabindex", "-1");
    }
    container.focus();
    container.scrollIntoView();
}
// focus the first tab in skip-to-content button
(function () {
    let firstTab = true;

    function isTextInput(el) {
        const result = (
            el &&
            (
                el.tagName === 'INPUT' ||
                el.tagName === 'TEXTAREA' ||
                el.isContentEditable
            )
        );

        firstTab = false;
        return result;
    }

    document.addEventListener('keydown', function (e) {
        // If focus is inside an input/textarea/contenteditable, ignore first tab
        if (isTextInput(e.target)) {
            return;
        }

        if (e.key === 'Tab' && firstTab) {
            const skipLink = document.getElementById('skip-content');

            if (skipLink) {
                e.preventDefault();
                skipLink.focus();
                firstTab = false;
            }
        }
    });
})();

//back-to-top event
$(document).on("click keyup", "#back-to-top", function (e) {

    if (e.type === "keyup" && (e.keyCode !== 13 || e.keyCode !== 32)) return;

    if (isLoginPage() || document.querySelector(".login_page")) {
        focusPageStart();
        return;
    }
    const target1 = document.querySelector(".content_container.page-content-start");
    console.log(target1);
    if(target1)
    {
        focusHeadingInside(target1);
        return;
    }

    const target2 = document.querySelector(".article_right.page-content-start");
    console.log(target2);
    if(target2)
    {
        focusHeadingInside(target2);
        return;
    }

          handleDefaultSkip();
    });

</script>
<script>
window.taxonomyDataLayer = [
    {
      "topFacet": "African Studies",
      "dataLayer": "content_african_studies"
    },
    {
      "topFacet": "Anthropology",
      "dataLayer": "content_anthropology"
    },
    {
      "topFacet": "Archaeology",
      "dataLayer": "content_archaeology"
    },
    {
      "topFacet": "Architecture",
      "dataLayer": "content_architecture"
    },
    {
      "topFacet": "Architecture & Interior Design",
      "dataLayer": "content_architecture_interior_design"
    },
    {
      "topFacet": "Art & Visual Culture",
      "dataLayer": "content_art_visual_culture"
    },
    {
      "topFacet": "Artists",
      "dataLayer": "content_artists"
    },
    {
      "topFacet": "Asia Studies",
      "dataLayer": "content_asia_studies"
    },
    {
      "topFacet": "Biblical Studies",
      "dataLayer": "content_biblical_studies"
    },
    {
      "topFacet": "Bloomsbury Art Markets Article Type",
      "dataLayer": "content_art_markets_article_type"
    },
    {
      "topFacet": "BP Ireland",
      "dataLayer": "content_bp_ireland"
    },
    {
      "topFacet": "BP Law",
      "dataLayer": "content_bp_law"
    },
    {
      "topFacet": "BP Scotland",
      "dataLayer": "content_bp_scotland"
    },
    {
      "topFacet": "BP Tax",
      "dataLayer": "content_bp_tax"
    },
    {
      "topFacet": "Business & Management",
      "dataLayer": "content_business_management"
    },
    {
      "topFacet": "Catalogue",
      "dataLayer": "content_catalogue"
    },
    {
      "topFacet": "Category",
      "dataLayer": "content_category"
    },
    {
      "topFacet": "Classical Studies",
      "dataLayer": "content_classical_studies"
    },
    {
      "topFacet": "Collection",
      "dataLayer": "content_collection"
    },
    {
        "topFacet": "Collections",
        "dataLayer": "content_collection"
    },
    {
      "topFacet": "Computer & Information Science",
      "dataLayer": "content_computer_information_science"
    },
    {
      "topFacet": "Content Type",
      "dataLayer": "content_type"
    },
    {
        "topFacet": "Type of Contents",
        "dataLayer": "content_type"
    },
    {
      "topFacet": "Counselling & Psychotherapy",
      "dataLayer": "content_counselling_psychotherapy"
    },
    {
      "topFacet": "Craft & Decorative Arts",
      "dataLayer": "content_craft_decorative_arts"
    },
    {
      "topFacet": "Crafts & Making",
      "dataLayer": "content_crafts_making"
    },
    {
      "topFacet": "Creator's place of origin",
      "dataLayer": "content_creator's_place_of_origin"
    },
    {
      "topFacet": "Criminology",
      "dataLayer": "content_criminology"
    },
    {
      "topFacet": "Date",
      "dataLayer": "content_date"
    },
    {
      "topFacet": "Design",
      "dataLayer": "content_design"
    },
    {
      "topFacet": "Design & Fashion",
      "dataLayer": "content_design_fashion"
    },
    {
      "topFacet": "Design and Making",
      "dataLayer": "content_design_and_making"
    },
    {
      "topFacet": "Digital Humanities & Digital Cultures",
      "dataLayer": "content_digital_humanities_and_cultures"
    },
    {
      "topFacet": "Discipline",
      "dataLayer": "content_discipline"
    },
    {
      "topFacet": "Doctrines",
      "dataLayer": "content_doctrines"
    },
    {
      "topFacet": "Document Type",
      "dataLayer": "content_document_type"
    },
    {
      "topFacet": "Drama & Performance Studies",
      "dataLayer": "content_drama_performance_studies"
    },
    {
      "topFacet": "Dress",
      "dataLayer": "content_dress"
    },
    {
      "topFacet": "Economics",
      "dataLayer": "content_economics"
    },
    {
      "topFacet": "Education",
      "dataLayer": "content_education"
    },
    {
      "topFacet": "Education Level",
      "dataLayer": "content_education_level"
    },
    {
      "topFacet": "Elements of interior design",
      "dataLayer": "content_elements_of_interior_design"
    },
    {
      "topFacet": "Engineering",
      "dataLayer": "content_engineering"
    },
    {
      "topFacet": "Environmental Studies",
      "dataLayer": "content_environmental_studies"
    },
    {
      "topFacet": "Fashion",
      "dataLayer": "content_fashion"
    },
    {
      "topFacet": "Fashion Business",
      "dataLayer": "content_fashion_business"
    },
    {
      "topFacet": "Film & Media",
      "dataLayer": "content_film_media"
    },
    {
      "topFacet": "Films",
      "dataLayer": "content_films"
    },
    {
      "topFacet": "Food",
      "dataLayer": "content_food"
    },
    {
      "topFacet": "Gender & Sexuality Studies",
      "dataLayer": "content_gender_sexuality_studies"
    },
    {
      "topFacet": "General Religion",
      "dataLayer": "content_general_religion"
    },
    {
      "topFacet": "Genres and forms",
      "dataLayer": "content_genres_and_forms"
    },
    {
      "topFacet": "Genres, Movements and Styles",
      "dataLayer": "content_genres_movements_and_styles"
    },
    {
      "topFacet": "Geography",
      "dataLayer": "content_geography"
    },
    {
      "topFacet": "Health & Wellbeing",
      "dataLayer": "content_health_wellbeing"
    },
    {
      "topFacet": "History",
      "dataLayer": "content_history"
    },
    {
      "topFacet": "History, theory and criticism",
      "dataLayer": "content_history_theory_and_criticism"
    },
    {
      "topFacet": "Ideologies and schools of thought",
      "dataLayer": "content_ideologies_schools_of_thought"
    },
    {
      "topFacet": "Image",
      "dataLayer": "content_image"
    },
    {
      "topFacet": "Interior construction and building systems",
      "dataLayer": "content_interior_construction"
    },
    {
      "topFacet": "Interior Design & Interior Architecture",
      "dataLayer": "content_interior_design"
    },
    {
      "topFacet": "International Development",
      "dataLayer": "content_international_development"
    },
    {
      "topFacet": "Language",
      "dataLayer": "content_language"
    },
    {
      "topFacet": "Law",
      "dataLayer": "content_law"
    },
    {
      "topFacet": "Library & Information Science",
      "dataLayer": "content_library_information_science"
    },
    {
      "topFacet": "Linguistics",
      "dataLayer": "content_linguistics"
    },
    {
      "topFacet": "Literary Studies",
      "dataLayer": "content_literary_studies"
    },
    {
      "topFacet": "Marine Engineering",
      "dataLayer": "content_marine_engineering"
    },
    {
      "topFacet": "Material type",
      "dataLayer": "content_material_type"
    },
    {
      "topFacet": "Materials",
      "dataLayer": "content_materials"
    },
    {
      "topFacet": "Mathematics & Statistics",
      "dataLayer": "content_mathematics_statistics"
    },
    {
      "topFacet": "Medical Humanities & Medical History",
      "dataLayer": "content_medical_humanities_and_history"
    },
    {
      "topFacet": "Middle East",
      "dataLayer": "content_middle_east"
    },
    {
      "topFacet": "Modern Languages",
      "dataLayer": "content_modern_languages"
    },
    {
      "topFacet": "Movements and Schools Of Thought",
      "dataLayer": "content_movements_schools_of_thought"
    },
    {
      "topFacet": "Music & Sound Studies",
      "dataLayer": "content_music_sound_studies"
    },
    {
      "topFacet": "Music Genres",
      "dataLayer": "content_music_genres"
    },
    {
      "topFacet": "Named individuals (non-fictional)",
      "dataLayer": "content_named_individuals"
    },
    {
      "topFacet": "Natural Sciences",
      "dataLayer": "content_natural_sciences"
    },
    {
      "topFacet": "Nursing & Health",
      "dataLayer": "content_nursing_health"
    },
    {
      "topFacet": "Objects",
      "dataLayer": "content_objects"
    },
    {
      "topFacet": "Organizations and Design Houses",
      "dataLayer": "content_organizations_and_design_houses"
    },
    {
      "topFacet": "Peer-Reviewed",
      "dataLayer": "content_peer-reviewed"
    },
    {
      "topFacet": "People",
      "dataLayer": "content_people"
    },
    {
        "topFacet": "People and Organisations",
        "dataLayer": "content_people"
    },
    {
      "topFacet": "Peoples, Cultures and Religions",
      "dataLayer": "content_peoples_cultures_and_religions"
    },
    {
      "topFacet": "Period (first performed)",
      "dataLayer": "content_period_first_performed"
    },
    {
      "topFacet": "Period featured",
      "dataLayer": "content_period_featured"
    },
    {
      "topFacet": "Period",
      "dataLayer": "content_period"
    },
    {
      "topFacet": "Periods",
      "dataLayer": "content_period"
    },
    {
      "topFacet": "Philosophy",
      "dataLayer": "content_philosophy"
    },
    {
      "topFacet": "Photography",
      "dataLayer": "content_photography"
    },
    {
      "topFacet": "Place",
      "dataLayer": "content_place"
    },
    {
      "topFacet": "Places",
      "dataLayer": "content_place"
    },
    {
       "topFacet": "Place Featured",
       "dataLayer": "content_place"
    },
    {
      "topFacet": "Plays",
      "dataLayer": "content_plays"
    },
    {
      "topFacet": "Playwrights",
      "dataLayer": "content_playwrights"
    },
    {
      "topFacet": "Politics & International Relations",
      "dataLayer": "content_politics_international_relations"
    },
    {
      "topFacet": "Practice subject",
      "dataLayer": "content_practice_subject"
    },
    {
      "topFacet": "Practitioner roles",
      "dataLayer": "content_practitioner_roles"
    },
    {
      "topFacet": "Primary text",
      "dataLayer": "content_primary_text"
    },
    {
      "topFacet": "Principles and approaches",
      "dataLayer": "content_principles_and_approaches"
    },
    {
      "topFacet": "Professional and business practice",
      "dataLayer": "content_business_practice"
    },
    {
      "topFacet": "Psychology",
      "dataLayer": "content_psychology"
    },
    {
      "topFacet": "Race & Ethnicity Studies",
      "dataLayer": "content_race_ethnicity_studies"
    },
    {
      "topFacet": "Referencing Style",
      "dataLayer": "content_referencing_style"
    },
    {
      "topFacet": "Referencing Topic",
      "dataLayer": "content_referencing_topic"
    },
    {
      "topFacet": "Religion",
      "dataLayer": "content_religion"
    },
    {
      "topFacet": "Religious Studies",
      "dataLayer": "content_religious_studies"
    },
    {
      "topFacet": "Representing space: Drawing, Modelling and CAD",
      "dataLayer": "content_representing_space"
    },
    {
      "topFacet": "Research fields",
      "dataLayer": "content_research_fields"
    },
    {
      "topFacet": "Research Methods",
      "dataLayer": "content_research_methods"
    },
    {
      "topFacet": "Schools, Movements, Styles",
      "dataLayer": "content_schools_movements_styles"
    },
    {
      "topFacet": "Science & Technology",
      "dataLayer": "content_science_technology"
    },
    {
      "topFacet": "Setting",
      "dataLayer": "content_setting"
    },
    {
      "topFacet": "Social Work & Social Welfare",
      "dataLayer": "content_social_work_social_welfare"
    },
    {
      "topFacet": "Sociology",
      "dataLayer": "content_sociology"
    },
    {
      "topFacet": "Sources",
      "dataLayer": "content_sources"
    },
    {
      "topFacet": "Special Features",
      "dataLayer": "content_special_features"
    },
    {
      "topFacet": "Sport & Exercise",
      "dataLayer": "content_sport_exercise"
    },
    {
      "topFacet": "Sport / Activity",
      "dataLayer": "content_sport_or_activity"
    },
    {
      "topFacet": "Study Skills",
      "dataLayer": "content_study_skills"
    },
    {
      "topFacet": "Subject",
      "dataLayer": "content_subject"
    },
    {
        "topFacet": "Subjects",
        "dataLayer": "content_subject"
    },
    {
      "topFacet": "Supplier",
      "dataLayer": "content_supplier"
    },
    {
      "topFacet": "Textiles",
      "dataLayer": "content_textiles"
    },
    {
      "topFacet": "Textiles, Materials and Colors",
      "dataLayer": "content_textiles_materials_and_colors"
    },
    {
      "topFacet": "The Design Industry",
      "dataLayer": "content_the_design_industry"
    },
    {
      "topFacet": "Themes",
      "dataLayer": "content_themes"
    },
    {
      "topFacet": "Theology",
      "dataLayer": "content_theology"
    },
    {
      "topFacet": "Topic",
      "dataLayer": "content_topic"
    },
    {
        "topFacet": "Topics",
        "dataLayer": "content_topic"
    },
    {
      "topFacet": "Types of History",
      "dataLayer": "content_types_of_history"
    },
    {
      "topFacet": "UN Sustainable Development Goals",
      "dataLayer": "content_unsustainable_development_goals"
    }
  ];
</script><script type="text/javascript">
	function googleAnalyticsPageLoad(options) {
		var dataLayerObj = {};
		dataLayerObj.event = 'page_load';
		//Customer Related
					dataLayerObj.authentication_status = 'not logged in';
				//Page Related
					dataLayerObj.page_type = "cms";
				dataLayerObj.product_id = "doall";
		dataLayerObj.product_name = "Drama online";
		dataLayerObj.platform = "Drama online";
				        dataLayerObj.product_name = ('Drama Online').split("~!").join("'");
				
		if (options) {
			for (member in options) {
				dataLayerObj[member] = options[member];
			}
		}
		dataLayer.push(dataLayerObj);
	}
</script>



<div class="main-container">
<div class="ssp-header-layout">
    <style>
        .header-layout .navbar-collapse ul li a {
		    color: #ffffff !important;
            background-color: transparent !important;
        }        
        .header-layout .header-dropdown a span {
            color: #ffffff !important;
        }        
        .header-layout .header-dropdown {
            color: #ffffff !important;
        } 
        .header-layout .nav-bar-collapse ul li ul li a {
            background-color:#000000 !important
        } 
        .ssp-header-layout .dropdown-menu {
            background-color: #000000 !important
        } 
        .header-layout .navbar-collapse ul li a:hover {
            color: #ff6700 !important
        }
		.header-layout .navbar-collapse ul li ul li a:before {
            border-right: none;
            border-left: none;
        }
        .header-layout .navbar-collapse .dropdown-menu li {
        background: none !important;
        }
    </style>
        
    <header class="bs-docs-nav navbar header-layout header-temp1">
        <div class="top-header">
            <div class="container">
                <div class="hidden-xs">
                    <div class="pull-left mt10">
                        <div class="social-icons">
                            <ul role="menu"></ul>
                        </div>
                    </div>
                </div>
                <!-- social Icons for mobile devices starts-->
                <div class="visible-xs">
                    <div class="pull-left">
                        <div class="social-icons">
                            <ul role="menu"></ul>
                        </div>
                    </div>
                </div>
                <!-- social Icons for mobile devices ends-->
                <div class="pull-right user-details">

		<div class="header-dropdown dropdown inline-disp " id="checkForLogout">
		<a href="login?recentUrl=/error-page" title="Login">						
			<img src="/bloomsbury_assets/bloomsbury/images/signin_icon.png" alt="" title=""> 
			<span  aria-label="Log In">Log In</span>
		</a>
	</div>
	
                </div>		
            </div>
        </div>
        <div class="btm-header">
            <div class="container">
                <div class="navbar-header">
                    <button aria-controls="bs-navbar" aria-expanded="false" class="collapsed navbar-toggle" data-target="#bs-navbar" data-toggle="collapse" type="button"> 
                        <span class="sr-only">Toggle navigation</span> 
                        <span class="icon-bar"></span> 
                        <span class="icon-bar"></span> 
                        <span class="icon-bar"></span>
                    </button>
                    <span class="navbar-brand zero-leftpad single-logo">
                        <a href="home">
                            <img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/DO_logo_OAT.png" alt="Drama Online Logo" class="img-responsive" aria-label="Drama Online Homepage" title="Drama Online Logo">
                        </a>
                    </span>
                    <span class="navbar-brand single-logo"></span>
                    <div class="hidden-md hidden-lg mob-search-icon">
                        <a href="javascript:;">
                            <img src="/bloomsbury_assets/bloomsbury/images/search-icon-gray.png" class="img-responsive mob-search" aria-label="Search Button" tabindex="0">
                        </a>
                    </div>
                </div>
                <nav class="collapse navbar-collapse arcadian-nav-menu" id="bs-navbar">
                    <span class="bpm-menu-close hidden-lg hidden-md">X</span>
                    <ul role="navigation" class="nav navbar-nav">	
                        <li class="" role="listitem">
                            <a tabindex="0" href="/home" class="no-focus">Home</a>
                        </li> 	
                        <li class="" role="listitem">
                            <a tabindex="0" href="/browse-collections" class="no-focus">Collections</a>
                        </li>	
                        <li class="dropdown" role="listitem">
                            <a tabindex="0" href="#" data-toggle="dropdown" class="dropdown-toggle no-focus" aria-expanded="false">Explore by</a>		
                            <ul class="dropdown-menu" role="list">			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="taxonomy?id=themes" title="Themes" class="no-focus">Themes</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="taxonomy?id=genresAndForms" title="Genres and forms" class="no-focus">Genres and forms</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="taxonomy?id=periodFirstPerformed" title="Period (first performed)" class="no-focus">Period (first performed)</a>
                                </li>	
								<li role="presentation">
                                    <a role="listitem" tabindex="0" href="taxonomy?id=practiceSubject" title="Practice subject" class="no-focus">Practice subject</a>
                                </li>								
                            </ul>	
                        </li>	
                        <li class="dropdown " role="listitem">
                            <a tabindex="0" href="#" data-toggle="dropdown" class="dropdown-toggle no-focus" aria-expanded="false">Browse Contents</a>		
                            <ul class="dropdown-menu" role="list">			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/custom-browse?docid=plays" title="Plays" class="no-focus">Plays</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/browse-content?docid=playwright" title="Playwrights" class="no-focus">Playwrights</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/browse-content?docid=video" title="Video" class="no-focus">Video</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/browse-content?docid=audio" title="Audio" class="no-focus">Audio</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/custom-browse?docid=criticalBooks" title="Critical Books" class="no-focus">Critical Books</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/custom-browse?docid=theatreCraft" title="Theatre Craft" class="no-focus">Theatre Craft</a>
                                </li>	
								<li role="presentation">
                                    <a role="listitem" tabindex="0" href="/reference" title="Reference" class="no-focus">Reference</a>
                                </li>									
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/search-results?any=&amp;su=image&amp;size=20&amp;itype=image" title="Images" class="no-focus">Images</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/browse-content?docid=article" title="Articles" class="no-focus">Articles</a>
                                </li>			
								<li role="presentation">
                                    <a role="listitem" tabindex="0" href="/shakespeare" title="Shakespeare" class="no-focus">Shakespeare Resources</a>
                                </li>
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/learning-resources" title="Learning Resources" class="no-focus">Learning Resources</a>
                                </li>		
                            </ul>	
                        </li>	
                        <li class="dropdown " role="listitem">
                            <a tabindex="0" href="#" data-toggle="dropdown" class="dropdown-toggle no-focus" aria-expanded="false">About</a>		
                            <ul class="dropdown-menu" role="list">			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/about-drama-online" title="About Drama Online" class="no-focus">About Drama Online</a>
                                </li>	
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/user-videos" title="User Videos" class="no-focus">User Videos</a>
                                </li>	
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/featured-content" title="Featured Content" class="no-focus">Featured Content</a>
                                </li>			<li role="presentation">
                                    <a role="listitem" tabindex="0" href="/writers-of-colour" title="Writers of Colour" class="no-focus">Writers of Colour</a>
                                </li>
								</li>			<li role="presentation">
                                    <a role="listitem" tabindex="0" href="/national-theatre-collection-for-schools" title="National Theatre for Schools" class="no-focus">National Theatre for Schools</a>
                                </li>
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/news-and-updates" title="News and Updates" class="no-focus">News and Updates</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/awards-and-reviews" title="Awards and Reviews" class="no-focus">Awards and Reviews</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/mission-and-values" title="Mission and Values" class="no-focus">Mission and Values</a>
                                </li>
								<li role="presentation">
                                    <a role="listitem" tabindex="0" href="/testimonials" title="Testimonials" class="no-focus">Testimonials</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/case-studies" title="Case Studies" class="no-focus">Case Studies</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/content-partners" title="Content Partners" class="no-focus">Content Partners</a>
                                </li>			
                                <li role="presentation">
                                    <a role="listitem" tabindex="0" href="/help" title="Help" class="no-focus">Help</a>
                                </li>		
                            </ul> 	
                        </li>	
                        <li class="" role="listitem">
                            <a tabindex="0" href="/librarians" class="no-focus">Librarians</a>	
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="clearfix"></div>
    </header>
</div></div>
<div class="modal fade" id="session-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
    <div class="vertical-alignment-helper">
		<div class="modal-dialog session-modal vertical-align-center" role="document">
			<div class="modal-content">
				<div class="modal-body">
										 	<h2>Alert</h2>
						<p id="session-prompttext">Your session is about to expire! You will be logged out in </p>
						<div id="time" class="text-center session-time">10:00</div>
						<p id="session-promptconfirm" tabindex="0" aria-labelledby="session-promptconfirm"> Do you wish to stay logged in?</p>
						<input type="button" value="Yes, keep me logged in" class="primary_btn clear-btn" id="session-login">
						<input type="button" value="No, log me out" id="session-logout" class="secondary_btn">
									</div>
			</div>
		</div>
	</div>	
</div>



<script type="text/javascript">
    function search(request, response) {
	var siteName="doall";
    var langCode ="en";     
	var country = "$territory";
	searchContent = request.term.replace("/", "~").replaceAll('"','');
	    var predicitivexmlreq = new XMLHttpRequest();
	 
        predicitivexmlreq.open("GET","/api/searchresult/searchPredictive/"+searchContent+"/"+siteName+"/"+langCode+"/"+country,true);
 
		
        predicitivexmlreq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        predicitivexmlreq.send();
	    predicitivexmlreq.onreadystatechange = function() {
        if (predicitivexmlreq.status == 200 ) {
            if(searchContent.replace(/\s/g, "").length>2) {
                var predicitivedata = predicitivexmlreq.response;
                var predicitivedataString = jQuery.parseJSON(predicitivedata);
            }else{
		        predicitivedataString="";
            }
		    response(predicitivedataString);
			 
            }
        }
    }
 
  $(document).ready(function() {
    try {
	$("#global_searchbox").autocomplete({
	    source: search,
        minLength: 1,
        select: function( event, ui ) {
            showProgress();
            localStorage.setItem("selectedCheckBoxItem", null);
            localStorage.setItem("EnabledCheckBoxs",false);
            var text=ui.item.value;
            if(text.trim().length>0){
                var url=window.location.protocol+'//'+window.location.host+'/search-results?any='+text;
                window.location.href=url;
            }
        },
        open: function (event, ui) {
            if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
                $('.ui-autocomplete').off('menufocus hover mouseover mouseenter');
            }
        }
	});
	$.ui.autocomplete.prototype._renderItem = function (ul, item) {
	item.label = item.label.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + $.ui.autocomplete.escapeRegex(this.term) + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>");
	return $("<li></li>")
                    .data("item.autocomplete", item)
                    .append("<a>" + item.label + "</a>")
                    .appendTo(ul);
    };

    $(document).on('touchstart', '.ui-autocomplete a',function(e){
        $("#global_searchbox").data('ui-autocomplete')._trigger('select', 'autocompleteselect', {item:{value:$(this).text()}});
    });

    } catch (e) {}
  });

</script>





<div class="search" style="text-align: left; background: none;">
	<div class="container">
		<div class="advanced_keyboard">
							<input type="text" name="search_text"  id="global_searchbox" title="Enter text to search" placeholder="Search Drama Online" value='' autocomplete="off" class="">
			            			<input id="global_searchbtn" type="submit" class="disabled-btn" aria-label="Search" aria-disabled="true">		</div>
                    <div class="advanced_search playsearch-find">
							<div class="flex-col">
                                                    <a href="/advanced-play-search" title="Advanced Play Search">Advanced Play Search</a>
                								</div>
            </div>
        	</div>
   <!--search ends-->
</div>



<script>
    $("#global_searchbox").on("change", function(){
        if ($(this).val().length > 0) {
            $("#global_searchbtn").removeClass('disabled-btn');
            $("#global_searchbtn").removeAttr("aria-disabled");
        } else {
            $("#global_searchbtn").addClass('disabled-btn');
            $("#global_searchbtn").attr("aria-disabled", "true");
        }
    });
</script>		



    	
			


	
<script type="text/javascript">
	$(document).ready(function(){
		var navigationList = $("header li.dropdown");
		navigationList.each(function(){
			var dropdownList = $(this).find(".dropdown-menu li");
			if (dropdownList.length == 0) {
				$(this).addClass('hide');
			}
		});
		
	 $('.navbar-collapse li a').on('click', function(e){
	     var protocol = "https://";
		 var domainname = window.location.host;
 		 var host = window.location.href;
  		 var parent=$(this).parent().parent();   		 
   		 var interactiontype = "parent";
   		 var sibling= "";
   		 var linkurl = "";
   		 var hrefValue = $(this).attr('href');   		  
         if (parent.hasClass('dropdown-menu'))
	   	 {
	   	   if(hrefValue.includes("/")){
	   	   linkurl = protocol+domainname+hrefValue;
	   	   }
	   	   else
	   	   {
	   	    linkurl = protocol+domainname+"/"+hrefValue;
	   	   }
		   interactiontype = "child";
		   sibling=parent.prev().text()+ " > "+$(this).text();
	  	  }	  	 
		 else
		 {
		   sibling = $(this).text();
		   hrefValue = '';  
		   linkurl = "";
		 }
		 var idattrvalue = $(this).attr('title');
		 if(idattrvalue == undefined){
			 idattrvalue = "";
		 }		
		 if(hrefValue== "#")
		 {
		  hrefValue = '';
		 }
		 const navObj = {};			 
		 navObj.event= 'click_nav_link'
		 navObj.link_classes = $(this).attr('class')
		 navObj.link_domain = domainname
		 navObj.link_id = idattrvalue
		 navObj.link_text = $(this).text()
		 navObj.link_url= linkurl
		 navObj.link_breadcrumb = sibling
		 navObj.interaction_type = interactiontype
		 console.log(navObj);
		 dataLayer.push(navObj);
           });
		$("header nav>ul>li:visible:last a").css("background-image", "none");
	});
	navbarPadding();
	$(window).resize(function(){
		navbarPadding();
	});
	function navbarPadding(){
		var navbarHeight=0;
		if ($("nav .navbar-nav>li").length > 0) {
			var heights = $("nav .navbar-nav>li").map(function ()
			    {
			        return $(this).height();
			    }).get();

			navbarHeight = Math.max.apply(null, heights);
		}
		if (navbarHeight > 50) {
			$("nav.navbar-collapse").css("padding-top", "21px");
		} else {
			$("nav.navbar-collapse").css("padding-top", "40px");
		}	
	}
	var loginEvent = $.cookie("LoginEvent");
	if (loginEvent == "true") {
		dataLayer.push({
			'event' : 'login',
			'method' : '$session.getAttribute("BB-LOGGEDIN-TYPE")'
		});
		$.cookie("LoginEvent", "false");
	}
</script>
			
	<div class="container oops">
	<div class="row">
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
			<div class="error-oops">
				
					<p tabindex="0" aria-labelledby="lorem-dummy" class="text-center">We're sorry, but that page can’t be found.</p>
					<p tabindex="0" aria-labelledby="lorem-dummy" class="text-center">Please visit our Home page or try using the Search, Explore or Browse links above to find what you are looking for.</p>
				
			</div>				
				<img src="/bloomsbury_assets/doall/images/error_img.png" class="img-responsive" alt="Error Image" tabindex="0">				
		</div>
	</div>
</div>

<link href="resources/assets/css/bootstrap-min.css" rel="stylesheet" type="text/css"><link href="resources/assets/css/ssp.css" rel="stylesheet" type="text/css"><div class="ssp-footer-layout"><style>.footer-text li a {color: #ffffff !important;}.footer-text h6 {color: #ffffff !important;}.footer-text p {color: #ffffff !important;}.ssp-footer-layout .footer-temp6 .ssp-footer-btm h6 a {color: #ffffff !important;} .ssp-footer-layout .footer-temp6 .ssp-footer-top .ssp-footer-menu li a:hover {color: #ff6700 !important}</style>
<footer class="footer-temp6 footer-text">
<div class="ssp-footer-top">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 visible-xs visible-sm">
	<ul class="ssp-footer-menu">

<li><a href="/">Home</a></li>

<li><a href="/about-drama-online">About</a></li>

<li><a href="/accessibility">Accessibility</a></li>

<li><a href="/contact-us">Contact Us</a></li>

<li><a href="/help">Help</a></li>
	</ul>
</div>
<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">
 <a href="javascript:;">
 </a>
</div>
<div class="col-lg-8 col-md-8 col-sm-6 col-xs-6">
<div class="hidden-xs hidden-sm">
<div class="ssp-footer-menu">
	<ul>

<li><a href="/">Home</a></li>

<li><a href="/about-drama-online">About</a></li>

<li><a href="/accessibility">Accessibility</a></li>

<li><a href="/contact-us">Contact Us</a></li>

<li><a href="/help">Help</a></li>
	</ul>
</div>
</div>
</div>
<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">
 <a href="javascript:;">
 </a>
</div>
</div>
</div>
</div>

<div>
<!-- Logos start -->
<div style="padding-left:25%; padding-right:25%; text-align:center">
<div class="row footer-logos1" style="padding-bottom:5px;">
<div class="col-xs-4" style="padding-top:5px">
<a target="_blank" href="https://www.bloomsbury.com"><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/Diana_right_logo_white.png" aria-label="Bloomsbury.com website" alt="Bloomsbury logo"></a>
</div>
<div class="col-xs-1">
<a target="_blank" href="https://www.faber.co.uk">
<img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/Faber_Colophon_White_HRES.png" aria-label="Faber &amp; Faber website" alt="Faber &amp; Faber logo"></a>
</div>
<div class="col-xs-1">
<a target="_blank" href="https://www.bloomsbury.com/uk/series/arden-shakespeare">
<img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/Arden_logo_white_text.png" aria-label="Arden Shakespeare Series website" alt="Arden Shakespeare logo"></a>
</div>
<div class="col-xs-2" style="padding-top:5px">
<a target="_blank" href="https://www.bloomsbury.com/academic/academic-subjects/drama-and-performance-studies">
<img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/MethuenDrama_white.png" aria-label="Methuen Drama website" alt="Methuen Drama logo"></a>
</div>
<div class="col-xs-2" style="padding-top:15px">
<a target="_blank" href="https://www.bloomsbury.com/academic/academic-subjects/drama-and-performance-studies">
<img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/OberonBooks_LOGO_transparent_PNG_white_580px.png" aria-label="Oberon Books website" alt="Oberon Books logo"></a>
</div>
<div class="col-xs-2" style="padding-top:5px">
<a target="_blank" href="https://www.nickhernbooks.co.uk">
<img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/NHB_logo_single_strapline_white.png" aria-label="Nick Hern Books website" alt="Nick Hern Books logo"></a>
</div>
</div>
<div class="row footer-logos2" style="padding-bottom:5px">
<div class="col-xs-2" style="padding-bottom:5px">
<a target="_blank" href="https://www.nationaltheatre.org.uk">
<img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto,c_limit,w_150/dramaonlin/CMS/NT_logo.png" aria-label="National Theatre website" alt="National Theatre logo"></a>
</div>
<div class="col-xs-2">
<a target="_blank" href="https://www.shakespearesglobe.com">
<img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto,c_limit,w_250/dramaonlin/CMS/Globe_DO_footer.png" aria-label="Shakespeare's Globe website" alt="Shakespeare's Globe logo"></a>
</div>
<div class="col-xs-2">
<a target="_blank" href="https://www.rsc.org.uk">
<center><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto,c_limit,w_150/dramaonlin/CMS/RSC_logo.png" aria-label="Royal Shakespeare Company website" style="width:60%" alt="Royal Shakespeare Company logo"></center></a>
</div>
<div class="col-xs-2" style="padding-top:5px"><a target="_blank" href="https://www.donmarwarehouse.com"><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto,c_limit,w_250/dramaonlin/CMS/Donmar_Logo_BW.jpg" aria-label="Donmar Warehouse website" alt="Donmar Warehouse logo"></a></div>
<div class="col-xs-2" style="padding-top:5px">
<a target="_blank" href="https://www.playwrightscanada.com">
<img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/PCP_logowhite_cropped.png" aria-label="Playwrights Canada Press website" alt="Playwrights Canada Press logo"></a>
</div>
<div class="col-xs-2">
<a target="_blank" href="https://circle.tcg.org/home?ssopc=1">
<img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/TCGDotNameWhite.png" aria-label="TCG Books website" alt="TCG Books logo"></a>
</div>
</div>
<div class="row footer-logos3" style="padding-bottom:5px">
<div class="col-xs-offset-1 col-xs-2" style="padding-top:5px">
<a target="_blank" href="https://www.latw.org">
<img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/LATW-Square-Logo-White-Reverse_cropped.png" aria-label="L.A Theatre Works website" alt="L.A. Theatre Works logo"></a>
</div>
<div class="col-xs-2">
<a target="_blank" href="https://www.americanshakespearecenter.com">
<center><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto,c_limit,w_100/dramaonlin/CMS/AmericanShake.png" aria-label="American Shakespeare Center website" style="width:65%" alt="American Shakespeare Center logo"></center></a>
</div>
<div class="col-xs-2"><a target="_blank" href="http://www.genesiuspictures.com/maxine-peake-as-hamlet"><center><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto,c_limit,w_200/dramaonlin/CMS/Hamlet.png" aria-label="Maxine Peake as Hamlet website" style="padding-top:14px" alt="Maxine Peake as Hamlet logo"></center></a>
</div>
<div class="col-xs-2"><a target="_blank" href="https://www.stageonscreen.com"><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto,c_limit,w_150/dramaonlin/CMS/stage_screen.png" aria-label="Stage on Screen website" style="padding-top:10px" alt="Stage on Screen logo"></a></div>
<div class="col-xs-2">
<a target="_blank" href="https://www.bbcstudios.com"><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto,c_limit,w_250/dramaonlin/CMS/BBC_Studios.png" aria-label="BBC Studios website" alt="BBC Studios logo"></a></div>
</div>
<div class="row footer-logos4" style="padding-top:5px"><div class="col-xs-1"><a target="_blank" href="http://www.classicspring.co.uk"><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto,c_limit,w_100/dramaonlin/CMS/ClassicSpring_logo_BW.jpg" aria-label="Classic Spring Theatre Company website" alt="Classic Spring Theatre Company logo"></a></div>
<div class="col-xs-1"><a target="_blank" href="https://www.ckfilmsltd.co.uk"><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto,c_limit,w_150/dramaonlin/CMS/CK_Films__Heroes_and_Villains__small.png" aria-label="CK Films website" alt="CK Films logo"></a>
</div>
<div class="col-xs-1" style="padding-top:7px"><a target="_blank" href="https://www.vam.ac.uk"><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/V_A.png" aria-label="Victoria &amp; Albert Museum website" alt="Victoria &amp; Albert Museum logo"></a></div>
<div class="col-xs-3"><a target="_blank" href="https://www.aurorametro.com"><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto,c_limit,w_350/dramaonlin/CMS/ambookslogoweb.jpg" aria-label="Aurora Metro Books website" style="padding-top:15px" alt="Aurora Metro Books logo"></a></div>
<div class="col-xs-2"><a target="_blank" href="https://www.stratfordfestival.ca/"><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/StratfordFestival_white.png" aria-label="Stratford Festival website" alt="Stratford Festival logo"></a>
</div>
<div class="col-xs-2"><a target="_blank" href="https://www.currency.com.au/"><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/dramaonlin/CMS/Currency_Press_LADY-RGB.png" aria-label="Currency Press website" alt="Currency Press logo"></a>
</div>
<div class="col-xs-2"><a target="_blank" href="https://ken-rea.com/"><img class="img-responsive" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/00_Supplementary%20materials/Performing%20Arts%20and%20Literature/DO%20-%20Drama%20Online/Ken%20Rea%27s%20The%20Outstanding%20Actor:%20Actor%20Training%20Workshop/KRTA_logo.png" aria-label="Ken Rea Training website" alt="Ken Rea Training logo"></a>
</div>
</div>
<!-- Logos end -->
<div class="ssp-footer-btm">
<div class="container">
<div class="row">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
 <h6>© Bloomsbury Publishing Plc 2026</h6>
</div>
<div class="social-media; col-xs-4 col-sm-4 col-md-4 col-lg-4" style="text-align:centre; display:block">
<!-- <h5 tabindex="0">Social Media</h5> -->
<ul role="menu">
<li role="menuitem" style="list-style-type: none; float: left; width: 5em; text-align: center"><a target="_blank" class="confirmModal" href="https://www.facebook.com/bloomsburyacademic" title="Facebook"><span class="icon-Facebook" title="Facebook"></span></a></li>
<li role="menuitem" style="list-style-type: none; float: left; width: 5em; text-align: center" wiid="N215"><a target="_blank" class="confirmModal" href="https://twitter.com/dramaonlinelib" title="X" wiid="N216" rel="noopener noreferrer"><span class="icon-X_new" title="X" wiid="N217"></span></a></li>
<li role="menuitem" style="list-style-type: none; float: left; width: 5em; text-align: center"><a target="_blank" class="confirmModal" href="https://www.bloomsbury.com/newsletter/academic/Bloomsbury-Digital-Resources/Drama-Online" title="Newsletters"><span class="icon-Newsletters" title="Newsletters"></span></a></li>
</ul>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" style="text-align:right">
 <h6><a href="/terms-and-conditions">Terms and Conditions</a></h6>
 <h6><a href="/privacy-policy">Privacy Policy</h6>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>

  	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    		
<script>
      plyr.setup();
    $('.popper').popover({
    placement: 'top',
    container: 'body',
    trigger: 'manual',
    html: true,
    content: function () {
      return $(this).next('.popper-content').length>0?$(this).next('.popper-content').html():$(this).parent().next('.popper-content').html();
    }
  }).off('keyup click').on('keyup click', function(e){
    if (e.keyCode == 13) {
      $('this').trigger('click');
    } else if (e.type == "click") {
      e.stopPropagation();
      $('.popper').popover('hide');
      $(this).popover('toggle');
    }
  });
  
  $('.article-popper').popover({
    placement: 'top',
    container: 'body',
    trigger: 'manual',
    html: true,
    content: function () {
      return $('.popper-content[id="'+$(this).attr('popover-id')+'"]').html();
    }
  }).on('keyup click', function(e){
    if (e.keyCode == 13) {
      $('this').trigger('click');
    } else if (e.type == "click") {
      e.stopPropagation();
      $('.article-popper').popover('hide');
      $(this).popover('toggle');
    }
  });
  initArcadianLibraryImageSlider();
  $('a[target="_blank"]').each(function(){
    $(this).attr("rel", "noopener noreferrer");
  });
  $('.custom_text_widget a').on('click', function(e){
    dataLayer.push({
      'event' : 'click_institutional_message'
    });
  });
   $('.owl-dots').on('click', function(e){
   		var cms_element_type="";
   		const navObj = {};	
   		cms_element_type="Image Slider";
        navObj.event= 'cms_element_click';
		navObj.cms_element_type =cms_element_type;
	    dataLayer.push(navObj);
    });
       $(".owl-nav").on('click', function(e){
   		var cms_element_type="";
   		const navObj = {};	
   		if(!e.isTrigger){
   		cms_element_type="Image Slider";
        navObj.event= 'cms_element_click';
		navObj.cms_element_type =cms_element_type;
	    dataLayer.push(navObj);
	    }
    });
     $('.carousel-indicators').on('click', function(e){
   		var cms_element_type="";
   		const navObj = {};	
   		cms_element_type="Image Carousel";
        navObj.event= 'cms_element_click';
		navObj.cms_element_type =cms_element_type;
	    dataLayer.push(navObj);
    });
      $('.hero_image_widget').on('click', function(e){
   		var cms_element_type="";
   		const navObj = {};	
   		cms_element_type="Hero Image";
        navObj.event= 'cms_element_click';
		navObj.cms_element_type =cms_element_type;
	    dataLayer.push(navObj);
    });

  var cmselements = '.audio_widget,.video_widget,.paragraph_widget,.social_feed,.image_feature,.carousel-layer,.image-slider-layout,.contact_us,.adminportal_widget,.tile_widget,.custom_text_widget';
   var cms_element_type="";
   const navObj = {};	
   var isImageFeature = false;
    $(cmselements).find('a,button,input[type="button"],img').on('click',function(){
	var classname = $(this).parents(cmselements).attr('class');
	if(!isImageFeature){
    var parentElement = $(this).parent('a');
  	if (parentElement.is('a') && $(this).is('img')) {        
        isImageFeature = true; 
        return true; 
           } 
    }
	var currentclasses = classname.split(' ');	
	var presentclass = '';
	for(var x=0;x<currentclasses.length;x++) {
    if (cmselements.includes(currentclasses[x])) {
   		presentclass = currentclasses[x]; 
  		 classname = presentclass;
		break;	
	}
	}
	switch (classname) {		
       case 'audio_widget':
		cms_element_type="Audio";
		break;
		case 'video_widget':
		cms_element_type="Video";
		break;
		case 'paragraph_widget':
		cms_element_type="Paragraph";
		break;
		case 'social_feed':
		cms_element_type="Social Feeds";
		break;
		case 'image_feature':
		cms_element_type="Image";
		break;
		case 'carousel-layer':
		cms_element_type="Image Carousel";
		break;
		case 'image-slider-layout':
		cms_element_type="Image Slider";
		break;
		case 'contact_us':
		cms_element_type="Contact Us form";
		break;
		case 'adminportal_widget':
		cms_element_type="Admin Portal";
		break;
		case 'tile_widget':
		cms_element_type="Title/Custom Grid";
		break;
		case 'custom_text_widget':
		cms_element_type="Custom Text Box";
		break;
    }
		navObj.event= 'cms_element_click'
		navObj.cms_element_type =cms_element_type
	    dataLayer.push(navObj);
	    isImageFeature = false;
	});
$('.ssp-footer-layout li a').on('click', function(e){
		 var domainname = window.location.host;
 		 var host = window.location.href;
  		 var parent=$(this).parent().parent();   		 
   		 var interactiontype = "parent";
   		 var sibling= "";
   		 var linkclasses = "";
         if (parent.hasClass('dropdown-menu'))
	   	 {
		   interactiontype = "child";
		   sibling=parent.prev().text()+ " > "+$(this).text();		  
	  	 }
		else
		{
		  sibling = $(this).text();
		}
		 var idattrvalue = $(this).attr('title');
		 if(idattrvalue == undefined){
			 idattrvalue = "";
		 }
		 var hrefValue = $(this).attr('href');
		 if(hrefValue== "#")
		 {
		  hrefValue = '';
		 }
		  if(hrefValue== "javascript:void(0)")
		 {
		  hrefValue = '';
		 }
		 linkclasses =  $(this).attr('class');
		 if(linkclasses == undefined){
			 linkclasses = "";
		 }
		 const navObj = {};			 
		 navObj.event= 'click_nav_link'
		 navObj.link_classes = linkclasses
		 navObj.link_domain = domainname
		 navObj.link_id = idattrvalue
		 navObj.link_text = $(this).text()
		 navObj.link_url = host+hrefValue
		 navObj.link_breadcrumb = sibling
		 navObj.interaction_type = interactiontype
		 dataLayer.push(navObj);
           });
     	$(document).on('click', '#quiz_data_form input[type="radio"], #quiz_data_form input[type="checkbox"]', function() {
    	var cms_element_type="";
   		const navObj = {};	
   		cms_element_type="Quiz";
        navObj.event= 'cms_element_click';
		navObj.cms_element_type =cms_element_type;
	    dataLayer.push(navObj);               	
        });
  if (!window.analyticsFlag) {
		googleAnalyticsPageLoad();
	}
	</script>
<script type="text/javascript">
	yourContentAdjustment();
	function yourContentAdjustment() {
		$(".your_content_widget").each(function(){
			var container = $(this).find('.main-content-area .archieve_top').length ? $(this).find('.main-content-area .archieve_top') : $(this);
			var totalAccordionList = $(this).find(".yourcontent_accordion");
			var accordionList = $(this).find(".yourcontent_accordion").filter(function(){
				return $(this).find(".item-list").length > 0;
			});
			var rowCount = $(this).find(".row").length;
			var accordionCount = accordionList.length;
			var numColumns = $(this).find(".yourContentColums").val();
			numColumns = parseInt(numColumns)?parseInt(numColumns):0;
			var numEntries = $(this).find(".yourContentEntries").val();
			numEntries = parseInt(numEntries)?parseInt(numEntries):0;
			var rowAdjustmentFlag = accordionList.length < totalAccordionList.length;
			if (rowAdjustmentFlag) {
				$(this).find('.row').remove();
			}
			for (let i = 0; i < accordionList.length; i += numColumns) {
		    const newRow = $('<div class="row"></div>');
		    for (let j = i; j < i + numColumns && j < accordionList.length; j++) {
		    	var itemListCount = $(accordionList[j]).find('.item-list').length;
		     	if (itemListCount > numEntries) {
		     		$(accordionList[j]).find(".browse-all-link").removeClass("hide");
		     		$(accordionList[j]).find(".item-list").slice(numEntries).remove();
		     	} else {
		     		$(accordionList[j]).find(".browse-all-link").addClass("hide");
		     	}
		     	if (rowAdjustmentFlag) {
		      	newRow.append($(accordionList[j]));
		    	}
		    }
		    if (rowAdjustmentFlag) {
		    	container.append(newRow);
		    }
		  }  
			if(accordionList.length == 0) {
				$(this).parent().addClass("hide");
			}
	  	//$(this).find(".yourcontent_accordion").each(function(){});
		});
		$(".your_content_widget .collapse").on("shown.bs.collapse", function (e) {
			$(this).parent().find('.panel-heading .glyphicon').removeClass('glyphicon-plus').addClass('glyphicon-minus');
		}).on("hidden.bs.collapse", function(e){
			$(this).parent().find('.panel-heading .glyphicon').removeClass('glyphicon-minus').addClass('glyphicon-plus');
		});
	}
</script>
</body>
</html>
