PageSourceSearch

https://www.fairchildbooksinteriordesign.com/

html fairchildbooksinteriordesign.com collected 2026-10-07 23:56:52 UTC 125,898 bytes, 2,651 lines download raw bytes

1  
2		<html lang="en">
3
4	
5
6
7
8<head>
9<!-- <title>fbidl-60</title> -->
10<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
11
12<link rel="icon" href="bloomsbury_assets/fbidl/images/FBIDL_FAV ICON.png" sizes="16x16" type="image/png">
13<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet"/>
14<meta charset="UTF-8">
15<!-- Google Tag Manager -->
16<script>
vendor: 331 bytes, lines 16-20
16(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
17new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
18j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
19'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
20})(window,document,'script','dataLayer','
20GTM-KJ5ZC6WD
vendor: 3 bytes, line 20
20');
20</script>
20
21<!-- End Google Tag Manager -->
22
23
24
25
26
27
28
29
30
31
32<script>
33            window.fiveStarSession = "B8A2044F1449BE512B8F6939D11B971B";
34      </script>
34
35
36
37
38
39<meta property="og:url" content="https://www.fairchildbooksinteriordesign.com/fbidl/" />
40<meta property="og:title" content="" />
41<meta property="og:description" content="" />
42
43
44
45	
46			
47
48
49
50
51
52
53
54
55
56
57
58
59																																	
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85				
86					
87
88 
89
90
91
92
93
94
95
96
97
98
99	
100
101
102
103	
104
105
106
107<input type="hidden" id="counterhiddenInput" value=""/>
108
109
110
111<input type="hidden" id="session-timeout-Value" value="30"/>
112
113
114
115
116
117	<meta name="description" content="Fairchild Books Interior Design Library offers all-in-one digital access to just under 70 acclaimed textbooks and dedicated supplementary resources fr">
118	<meta name="keywords" content="Interior design,textbooks,Fairchild Books,library,academic,digital learning,teaching,study tools">
119
120
121	
122	<title>Fairchild Books Interior Design Library - Home</title>
123<meta name="ST.PlatformAPIKey" content="a9c40f00b00c687a" />
124
125
126<!-- CSS -->
127<link href="/static-assets/bloomsbury_assets/bloomsbury/css/support.css" rel="stylesheet" type="text/css">
128<link href="/static-assets/bloomsbury_assets/bloomsbury/css/custom-select.css" rel="stylesheet" type="text/css">
129<link href="/static-assets/bloomsbury_assets/bloomsbury/css/owl-carousel-new.css" rel="stylesheet" type="text/css">
130<link href="/static-assets/bloomsbury_assets/bloomsbury/css/checkbox.css" rel="stylesheet" type="text/css">
131<link href="/static-assets/bloomsbury_assets/bloomsbury/css/all.min.css" rel="stylesheet" type="text/css">
132<link href="/bloomsbury_assets/fbidl/css/plyr.css" rel="stylesheet" type="text/css">
133<link href="/static-assets/bloomsbury_assets/bloomsbury/css/bootstrap-slider.css" rel="stylesheet" type="text/css">
134<link href="/static-assets/bloomsbury_assets/bloomsbury/css/support-ui.css" rel="stylesheet" type="text/css">
135
136
137
138
139				<link href="/bloomsbury_assets/fbidl/css/fbidl.css?v=60.1.3" rel="stylesheet" type="text/css">
140		<link href="/bloomsbury_assets/fbidl/css/product.css?v=60.1.3" rel="stylesheet" type="text/css">
141	
142
143<!--<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
144   integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ=="
145   crossorigin=""/>-->
146      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.css" crossorigin="">
147   
148
149<!-- JS -->
150<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/jquery.min.js"></script>
vendor: 2 bytes, line 150
150
151<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/custom.min.js"></script>
vendor: 2 bytes, line 151
151
152<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/owl-carousel-new.min.js"></script>
vendor: 2 bytes, line 152
152
153<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/custom-select.min.js"></script>
vendor: 2 bytes, line 153
153
154<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/plyr.js"></script>
154
155
156
157<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/bootstrap-slider.min.js"></script>
vendor: 2 bytes, line 157
157
158<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/jquery-ui.min.js"></script>
vendor: 2 bytes, line 158
158
159<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/mousescroll.min.js"></script>
vendor: 2 bytes, line 159
159
160<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/jquery-show-first.min.js"></script>
vendor: 2 bytes, line 160
160
161<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/clipboard.min.js"></script>
vendor: 2 bytes, line 161
161
162<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/jquery.mark.min.js"></script>
vendor: 2 bytes, line 162
162
163<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/jquery.cloudinary.js"></script>
vendor: 2 bytes, line 163
163
164<script type="text/javascript" src="/bloomsbury_assets/bloomsbury/js/bloomsbury.min.js?v=60.1.3"></script>
vendor: 70 bytes, lines 164-165
164
165<script src='https://www.recaptcha.net/recaptcha/api.js'></script>
166<!--
166<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
167   integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log=="
168   crossorigin=""></script>
168-->
169   	 
169<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.js" crossorigin=""></script>
169
170	 	 
170<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/leaflet.ChineseTmsProviders.js"></script>
vendor: 2 bytes, line 170
170
171<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/jquery.cookie.min.js"></script>
vendor: 2 bytes, line 171
171
172<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/jquery.truncation.js"></script>
vendor: 2 bytes, line 172
172
173<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/openseadragon.min.js"></script>
vendor: 2 bytes, line 173
173
174<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/openseadragon-svg-overlay.js"></script>
vendor: 2 bytes, line 174
174
175<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/snap.svg-min.js"></script>
175
176
177<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/jquery.numeric.min.js"></script>
vendor: 2 bytes, line 177
177
178<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/raphael.min.js"></script>
vendor: 2 bytes, line 178
178
179<script type="text/javascript" src="/static-assets/bloomsbury_assets/bloomsbury/js/URI.min.js"></script>
179
180<!-- 
180<script src="https://ssl.geoplugin.net/json.gp?k=a79c8a904f5edab4&jsoncallback=getGeolocationData"></script>
180 -->
181<script>
182	$.ajax({
183			type: "GET",
184			url: '/app/getmylocat',
185			success: function(response){
186				getGeolocationData(response); 
187			},
188			error: function(error){
189				console.log(error);
190			}
191		});
192</script>
192
193
194<!-- OneTrust Cookies Consent Notice start for fairchildbooksinteriordesign.com -->
195<script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js"  type="text/javascript" charset="UTF-8" data-domain-script="018dd058-776b-7ba4-ba1b-e83f1988bc05" ></script>
vendor: 1 bytes, line 195
195
196<script type="text/javascript">
197function OptanonWrapper() { }
198</script>
198
199<!-- OneTrust Cookies Consent Notice end for fairchildbooksinteriordesign.com -->
200</head>
201
202<body>
203<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 203-204
203
204<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
204GTM-KJ5ZC6WD
vendor: 86 bytes, lines 204-205
204 "
205height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
206<!-- End Google Tag Manager (noscript) -->
207
208	<div style="position: absolute;top:-10000px;" class="skip-content-div">
209		<a href="javascript:void(0);" id="skip-content" aria-label="Skip to main content">Skip to main content</a>
210	</div>
211
212<input type="hidden" id="copytocliptxt" name="copytoclipboard" value="Copy to Clipboard"/>
213<input type="hidden" id="copiedtocliptxt" name="copiedtoclipboard" value="Copied"/>
214<input id="counterEnabled" type="hidden" value="true">
215<input id="instanceValue" type="hidden" value="instance1">
216<div id="messageBoxFull" aria-live="assertive" style="position:absolute;top:-10000;left:-10000" aria-relevant="additions removals"></div>
217
218        
219<div class="loading-hidden hide">
220    <div class="loading-image"><img src="/static-assets/bloomsbury_assets/bloomsbury/images/loader.gif" alt="Loading" title="Loading"> </div>
221</div>
222
223<div class="content-loader hide">
224  <img src="/static-assets/bloomsbury_assets/bloomsbury/images/loader.gif" alt="Loading" title="Loading" class="loader-icon"/>
225</div>
226
227<input type="hidden" id="imageAuthEnabled" value="false"/>
228
229<script>
230var sqtrkq = sqtrkq || [];
231window.analyticsFlag = false;
232function showAjaxLoader(element) {
233    $(".content-loader").clone().removeClass("hide").appendTo(element);
234}
235
236function hideAjaxLoader(element) {
237    $(element).find(".content-loader").remove();
238}
239
240(function(){
241    var sqtrk=document.createElement('script');
242    sqtrk.id='sqtrk';
243    sqtrk.type='text/javascript';
244    sqtrk.async=true;
245    sqtrk.src=(('https:'==document.location.protocol)?'https':'http')+'://'+document.location.host+'/analytics/js/tracker.js';
246    var selm=document.getElementsByTagName('script')[0];
247    selm.parentNode.insertBefore(sqtrk,selm);
248})();
249
250var signupEventFlag=localStorage.getItem("signup-success");
251if (signupEventFlag && signupEventFlag == "true") {
252	dataLayer.push({
253		'event' : 'sign_up'
254	});
255}
256localStorage.removeItem("signup-success");
257
258	// default language code setting
259	if (typeof $.cookie('seleLang') === 'undefined'){
260		$.cookie("seleLang", "en");
261		$.cookie("taxonomy", "");
262		$.cookie("contenttype", "");
263		$.cookie("fromYear", "");
264		$.cookie("toYear", "");
265	}
266	
267   
268 $(document).ready(function() {
269  $(window).resize(function() {
270   var width = $(window).width();
271   if (width >= 1024) {
272       } else if ((width <= 1023) && (width >= 768)) {
273       } else {
274       }
275  });
276  
277	$(".lang_list a").on("click",function(){
278	   var oldLang = $(".lang_list a.active").attr("data-lang");
279	   var newLang = $(this).attr("data-lang");
280	   $.cookie("seleLang", newLang);
281	   location.reload();
282	});
283 }); 
284
285function getCoverSheetDate(){
286    var d = new Date();
287    var year = d.getFullYear();
288    var month = d.toLocaleString([], { month: "short" });
289    var day = d.toLocaleString([], { day: "2-digit" });
290    var time = d.getTime();
291    var minutes = d.getTimezoneOffset();
292    var offset =  minutes / 60;
293    var utc = day + ' ' + month + ' ' + year +' at '+  d.getUTCHours() + ':'+d.getUTCMinutes()+':'+ d.getUTCSeconds() + "." + d.getUTCMilliseconds() + ''+ Math.floor(offset) + ":00";
294    return utc;
295 }
296 
297 function isIEBrowser() {
298	   var ua = window.navigator.userAgent;
299	   var msie = ua.indexOf("MSIE");
300		// If Internet Explorer
301	   if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))  
302	   {
303		  return true;
304	   }
305	   else
306	   {
307		return false;
308	   }
309 }
310 
311 function downloadPDF(filePath, downloadName) {
312		if (isIEBrowser()){
313			var _window = window.open(filePath, '_blank');
314			//_window.document.close();
315			//_window.document.execCommand('SaveAs', true, downloadName)
316			//_window.close(); 
317		} else {
318			var link=document.createElement('a');
319			link.href= filePath;
320			link.download= downloadName;
321			var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0 || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || safari.pushNotification);
322			if (isSafari) {
323				window.location.href=filePath;
324			} else {
325				var evt = document.createEvent('MouseEvents');
326				evt.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
327				link.dispatchEvent(evt);
328			}
329		}
330 }	
331 function getMobileOperatingSystem() {
332  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
333
334      // Windows Phone must come first because its UA also contains "Android"
335    if (/windows phone/i.test(userAgent)) {
336        return "Windows Phone";
337    }
338
339    if (/android/i.test(userAgent)) {
340        return "Android";
341    }
342
343    // iOS detection from: http://stackoverflow.com/a/9039885/177710
344    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
345        return "iOS";
346    }
347
348    return "unknown";
349}
350 
351  function openPrint(content) {
352  		var OS = getMobileOperatingSystem();
353        if (OS == "iOS") {
354          $("#printFrame").remove();
355        }
356		var frame1 = document.createElement('iframe');
357		frame1.name = "frame1";
358		frame1.id = "printFrame";
359		frame1.style.position = "absolute";
360		frame1.style.top = "-1000000px";
361		document.body.appendChild(frame1);
362		var frameDoc = frame1.contentWindow ? frame1.contentWindow : frame1.contentDocument.document ? frame1.contentDocument.document : frame1.contentDocument;
363		if (OS == "Android") {
364          var originalContents = document.body.innerHTML;
365          document.body.innerHTML = xmlreq.responseText;
366          setTimeout(function() {
367            window.print();
368            document.body.innerHTML = originalContents;
369            showProgress();
370            location.reload();
371          }, 1000);
372        } else if (OS == "iOS") {
373          frameDoc.document.open();
374          frameDoc.document.write(xmlreq.responseText);
375          frameDoc.document.close();
376          setTimeout(function () {
377          window.frames["frame1"].focus();
378          window.frames["frame1"].print();
379          //document.body.removeChild(frame1);
380          }, 1000);
381        } else {
382          frameDoc.document.open();
383          frameDoc.document.write(xmlreq.responseText);
384          frameDoc.document.close();
385          setTimeout(function () {
386          window.frames["frame1"].focus();
387          window.frames["frame1"].print();
388          document.body.removeChild(frame1);
389          }, 500);
390		}
391 }
392</script>
392
393
394
395
396 
397<div role="dialog" aria-modal="true" aria-labelledby="myModalLabel" class="modal fade" id="signin_modal" tabindex="-1" data-backdrop="static" data-keyboard="false">
398    <div class="vertical-alignment-helper">
399    <div class="modal-dialog signin-modal vertical-align-center" role="document">
400        <div class="modal-content">
401            <div class="modal-body">
402                <div class="signin_close">
403                    <button class="closebtn" type="button" data-dismiss="modal" aria-label="Close" title="Close">
404                        <img src="/static-assets/bloomsbury_assets/bloomsbury/images/signin_close.png" alt="" role="presentation">
405                    </button>
406                </div>
407                                <h2 id="myModalLabel"  aria-label="Sign in to Your Personal Account ">Sign in to Your Personal Account </h2>
408                                <div tabindex="0" class="signinwith hide hide signup_social" aria-label="Sign in with"><span>Sign in with:</span>
409					<a href="javascript:;" onclick="if(confirm('You are being redirected to an external link. Do you wish to continue?')) {gp_login();return false;}
410					else {return false;}" title="Google"><span class="icon-Social_Google" title="Google"></span></a>
411					<a href="javascript:;" onclick="if(confirm('You are being redirected to an external link. Do you wish to continue?')) {fb_login();return false;}
412					else {return false;}" title="Facebook"><span class="icon-Social_Facebook" title="Facebook"></span></a>
413    				<a href="javascript:;" onclick="if(confirm('You are being redirected to an external link. Do you wish to continue?')) {tw_login();return false;}
414					else {return false;}" title="Twitter"><span class="icon-Social_Twitter" title="Twitter"></span></a>
415				</div>
416                <p align="center" tabindex="0" aria-label="or" class="hide hide">Or</p>
417                <form method="post" id="signin-form">
418				   <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>
419                   <div class="form-group">
420                        <label aria-label="Email Address">Email Address</label>
421                        <input type="email" class="form-control" aria-label="email address" id="signin-username" name="signin-username"  autocomplete="off">   
422						<span class="err-msg hide" tabindex="0" aria-live="assertive" aria-label="Invalid Email Address">Invalid Email Address</span>
423                    </div>
424                    <div class="form-group">
425                        <label  aria-label="Password">Password</label>
426                        <input type="password" class="form-control" id="signin-password" name="signin-password" autocomplete="off">
427						<!-- <span class="err-msg hide" tabindex="0" aria-label="Invalid Password">Invalid Password</span> -->
428                        <div class="forget_pass"><a class="forget-passwordlink" href="pre-forgot-password">Forgot Password?</a></div>
429                    </div>
430                    <div class="clearfix"></div>
431                    <div class="form-group" align="center">
432                       <input role="button" id="signin-btn" class="primary_btn disabled-btn" aria-label="signin" value="Sign in">
433                    </div>
434					<div>
435                    	With a personal account, you can save books, chapters, images or other items to view later.
436                    </div>
437                                    </form>
438                <p class="personal_acc"  aria-label="Don't have a personal account yet? Sign up now">
439                    Don't have a personal account yet?<br>
440                    <!-- <a  href="sign-up?recentUrl=/">Sign up now.</a> -->
441                    <a class="personal_acclabel" href="https://p13n-bloomsbury.highwire.org/register?return-url=https://www.fairchildbooksinteriordesign.com%2F">Sign up now.</a>
442                </p>
443            </div>
444        </div>
445    </div>
446    </div>
447</div>
448
449
450<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">
451    <div class="vertical-alignment-helper">
452        <div class="modal-dialog signin-modal change_password vertical-align-center" role="document">
453        <div class="modal-content">
454            <div class="modal-body">
455                <div class="close_icon">
456                    <button type="button" data-dismiss="modal" aria-label="Close" title="Close">
457                        <img src="/static-assets/bloomsbury_assets/bloomsbury/images/signin_close.png" alt="" role="presentation">
458                    </button>
459                </div>
460                <h2 id="head-changepwd" tabindex="0" aria-labelledby="head-changepwd">Change Password</h2>
461                <form method="post" id="change-password-form">
462                    <div class="form-group">
463                        <label id="head-currentpwd" tabindex="0" aria-labelledby="head-currentpwd">Current Password</label>
464                        <input name="oldpassword" id="change-old-pwd" type="password" class="form-control" placeholder="Enter Current Password" maxlength="20" autocomplete="off">
465						<span id="head-currentpwd-err" class="err-msg hide" tabindex="0" aria-live="polite" aria-labelledby="head-currentpwd">Current Password doesn't match</span>
466					</div>
467                    <div class="form-group">
468                        <label id="head-newpwd" tabindex="0" aria-labelledby="head-newpwd">New Password</label>
469                        <input name="newpassword" id="change-new-pwd" type="password" class="form-control" placeholder="Enter new password" maxlength="20" autocomplete="off">
470						<span id="head-newpwd-err" class="err-msg hide" tabindex="0" aria-live="polite" aria-labelledby="head-newpwd-err">Enter min 6 Characters</span>
471					</div>
472                    <div class="form-group">
473                        <label id="head-confirm-newpwd" tabindex="0" aria-labelledby="head-confirm-newpwd">Confirm New Password</label>
474                        <input name="confnewpassword" id="change-confirm-pwd" type="password" class="form-control" placeholder="Re-enter password" maxlength="20" autocomplete="off">
475						<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>
476					</div>
477                    <div class="form-group no_margin" align="center">
478                        <input type="button" id="change-pwd-btn" value="Save" class="primary_btn disabled-btn" aria-label="save">
479                        <input type="button" value="Cancel" class="secondary_btn" data-dismiss="modal" aria-label="cancel">
480                    </div>
481                </form>
482            </div>
483        </div>
484    </div>
485    </div>
486</div>
487
488
489<!-- Signup via Social Media Modal starts Here-->
490<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">
491  <div class="modal-dialog" role="document">
492	<div class="modal-content">		
493		<div class="modal-body fb-signup">
494			<div class="signin_close">
495				<button type="button" data-dismiss="modal" aria-label="Close" title="Close">
496                    <img src="/static-assets/bloomsbury_assets/bloomsbury/images/signin_close.png" alt="" role="presentation">
497                </button>
498			</div>
499			  <h3 id="sn-signup-media-title" tabindex="0" aria-labelledby="sn-signup-media-title">Sign Up Via FaceBook</h3>
500			  
501			  <!-- <div class="row prof-pic"> -->
502				<!-- <div class="col-lg-3 col-sm-3 col-md-3 col-xs-3 profile-icon"> -->
503				<!-- <img id="sn-profile-pic" src="/static-assets/bloomsbury_assets/bloomsbury/images/fb-prof-pic.jpg" style="margin: 0 auto; width: 70px; height: 70px;" class="img-rounded" alt="prof pic" tabindex="0"> -->
504			    <!-- </div> -->
505				<!-- <div class="col-lg-9 col-sm-9 col-md-9 col-xs-9"> -->
506			    <!-- <h5 id="sn-full-name" tabindex="0" aria-labelledby="sn-full-name">John Doe</h5> -->
507			    <!-- <p id="sn-email" class="mail-id" tabindex="0" aria-labelledby="sn-email">[email protected]</p>	 -->
508                <!-- <div class="fb-icon">				 -->
509				<!-- <img id="sn-signup-icon" src="/static-assets/bloomsbury_assets/bloomsbury/images/fb-signup-icon.png" alt="fb-icon" tabindex="0"> -->
510				<!-- <span id="signup-social-label" tabindex="0" aria-labelledby="signup-social-label">&nbsp;Facebook</span></div> -->
511			  <!-- </div> -->
512			  <!-- </div> -->
513			  
514			  <div class="clearfix prof-pic">
515				<div class="profile-icon">
516				<img id="sn-profile-pic" src="/static-assets/bloomsbury_assets/bloomsbury/images/fb-prof-pic.jpg" width="75" height="75" class="img-rounded" alt="prof pic" tabindex="0">
517			    </div>
518				<div class="profile-text">
519			    <h5 id="sn-full-name" tabindex="0" aria-labelledby="sn-full-name">John Doe</h5>
520			    <p id="sn-email" class="mail-id" tabindex="0" aria-labelledby="sn-email">[email protected]</p>	
521                <div class="fb-icon">				
522				<img id="sn-signup-icon" src="/static-assets/bloomsbury_assets/bloomsbury/images/fb-signup-icon.png" width="25" height="25" alt="fb-icon" tabindex="0">
523				<span id="signup-social-label" tabindex="0" aria-labelledby="signup-social-label">&nbsp;Facebook</span></div>
524			  </div>
525			  </div>
526			  
527			  <div class="clearfix"></div>
528
529			  <h4 id="head-addInfo" tabindex="0" aria-labelledby="head-addInfo">Additional info required</h4>
530			  <div class="row">
531				<form id="sn-signup-form" class="fb-signup-form" method="post">
532					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 signup-title hide">
533						<div class="title_cont">
534							<div class="form-group clearfix">
535								<label id="head-social-titlab" tabindex="0" aria-labelledby="head-social-titlab">Title<sup>*</sup></label>
536								<div class="clearfix"></div>
537								<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">
538									<option value="">Select</option>
539																														<option value="Mr."> Mr. </option>
540																					<option value="Mrs."> Mrs. </option>
541																					<option value="Miss."> Miss. </option>
542																					<option value="Ms."> Ms. </option>
543																					<option value="Dr."> Dr. </option>
544																					<option value="Prof."> Prof. </option>
545																					<option value="Other"> Other </option>
546																											</select>
547							<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">
548							</div>
549						</div>
550					</div>
551					<div class="clearfix"></div>
552					
553					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
554						<div class="form-group">
555							<label id="head-social-frsnme" tabindex="0" aria-labelledby="head-social-frsnme">First Name<sup>*</sup></label>
556							<input id="sn-signup-first-name" name="firstname" type="text" class="form-control" placeholder="First Name" maxlength="30" autocomplete="off">
557						</div>
558					</div>
559
560					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hide">
561						<div class="form-group">
562							<label id="head-social-surnme" tabindex="0" aria-labelledby="head-social-surnme">Surname<sup>*</sup></label>
563						<input id="sn-signup-sur-name" class="form-control" name="surname" type="text" class="form-control" placeholder="Surname" maxlength="30" autocomplete="off">
564						</div>
565					</div>
566					<div class="clearfix"></div>
567					
568					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hide">
569						<div class="form-group">
570							<label id="head-social-occup" tabindex="0" aria-labelledby="head-social-occup">Occupation<sup>*</sup></label>
571							<select id="sn-signup-occupation-select" name="occupation" class="selectpicker form-control">
572								<option value="">Select</option>
573																											<option value="Librarian"> Librarian </option>
574																			<option value="Academic/Faculty"> Academic/Faculty </option>
575																			<option value="Administrator"> Administrator </option>
576																			<option value="Student"> Student </option>
577																			<option value="Other"> Other </option>
578																								</select>
579						</div>
580						<div class="clearfix"></div>
581						<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no_pad">
582							<input type="text" id="sn-signup-occupation-text-box" name="occupationTitle" class="hide form-control" autocomplete="off">
583						</div>
584					</div>
585
586					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 hide">
587						<div class="form-group">
588							<label id="head-social-crty" tabindex="0" aria-labelledby="head-social-crty">Country<sup>*</sup></label>
589							<select id="sn-signup-country" name="signup-country" class="selectpicker form-control">
590								<option value="">Select</option>
591																											<option value="af" title="Afghanistan">Afghanistan</option>
592																			<option value="ax" title="Aland Islands">Aland Islands</option>
593																			<option value="al" title="Albania">Albania</option>
594																			<option value="dz" title="Algeria">Algeria</option>
595																			<option value="as" title="American Samoa">American Samoa</option>
596																			<option value="ad" title="Andorra">Andorra</option>
597																			<option value="ao" title="Angola">Angola</option>
598																			<option value="ai" title="Anguilla">Anguilla</option>
599																			<option value="aq" title="Antarctica">Antarctica</option>
600																			<option value="ag" title="Antigua and Barbuda">Antigua and Barbuda</option>
601																			<option value="ar" title="Argentina">Argentina</option>
602																			<option value="am" title="Armenia">Armenia</option>
603																			<option value="aw" title="Aruba">Aruba</option>
604																			<option value="au" title="Australia">Australia</option>
605																			<option value="at" title="Austria">Austria</option>
606																			<option value="az" title="Azerbaijan">Azerbaijan</option>
607																			<option value="bs" title="Bahamas">Bahamas</option>
608																			<option value="bh" title="Bahrain">Bahrain</option>
609																			<option value="bd" title="Bangladesh">Bangladesh</option>
610																			<option value="bb" title="Barbados">Barbados</option>
611																			<option value="by" title="Belarus">Belarus</option>
612																			<option value="be" title="Belgium">Belgium</option>
613																			<option value="bz" title="Belize">Belize</option>
614																			<option value="bj" title="Benin">Benin</option>
615																			<option value="bm" title="Bermuda">Bermuda</option>
616																			<option value="bt" title="Bhutan">Bhutan</option>
617																			<option value="bo" title="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option>
618																			<option value="bq" title="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option>
619																			<option value="ba" title="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
620																			<option value="bw" title="Botswana">Botswana</option>
621																			<option value="bv" title="Bouvet Island">Bouvet Island</option>
622																			<option value="br" title="Brazil">Brazil</option>
623																			<option value="io" title="British Indian Ocean Territory">British Indian Ocean Territory</option>
624																			<option value="bn" title="Brunei Darussalam">Brunei Darussalam</option>
625																			<option value="bg" title="Bulgaria">Bulgaria</option>
626																			<option value="bf" title="Burkina Faso">Burkina Faso</option>
627																			<option value="bi" title="Burundi">Burundi</option>
628																			<option value="kh" title="Cambodia">Cambodia</option>
629																			<option value="cm" title="Cameroon">Cameroon</option>
630																			<option value="ca" title="Canada">Canada</option>
631																			<option value="cv" title="Cape Verde">Cape Verde</option>
632																			<option value="ky" title="Cayman Islands">Cayman Islands</option>
633																			<option value="cf" title="Central African Republic">Central African Republic</option>
634																			<option value="td" title="Chad">Chad</option>
635																			<option value="cl" title="Chile">Chile</option>
636																			<option value="cn" title="China">China</option>
637																			<option value="cx" title="Christmas Island">Christmas Island</option>
638																			<option value="cc" title="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
639																			<option value="co" title="Colombia">Colombia</option>
640																			<option value="km" title="Comoros">Comoros</option>
641																			<option value="cg" title="Congo">Congo</option>
642																			<option value="cd" title="Congo, the Democratic Republic of the">
642Congo, the Democratic Republic of the</option>
643																			<option value="ck" title="Cook Islands">Cook Islands</option>
644																			<option value="cr" title="Costa Rica">Costa Rica</option>
645																			<option value="ci" title="Côte d'Ivoire">Côte d'Ivoire</option>
646																			<option value="hr" title="Croatia">Croatia</option>
647																			<option value="cu" title="Cuba">Cuba</option>
648																			<option value="cw" title="Curaçao">Curaçao</option>
649																			<option value="cy" title="Cyprus">Cyprus</option>
650																			<option value="cz" title="Czech Republic">Czech Republic</option>
651																			<option value="dk" title="Denmark">Denmark</option>
652																			<option value="dj" title="Djibouti">Djibouti</option>
653																			<option value="dm" title="Dominica">Dominica</option>
654																			<option value="do" title="Dominican Republic">Dominican Republic</option>
655																			<option value="ec" title="Ecuador">Ecuador</option>
656																			<option value="eg" title="Egypt">Egypt</option>
657																			<option value="sv" title="El Salvador">El Salvador</option>
658																			<option value="gq" title="Equatorial Guinea">Equatorial Guinea</option>
659																			<option value="er" title="Eritrea">Eritrea</option>
660																			<option value="ee" title="Estonia">Estonia</option>
661																			<option value="et" title="Ethiopia">Ethiopia</option>
662																			<option value="fk" title="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>
663																			<option value="fo" title="Faroe Islands">Faroe Islands</option>
664																			<option value="fj" title="Fiji">Fiji</option>
665																			<option value="fi" title="Finland">Finland</option>
666																			<option value="fr" title="France">France</option>
667																			<option value="gf" title="French Guiana">French Guiana</option>
668																			<option value="pf" title="French Polynesia">French Polynesia</option>
669																			<option value="tf" title="French Southern Territories">French Southern Territories</option>
670																			<option value="ga" title="Gabon">Gabon</option>
671																			<option value="gm" title="Gambia">Gambia</option>
672																			<option value="ge" title="Georgia">Georgia</option>
673																			<option value="de" title="Germany">Germany</option>
674																			<option value="gh" title="Ghana">Ghana</option>
675																			<option value="gi" title="Gibraltar">Gibraltar</option>
676																			<option value="gr" title="Greece">Greece</option>
677																			<option value="gl" title="Greenland">Greenland</option>
678																			<option value="gd" title="Grenada">Grenada</option>
679																			<option value="gp" title="Guadeloupe">Guadeloupe</option>
680																			<option value="gu" title="Guam">Guam</option>
681																			<option value="gt" title="Guatemala">Guatemala</option>
682																			<option value="gg" title="Guernsey">Guernsey</option>
683																			<option value="gn" title="Guinea">Guinea</option>
684																			<option value="gw" title="Guinea-Bissau">Guinea-Bissau</option>
685																			<option value="gy" title="Guyana">Guyana</option>
686																			<option value="ht" title="Haiti">Haiti</option>
687																			<option value="hm" title="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option>
688																			<option value="va" title="Holy See (Vatican City State)">Holy See (Vatican City State)</option>
689																			<option value="hn" title="Honduras">Honduras</option>
690																			<option value="hk" title="Hong Kong">Hong Kong</option>
691																			<option value="hu" title="Hungary">Hungary</option>
692																			<option value="is" title="Iceland">Iceland</option>
693																			<option value="in" title="India">India</option>
694																			<option value="id" title="Indonesia">Indonesia</option>
695																			<option value="ir" title="Iran, Islamic Republic of">Iran, Islamic Republic of</option>
696																			<option value="iq" title="Iraq">Iraq</option>
697																			<option value="ie" title="Ireland">Ireland</option>
698																			<option value="im" title="Isle of Man">Isle of Man</option>
699																			<option value="il" title="Israel">Israel</option>
700																			<option value="it" title="Italy">Italy</option>
701																			<option value="jm" title="Jamaica">Jamaica</option>
702																			<option value="jp" title="Japan">Japan</option>
703																			<option value="je" title="Jersey">Jersey</option>
704																			<option value="jo" title="Jordan">Jordan</option>
705																			<option value="kz" title="Kazakhstan">Kazakhstan</option>
706																			<option value="ke" title="Kenya">Kenya</option>
707																			<option value="ki" title="Kiribati">Kiribati</option>
708																			<option value="kp" title="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option>
709																			<option value="kr" title="Korea, Republic of">Korea, Republic of</option>
710																			<option value="kw" title="Kuwait">Kuwait</option>
711																			<option value="kg" title="Kyrgyzstan">Kyrgyzstan</option>
712																			<option value="la" title="Lao People's Democratic Republic">Lao People's Democratic Republic</option>
713																			<option value="lv" title="Latvia">Latvia</option>
714																			<option value="lb" title="Lebanon">Lebanon</option>
715																			<option value="ls" title="Lesotho">Lesotho</option>
716																			<option value="lr" title="Liberia">Liberia</option>
717																			<option value="ly" title="Libya">Libya</option>
718																			<option value="li" title="Liechtenstein">Liechtenstein</option>
719																			<option value="lt" title="Lithuania">Lithuania</option>
720																			<option value="lu" title="Luxembourg">Luxembourg</option>
721																			<option value="mo" title="Macao">Macao</option>
722																			<option value="mk" title="Macedonia, the Former Yugoslav Republic of">Macedonia, the Former Yugoslav Republic of</option>
723																			<option value="mg" title="Madagascar">Madagascar</option>
724																			<option value="mw" title="Malawi">Malawi</option>
725																			<option value="my" title="Malaysia">Malaysia</option>
726																			<option value="mv" title="Maldives">Maldives</option>
727																			<option value="ml" title="Mali">Mali</option>
728																			<option value="mt" title="Malta">Malta</option>
729																			<option value="mh" title="Marshall Islands">Marshall Islands</option>
730																			<option value="mq" title="Martinique">Martinique</option>
731																			<option value="mr" title="Mauritania">Mauritania</option>
732																			<option value="mu" title="Mauritius">Mauritius</option>
733																			<option value="yt" title="Mayotte">Mayotte</option>
734																			<option value="mx" title="Mexico">Mexico</option>
735																			<option value="fm" title="Micronesia, Federated States of">Micronesia, Federated States of</option>
736																			<option value="md" title="Moldova, Republic of">Moldova, Republic of</option>
737																			<option value="mc" title="Monaco">Monaco</option>
738																			<option value="mn" title="Mongolia">Mongolia</option>
739																			<option value="me" title="Montenegro">Montenegro</option>
740																			<option value="ms" title="Montserrat">Montserrat</option>
741																			<option value="ma" title="Morocco">Morocco</option>
742																			<option value="mz" title="Mozambique">Mozambique</option>
743																			<option value="mm" title="Myanmar">Myanmar</option>
744																			<option value="na" title="Namibia">Namibia</option>
745																			<option value="nr" title="Nauru">Nauru</option>
746																			<option value="np" title="Nepal">Nepal</option>
747																			<option value="nl" title="Netherlands">Netherlands</option>
748																			<option value="nc" title="New Caledonia">New Caledonia</option>
749																			<option value="nz" title="New Zealand">New Zealand</option>
750																			<option value="ni" title="Nicaragua">Nicaragua</option>
751																			<option value="ne" title="Niger">Niger</option>
752																			<option value="ng" title="Nigeria">Nigeria</option>
753																			<option value="nu" title="Niue">Niue</option>
754																			<option value="nf" title="Norfolk Island">Norfolk Island</option>
755																			<option value="mp" title="Northern Mariana Islands">Northern Mariana Islands</option>
756																			<option value="no" title="Norway">Norway</option>
757																			<option value="om" title="Oman">Oman</option>
758																			<option value="pk" title="Pakistan">Pakistan</option>
759																			<option value="pw" title="Palau">Palau</option>
760																			<option value="ps" title="Palestine, State of">Palestine, State of</option>
761																			<option value="pa" title="Panama">Panama</option>
762																			<option value="pg" title="Papua New Guinea">Papua New Guinea</option>
763																			<option value="py" title="Paraguay">Paraguay</option>
764																			<option value="pe" title="Peru">Peru</option>
765																			<option value="ph" title="Philippines">Philippines</option>
766																			<option value="pn" title="Pitcairn">Pitcairn</option>
767																			<option value="pl" title="Poland">Poland</option>
768																			<option value="pt" title="Portugal">Portugal</option>
769																			<option value="pr" title="Puerto Rico">Puerto Rico</option>
770																			<option value="qa" title="Qatar">Qatar</option>
771																			<option value="re" title="Réunion">Réunion</option>
772																			<option value="ro" title="Romania">Romania</option>
773																			<option value="ru" title="Russian Federation">Russian Federation</option>
774																			<option value="rw" title="Rwanda">Rwanda</option>
775																			<option value="bl" title="Saint Barthélemy">Saint Barthélemy</option>
776																			<option value="sh" title="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option>
777																			<option value="kn" title="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
778																			<option value="lc" title="Saint Lucia">Saint Lucia</option>
779																			<option value="mf" title="Saint Martin (French part)">Saint Martin (French part)</option>
780																			<option value="pm" title="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
781																			<option value="vc" title="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
782																			<option value="ws" title="Samoa">Samoa</option>
783																			<option value="sm" title="San Marino">San Marino</option>
784																			<option value="st" title="Sao Tome and Principe">Sao Tome and Principe</option>
785																			<option value="sa" title="Saudi Arabia">Saudi Arabia</option>
786																			<option value="sn" title="Senegal">Senegal</option>
787																			<option value="rs" title="Serbia">Serbia</option>
788																			<option value="sc" title="Seychelles">Seychelles</option>
789																			<option value="sl" title="Sierra Leone">Sierra Leone</option>
790																			<option value="sg" title="Singapore">Singapore</option>
791																			<option value="sx" title="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option>
792																			<option value="sk" title="Slovakia">Slovakia</option>
793																			<option value="si" title="Slovenia">Slovenia</option>
794																			<option value="sb" title="Solomon Islands">Solomon Islands</option>
795																			<option value="so" title="Somalia">Somalia</option>
796																			<option value="za" title="South Africa">South Africa</option>
797																			<option value="gs" title="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option>
798																			<option value="ss" title="South Sudan">South Sudan</option>
799																			<option value="es" title="Spain">Spain</option>
800																			<option value="lk" title="Sri Lanka">Sri Lanka</option>
801																			<option value="sd" title="Sudan">Sudan</option>
802																			<option value="sr" title="Suriname">Suriname</option>
803																			<option value="sj" title="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>
804																			<option value="sz" title="Swaziland">Swaziland</option>
805																			<option value="se" title="Sweden">Sweden</option>
806																			<option value="ch" title="Switzerland">Switzerland</option>
807																			<option value="sy" title="Syrian Arab Republic">Syrian Arab Republic</option>
808																			<option value="tw" title="Taiwan, Province of China">Taiwan, Province of China</option>
809																			<option value="tj" title="Tajikistan">Tajikistan</option>
810																			<option value="tz" title="Tanzania, United Republic of">Tanzania, United Republic of</option>
811																			<option value="th" title="Thailand">Thailand</option>
812																			<option value="tl" title="Timor-Leste">Timor-Leste</option>
813																			<option value="tg" title="Togo">Togo</option>
814																			<option value="tk" title="Tokelau">Tokelau</option>
815																			<option value="to" title="Tonga">Tonga</option>
816																			<option value="tt" title="Trinidad and Tobago">Trinidad and Tobago</option>
817																			<option value="tn" title="Tunisia">Tunisia</option>
818																			<option value="tr" title="Turkey">Turkey</option>
819																			<option value="tm" title="Turkmenistan">Turkmenistan</option>
820																			<option value="tc" title="Turks and Caicos Islands">Turks and Caicos Islands</option>
821																			<option value="tv" title="Tuvalu">Tuvalu</option>
822																			<option value="ug" title="Uganda">Uganda</option>
823																			<option value="ua" title="Ukraine">Ukraine</option>
824																			<option value="ae" title="United Arab Emirates">United Arab Emirates</option>
825																			<option value="gb" title="United Kingdom">United Kingdom</option>
826																			<option value="us" title="United States">United States</option>
827																			<option value="um" title="United States Minor Outlying Islands">United States Minor Outlying Islands</option>
828																			<option value="uy" title="Uruguay">Uruguay</option>
829																			<option value="uz" title="Uzbekistan">Uzbekistan</option>
830																			<option value="vu" title="Vanuatu">Vanuatu</option>
831																			<option value="ve" title="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option>
832																			<option value="vn" title="Viet Nam">Viet Nam</option>
833																			<option value="vg" title="Virgin Islands, British">Virgin Islands, British</option>
834																			<option value="vi" title="Virgin Islands, U.S.">Virgin Islands, U.S.</option>
835																			<option value="wf" title="Wallis and Futuna">Wallis and Futuna</option>
836																			<option value="eh" title="Western Sahara">Western Sahara</option>
837																			<option value="ye" title="Yemen">Yemen</option>
838																			<option value="zm" title="Zambia">Zambia</option>
839																			<option value="zw" title="Zimbabwe">Zimbabwe</option>
840																								</select>
841						</div>
842					</div>
843					<div class="clearfix"></div>
844					
845					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
846						<div class="form-group">
847							<label id="head-social-emaillab" tabindex="0" aria-labelledby="head-social-emaillab">Email Address<sup>*</sup></label>
848							<input id="sn-signup-email-addr" type="email" name="email" class="form-control" placeholder="Email Address" autocomplete="off">
849                            <span id="sn-signup-emailexists" class="err-msg hide" tabindex="0" aria-live="polite" aria-label="Invalid Email address">Invalid Email address</span>
850						</div>
851					</div>
852					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="sn-social-verify-email">
853						<div class="form-group">
854							<label id="head-social-cnfemail" tabindex="0" aria-labelledby="head-social-cnfemail">Confirm Email Address<sup>*</sup></label>
855							<input id="sn-signup-verify-email" type="email" class="form-control" placeholder="Confirm Email Address" autocomplete="off">
856                            <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>
857						</div>
858					</div>
859										<input id="sn-password" type="hidden" name="profile-id">
860					<input id="sn-signup-social" type="hidden" name="signup-social-name">
861					<div class="clearfix"></div>
862					
863					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
864						<div class="checkbox hide">
865							<input id="sn-signup-checkbox1" name="keepintouch" class="styled" type="checkbox">
866							<label for="sn-signup-checkbox1" tabindex="0" aria-labelledby="I would like to receive information on Fairchild Books Interior Design Library and related Bloomsbury products">
867								I would like to receive information on Fairchild Books Interior Design Library and related Bloomsbury products
868							</label>
869						</div>
870						<div class="checkbox">
871							<input id="sn-signup-checkbox2" class="styled" type="checkbox">
872							<label for="sn-signup-checkbox2" tabindex="0" aria-labelledby="sn-signup-checkbox2">
873								I agree with  <a href="terms-and-conditions">Terms & Conditions</a> and <a href="privacy-policy">Privacy & Cookies Policy</a><sup>*</sup>
874							</label>
875						</div>
876					</div>
877					
878					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
879						<div class="form-group button_elements">							
880							<input id="sn-signup-send-btn" type="button" value="Submit" class="primary_btn disabled-btn">
881							<input type="button" value="Clear" class="secondary_btn" data-toggle="modal" data-target="#sn-signup-reset">
882						</div>
883					</div>
884					
885				</form>
886			  </div>
887		</div>
888	</div>
889  </div>
890</div>
891<!-- Signup via Social Media Modal End's Here-->
892
893<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">
894  <div class="vertical-alignment-helper">
895	  <div class="modal-dialog alert_modal vertical-align-center" role="document">
896		<div class="modal-content">
897		  <div class="modal-body">
898			<h2 id="socialsignup-alertmsg" tabindex="0" aria-labelledby="socialsignup-alertmsg">Alert</h2>
899			<p id="socialsignup-alertconfirm" tabindex="0" aria-labelledby="socialsignup-alertconfirm">Are you sure you want to reset the form?</p>
900			<input type="button" value="Yes" class="primary_btn sn-signup-clear-btn" data-dismiss="modal"> 
901			<input data-dismiss="modal" type="button" value="No" class="secondary_btn sn-signup-clear-cancel-btn">
902		  </div>
903		</div>
904	  </div>
905	</div> 
906</div>
907
908<!-- Shareviaemail model window ---->
909<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">
910    <div class="vertical-alignment-helper">
911		<div class="modal-dialog share-via-success vertical-align-center" role="document">
912			<div class="modal-content">
913		   <div class="modal-body text-center">
914			<h2 id="socialsignup-successmsg" tabindex="0" aria-labelledby="socialsignup-successmsg">Success</h2>
915			<p id="socialsignup-alertconfirmation" tabindex="0" aria-labelledby="socialsignup-alertconfirmation">Your mail has been sent successfully</p>
916			<input type="button" value="OK" class="primary_btn sn-signup-clear-btn" data-dismiss="modal"> 
917		  </div>
918			</div>
919		</div>
920    </div>
921</div>
922
923
924<!-- Alert Selection-->
925
926<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">
927  <div class="vertical-alignment-helper">
928	  <div class="modal-dialog alert_modal vertical-align-center" role="document">
929		<div class="modal-content">
930		  <div class="modal-body">
931			<h2 id="alert-alertmsg" tabindex="0" aria-labelledby="alert-alertmsg">Alert Me</h2>
932			<p id="alert-alertconfirm" tabindex="0" aria-labelledby="alert-alertconfirm">Are you sure you want to remove the alert?</p>
933			<input type="button" value="Yes" class="primary_btn alert-clear-btn" data-dismiss="modal" id="remove-alert-button"> 
934			<input data-dismiss="modal" type="button" value="No" class="secondary_btn alert-clear-cancel-btn">
935		  </div>
936		</div>
937	  </div>
938	</div> 
939</div>
940
941<script type="text/javascript">
942  var emailNotMatchMsg = "Entered Email address does not match";
943  function setTwitterUserInfo(id, fullname, firstname, surname, email, profileImageUrl){
944    var signUpViaTiw = "Sign Up Via";
945    document.getElementById("sn-signup-media-title").innerHTML = signUpViaTiw+" Twitter";
946    document.getElementById("sn-full-name").innerHTML = fullname;
947    document.getElementById("sn-email").innerHTML = email;
948    document.getElementById("sn-profile-pic").setAttribute("src", profileImageUrl);
949    document.getElementById("sn-signup-icon").setAttribute("src", "/static-assets/bloomsbury_assets/bloomsbury/images/signin_twitter.png");
950    document.getElementById("signup-social-label").innerHTML = "Twitter";
951    document.getElementById("sn-signup-first-name").value = fullname;
952    document.getElementById("sn-signup-sur-name").value = surname;
953    document.getElementById("sn-password").value = id;
954    document.getElementById("sn-signup-social").value = "twitter";
955    document.getElementById("sn-signup-email-addr").value = email;
956    var dbFlag = validateUserExists(id);
957    if(dbFlag) {
958      window.location.href = '/signin?id=' + id + '&recentUrl=/';
959    } else {
960      // now popup the signup modal
961      $('#signup-social-media').modal('show');
962    }
963  }
964
965  function twitterDenied(){
966    $('#signin-username').css("border","solid red 1px").siblings("span").removeClass("hide").html('Access Denied');
967  }
968
969  function SocialSignUpSubmission() {
970    var isValid = true;
971    var $email_addr=$('#sn-signup-email-addr');
972    var $verify_email_addr=$('#sn-signup-verify-email');
973    var f_email=$email_addr.val();
974    var s_email=$verify_email_addr.val();
975    $email_addr.css("border","solid #ccc 1px").siblings("span").addClass("hide");
976    $verify_email_addr.css("border","solid #ccc 1px").siblings("span").addClass("hide");
977    if(!ValidateEmail(f_email)){
978        isValid=false;
979        $email_addr.css("border","solid red 1px").siblings("span").removeClass("hide");
980    }
981    if(f_email!=s_email){
982        isValid=false;
983		
984        $verify_email_addr.css("border","solid red 1px").siblings("span").removeClass("hide").html(emailNotMatchMsg);
985    }
986    if (isValid) {
987        showProgress();
988        $.ajax({
989            type: "POST",
990            url: '/app/sams',
991            dataType: 'text',
992            data: {username: f_email},
993            async: false,
994            success: function (e) {
995                if (e == "-1") {
996                    $("#sn-signup-form").submit();
997                } else {
998                    hideProgress();
999                    $('#sn-signup-email-addr').css("border","solid red 1px").siblings("span").removeClass("hide").html('Email Address already exists');
1000                }
1001            },
1002            error: function (error) {
1003                console.log(error);
1004            }
1005        });
1006    }
1007}
1008
1009$(document).ready(function() {
1010	$("#change-old-pwd, #change-new-pwd, #change-confirm-pwd").keyup(function(event) {
1011		$(this).css("border","solid #ccc 1px").siblings("span").addClass("hide");
1012		if (!$(this).val()) {
1013			$("#change-pwd-btn").addClass("disabled-btn");
1014		}
1015		else {
1016			if ($("#change-old-pwd").val() != "" && $("#change-new-pwd").val() != "" && $("#change-confirm-pwd").val() != "") {
1017				$("#change-pwd-btn").removeClass("disabled-btn");
1018			} else {
1019				$("#change-pwd-btn").addClass("disabled-btn");
1020			}
1021		}
1022		if(!$("#change-pwd-btn").hasClass('disabled-btn')){
1023			if(event.keyCode=="13"){
1024				changePassword();
1025			}
1026		}
1027	});
1028
1029  	
1030	$("#social-signup-close").on('click', function(e) {
1031		$("#signup-social-media").find('.selectpicker').selectpicker('deselectAll');
1032		$("#signup-social-media").find("input:checkbox").removeAttr("checked");
1033	});
1034	
1035	var input_email_addr;
1036	$('#signup-social-media').on('show.bs.modal', function (e) {
1037		input_email_addr = $("#sn-signup-email-addr").val();
1038	});
1039	
1040	$("#sn-signup-email-addr").on('keyup', function() {
1041		var input_verify_email_addr = $("#sn-signup-email-addr").val();
1042		if (input_email_addr != input_verify_email_addr) {
1043			$("#sn-social-verify-email").removeClass("hide");
1044		} else {
1045			$("#sn-social-verify-email").addClass("hide");
1046		}
1047		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");
1048		socialSignupValidate(socialSignupMandatory);
1049	});
1050
1051  $(".glyphicon.glyphicon-minus, .glyphicon.glyphicon-plus, .search-fav-icon").on("keyup", function(e){
1052    if (e.keyCode == 13) {
1053      $(this).click();
1054    }
1055  });
1056});
1057
1058$("#changepass").on("hide.bs.modal", function (e) {
1059	$("#change-pwd-btn").addClass("disabled-btn");
1060	$(this).find("input[type=password]").val("").css("border","solid #ccc 1px");	
1061	$(this).find(".err-msg").addClass("hide");
1062});
1063
1064function changePassword() {
1065	var oldPwd =  $("#change-old-pwd").val();
1066	var newPwd =  $("#change-new-pwd").val();
1067	var confirmPwd =  $("#change-confirm-pwd").val();
1068	$("#change-new-pwd").css("border","solid #ccc 1px").siblings("span").addClass("hide");
1069	$("#change-confirm-pwd").css("border","solid #ccc 1px").siblings("span").addClass("hide");
1070	if (newPwd.length < 6) {
1071		$("#change-new-pwd").css("border","solid red 1px").siblings("span").removeClass("hide");
1072		$("#change-new-pwd").focus();
1073		return false;
1074	}
1075	if (newPwd != confirmPwd) {
1076		$("#change-confirm-pwd").css("border","solid red 1px").siblings("span").removeClass("hide");
1077		$("#change-confirm-pwd").focus();
1078		return false;
1079	}
1080	$("#change-password-form").submit();
1081}
1082
1083$(document).on('click', "#change-pwd-btn", function() {
1084	if (!$(this).hasClass('disabled-btn')) {
1085		changePassword();
1086	}
1087});
1088
1089$(document).on('click', ".signin-success-btn", function() {
1090	var signinUser = $("#signin-username").val();
1091	if (!ValidateEmail(signinUser)){
1092		$("#signin-username").addClass("error-address").css("border","solid red 1px").siblings("span").removeClass("hide");
1093		$("#signin-username").focus();
1094	}
1095	else {
1096		$("#signin-username").css("border","solid #ccc 1px").siblings("span").addClass("hide");
1097		showProgress();
1098		$("#signin-form").submit();
1099	}
1100});
1101$("#signin-username,#signin-password").on('keyup',function(e){
1102	if($("#signin-username").val() == ""){
1103		$("#signin-username").css("border","1px solid #ccc");
1104	}
1105	if($("#signin-password").val() == ""){
1106		$("#signin-password").css("border","1px solid #ccc");
1107	}
1108	if(!$(this).hasClass('disabled-btn')){
1109		if(e.keyCode=="13"){
1110			showProgress();
1111			$("#signin-form").submit();
1112		}
1113	}
1114});
1115$("#signin_modal").on('show.bs.modal', function (e) {
1116	 $("#signin_modal h2").focus();
1117	if ($('#signin-username').val().trim().length == 0 || $('#signin-password').val().trim().length == 0) {
1118		$("#signin-btn").addClass("disabled-btn").removeClass("signin-success-btn");
1119	}
1120	else {
1121		if ($("#signin-username").val() != "" && $("#signin-password").val() != "") {
1122			$("#signin-btn").removeClass("disabled-btn").addClass("signin-success-btn");
1123			$("#signin-username").css("border","1px solid #ccc").siblings("span").addClass("hide");
1124			$("#signin-password").css("border","1px solid #ccc").siblings("span").addClass("hide");
1125		} else {
1126		    $("#signin-btn").addClass("disabled-btn").removeClass("signin-success-btn");
1127		}
1128	}
1129});
1130/*$("#skip-content").on("click keyup", function(e){
1131    if (e.type == "click" || e.keyCode == 13) {
1132                if ($("#pageType").val().trim() === "cms") {
1133            var target = $("[id^='page-template']").first();
1134            if (!target.length) {
1135                target = $("#mycontent").first();
1136            }
1137            if (!target.length) {
1138                target = $(".container.article_template").first();
1139                if (target.length) {
1140                    target.attr("id", "pageStarts");
1141                }
1142            }
1143            if (target.length) {
1144                focusAndScroll(target, {
1145                    role: "main",
1146                    smooth: true
1147                });
1148            }
1149        } else {
1150            var target = $("#mycontent h2").first();
1151            if (target.length) {
1152                target.addClass("cmsPageStart");
1153                focusAndScroll(target, {
1154                    id: "pageStart"
1155                });
1156            }
1157        }
1158      }
1159});*/
1160$("#skip-content").on("focusin", function(e){
1161  $(this).parent().removeAttr("style");
1162});
1163$("#skip-content").on("focusout", function(e){
1164  $(this).parent().attr("style", "position: absolute;top:-10000px;");
1165});
1166
1167function focusAndScroll(target, options) {
1168    if (!target || !target.length) return;
1169    options = options || {};
1170    if (options.id) {
1171        target.attr("id", options.id);
1172    }
1173    if (options.role) {
1174        target.attr("role", options.role);
1175    }
1176    if (options.tabindex) {
1177        target.attr("tabindex", options.tabindex);
1178    }
1179    target.focus();
1180    var ele = document.getElementById(target.attr("id")) || target[0];
1181    ele.scrollIntoView({ behavior: options.smooth ? "smooth" : "auto" });
1182}
1183
1184// Focus close button on ESC or 'b' or Arrow keys
1185/*$(document).on('keydown.modal-accessibility', function (e) {
1186	const $modal = $('.share_modal.vertical-align-center:visible').last();
1187	if (!$modal.length) return;
1188
1189	const $closeBtn = $modal.find('[data-dismiss="modal"]').filter('[aria-label="Close"], [aria-hidden="true"]').first();
1190
1191	if (['Escape', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) {
1192		e.preventDefault();
1193		console.log("Key pressed2:", e.key);
1194
1195		$closeBtn.focus();
1196
1197		if (e.key === 'Escape') {
1198			$closeBtn.trigger('click'); // Triggers close
1199		}
1200	}
1201});*/
1202
1203$(document).ready(function() {
1204    const $backToTop = $(`
1205        <a href="#" id="back-to-top" class="back-to-top" aria-label="Back to top">
1206            <span class="back_circle" aria-hidden="true">
1207                <span class="icon-backtotop"></span>
1208            </span>
1209            <div class="hidden-xs" aria-hidden="true">
1210                Back to Top
1211            </div>
1212        </a>
1213    `);
1214    $backToTop.insertBefore('footer');
1215});
1216/* Skip to content function start  */
1217/* page load time initialize the main region */
1218$(function () {
1219    addMainOnPageLoad();
1220});
1221function addMainOnPageLoad() {
1222    if (document.querySelector("main, [role='main']")) {
1223        return;
1224    }
1225    var container = document.querySelector("[id^='page-template']") || document.querySelector(".container.no_pad.page_minheight") ||
1226        document.getElementById("mycontent") ||
1227        document.querySelector(".container.article_template");
1228
1229    if (!container) return;
1230
1231    container.setAttribute("role", "main");
1232}
1233/* skip to content button event */
1234$("#skip-content").on("click keyup", function (e) {
1235
1236    if (e.type === "keyup" && (e.keyCode !== 13 ||  e.keyCode !== 32)) return;
1237
1238    if (isLoginPage() || document.querySelector(".login_page")) {
1239        focusPageStart();
1240        return;
1241    }
1242
1243    const target1 = document.querySelector(".content_container.page-content-start");
1244    console.log(target1);
1245    if(target1)
1246    {
1247        focusHeadingInside(target1);
1248        return;
1249    }
1250
1251    const target2 = document.querySelector(".article_right.page-content-start");
1252    console.log(target2);
1253    if(target2)
1254    {
1255        focusHeadingInside(target2);
1256        return;
1257    }
1258    
1259    const target21 = document.querySelector(".page-content-start");
1260    if(target21  && !target21.closest('#login-left-hidden'))  {
1261        focusHeadingInside(target21);
1262        return;
1263    }
1264    
1265            handleDefaultSkip();
1266    });
1267
1268//check login page
1269function isLoginPage() {
1270    return window.location.pathname.indexOf("/login") > -1;
1271}
1272//move focus to PageStart container
1273function focusPageStart() {
1274    var target = jQuery(".login_page").first();
1275    if (!target.length) {
1276        target = jQuery(".page-content-start").first();
1277    }
1278
1279    if (!target.length) return; // Nothing to focus
1280
1281    // Try to find the first heading inside the target
1282    var focusEl = target.find("h1, h2").first();
1283
1284    // If no heading found, focus the container itself
1285    if (!focusEl.length) {
1286        focusEl = target;
1287    }
1288
1289    // Set ID if not already
1290    if (focusEl.attr("id") !== "pageStart") {
1291        focusEl.attr("id", "pageStart");
1292    }
1293
1294    // Make focusable and add class
1295    focusEl.attr("tabindex", "-1").addClass("no-focus");
1296
1297    // Focus and scroll into view
1298    setTimeout(function() {
1299        focusEl.focus();
1300        focusEl.get(0).scrollIntoView({ behavior: "smooth", block: "start" });
1301    }, 10);
1302}
1303//focus based on ID
1304function focusById(id) {
1305    var target = document.getElementById(id);
1306    if (!target) return;
1307
1308    var $target = $(target);
1309    $target.addClass("no-focus");
1310    $target.attr("tabindex", "-1");
1311    $target.focus()[0].scrollIntoView();
1312}
1313/* if check CMS page or XML generated page to redirect the function */
1314function handleDefaultSkip() {
1315    const target1 = document.querySelector(".container.article_template");
1316    console.log(target1);
1317    if(target1)
1318    {
1319        focusHeadingInside(target1);
1320    }
1321    else {
1322        var pageType = jQuery("#pageType").val();
1323        if (pageType && pageType.trim() === "xml-generated") {
1324            focusMain();
1325        } else {
1326            handleCmsPage();
1327        }
1328    }
1329}
1330/* Handle the CMS pages */
1331function handleCmsPage() {
1332    var main = document.querySelector("main") ||
1333        document.querySelector("[role='main']");
1334    if (!main)
1335    {
1336      const target1 = document.querySelector(".static_template");
1337      //console.log(target1);
1338      if(target1)
1339        focusHeadingInside(target1);
1340      return;
1341    }
1342    focusHeadingInside(main);
1343}
1344/* Focus Main region */
1345function focusMain() {
1346    var main = document.querySelector("main") ||
1347        document.querySelector("[role='main']");
1348
1349    if (!main) return;
1350
1351    focusHeadingInside(main);
1352}
1353//focus heading inside main region
1354function focusHeadingInside(container) {
1355    var heading = container.querySelector("h1, h2");
1356    //console.log("Heading found:", heading);
1357
1358    if (heading) {
1359        if (!heading.hasAttribute("tabindex")) {
1360            heading.setAttribute("tabindex", "-1");
1361        }
1362        heading.focus();
1363        heading.scrollIntoView();
1364        return;
1365    }
1366
1367    if (!container.hasAttribute("tabindex")) {
1368        container.setAttribute("tabindex", "-1");
1369    }
1370    container.focus();
1371    container.scrollIntoView();
1372}
1373// focus the first tab in skip-to-content button
1374(function () {
1375    let firstTab = true;
1376
1377    function isTextInput(el) {
1378        const result = (
1379            el &&
1380            (
1381                el.tagName === 'INPUT' ||
1382                el.tagName === 'TEXTAREA' ||
1383                el.isContentEditable
1384            )
1385        );
1386
1387        firstTab = false;
1388        return result;
1389    }
1390
1391    document.addEventListener('keydown', function (e) {
1392        // If focus is inside an input/textarea/contenteditable, ignore first tab
1393        if (isTextInput(e.target)) {
1394            return;
1395        }
1396
1397        if (e.key === 'Tab' && firstTab) {
1398            const skipLink = document.getElementById('skip-content');
1399
1400            if (skipLink) {
1401                e.preventDefault();
1402                skipLink.focus();
1403                firstTab = false;
1404            }
1405        }
1406    });
1407})();
1408
1409//back-to-top event
1410$(document).on("click keyup", "#back-to-top", function (e) {
1411
1412    if (e.type === "keyup" && (e.keyCode !== 13 || e.keyCode !== 32)) return;
1413
1414    if (isLoginPage() || document.querySelector(".login_page")) {
1415        focusPageStart();
1416        return;
1417    }
1418    const target1 = document.querySelector(".content_container.page-content-start");
1419    console.log(target1);
1420    if(target1)
1421    {
1422        focusHeadingInside(target1);
1423        return;
1424    }
1425
1426    const target2 = document.querySelector(".article_right.page-content-start");
1427    console.log(target2);
1428    if(target2)
1429    {
1430        focusHeadingInside(target2);
1431        return;
1432    }
1433
1434          handleDefaultSkip();
1435    });
1436
1437</script>
vendor: 2 bytes, line 1437
1437
1438<script>
1439window.taxonomyDataLayer = [
1440    {
1441      "topFacet": "African Studies",
1442      "dataLayer": "content_african_studies"
1443    },
1444    {
1445      "topFacet": "Anthropology",
1446      "dataLayer": "content_anthropology"
1447    },
1448    {
1449      "topFacet": "Archaeology",
1450      "dataLayer": "content_archaeology"
1451    },
1452    {
1453      "topFacet": "Architecture",
1454      "dataLayer": "content_architecture"
1455    },
1456    {
1457      "topFacet": "Architecture & Interior Design",
1458      "dataLayer": "content_architecture_interior_design"
1459    },
1460    {
1461      "topFacet": "Art & Visual Culture",
1462      "dataLayer": "content_art_visual_culture"
1463    },
1464    {
1465      "topFacet": "Artists",
1466      "dataLayer": "content_artists"
1467    },
1468    {
1469      "topFacet": "Asia Studies",
1470      "dataLayer": "content_asia_studies"
1471    },
1472    {
1473      "topFacet": "Biblical Studies",
1474      "dataLayer": "content_biblical_studies"
1475    },
1476    {
1477      "topFacet": "Bloomsbury Art Markets Article Type",
1478      "dataLayer": "content_art_markets_article_type"
1479    },
1480    {
1481      "topFacet": "BP Ireland",
1482      "dataLayer": "content_bp_ireland"
1483    },
1484    {
1485      "topFacet": "BP Law",
1486      "dataLayer": "content_bp_law"
1487    },
1488    {
1489      "topFacet": "BP Scotland",
1490      "dataLayer": "content_bp_scotland"
1491    },
1492    {
1493      "topFacet": "BP Tax",
1494      "dataLayer": "content_bp_tax"
1495    },
1496    {
1497      "topFacet": "Business & Management",
1498      "dataLayer": "content_business_management"
1499    },
1500    {
1501      "topFacet": "Catalogue",
1502      "dataLayer": "content_catalogue"
1503    },
1504    {
1505      "topFacet": "Category",
1506      "dataLayer": "content_category"
1507    },
1508    {
1509      "topFacet": "Classical Studies",
1510      "dataLayer": "content_classical_studies"
1511    },
1512    {
1513      "topFacet": "Collection",
1514      "dataLayer": "content_collection"
1515    },
1516    {
1517        "topFacet": "Collections",
1518        "dataLayer": "content_collection"
1519    },
1520    {
1521      "topFacet": "Computer & Information Science",
1522      "dataLayer": "content_computer_information_science"
1523    },
1524    {
1525      "topFacet": "Content Type",
1526      "dataLayer": "content_type"
1527    },
1528    {
1529        "topFacet": "Type of Contents",
1530        "dataLayer": "content_type"
1531    },
1532    {
1533      "topFacet": "Counselling & Psychotherapy",
1534      "dataLayer": "content_counselling_psychotherapy"
1535    },
1536    {
1537      "topFacet": "Craft & Decorative Arts",
1538      "dataLayer": "content_craft_decorative_arts"
1539    },
1540    {
1541      "topFacet": "Crafts & Making",
1542      "dataLayer": "content_crafts_making"
1543    },
1544    {
1545      "topFacet": "Creator's place of origin",
1546      "dataLayer": "content_creator's_place_of_origin"
1547    },
1548    {
1549      "topFacet": "Criminology",
1550      "dataLayer": "content_criminology"
1551    },
1552    {
1553      "topFacet": "Date",
1554      "dataLayer": "content_date"
1555    },
1556    {
1557      "topFacet": "Design",
1558      "dataLayer": "content_design"
1559    },
1560    {
1561      "topFacet": "Design & Fashion",
1562      "dataLayer": "content_design_fashion"
1563    },
1564    {
1565      "topFacet": "Design and Making",
1566      "dataLayer": "content_design_and_making"
1567    },
1568    {
1569      "topFacet": "Digital Humanities & Digital Cultures",
1570      "dataLayer": "content_digital_humanities_and_cultures"
1571    },
1572    {
1573      "topFacet": "Discipline",
1574      "dataLayer": "content_discipline"
1575    },
1576    {
1577      "topFacet": "Doctrines",
1578      "dataLayer": "content_doctrines"
1579    },
1580    {
1581      "topFacet": "Document Type",
1582      "dataLayer": "content_document_type"
1583    },
1584    {
1585      "topFacet": "Drama & Performance Studies",
1586      "dataLayer": "content_drama_performance_studies"
1587    },
1588    {
1589      "topFacet": "Dress",
1590      "dataLayer": "content_dress"
1591    },
1592    {
1593      "topFacet": "Economics",
1594      "dataLayer": "content_economics"
1595    },
1596    {
1597      "topFacet": "Education",
1598      "dataLayer": "content_education"
1599    },
1600    {
1601      "topFacet": "Education Level",
1602      "dataLayer": "content_education_level"
1603    },
1604    {
1605      "topFacet": "Elements of interior design",
1606      "dataLayer": "content_elements_of_interior_design"
1607    },
1608    {
1609      "topFacet": "Engineering",
1610      "dataLayer": "content_engineering"
1611    },
1612    {
1613      "topFacet": "Environmental Studies",
1614      "dataLayer": "content_environmental_studies"
1615    },
1616    {
1617      "topFacet": "Fashion",
1618      "dataLayer": "content_fashion"
1619    },
1620    {
1621      "topFacet": "Fashion Business",
1622      "dataLayer": "content_fashion_business"
1623    },
1624    {
1625      "topFacet": "Film & Media",
1626      "dataLayer": "content_film_media"
1627    },
1628    {
1629      "topFacet": "Films",
1630      "dataLayer": "content_films"
1631    },
1632    {
1633      "topFacet": "Food",
1634      "dataLayer": "content_food"
1635    },
1636    {
1637      "topFacet": "Gender & Sexuality Studies",
1638      "dataLayer": "content_gender_sexuality_studies"
1639    },
1640    {
1641      "topFacet": "General Religion",
1642      "dataLayer": "content_general_religion"
1643    },
1644    {
1645      "topFacet": "Genres and forms",
1646      "dataLayer": "content_genres_and_forms"
1647    },
1648    {
1649      "topFacet": "Genres, Movements and Styles",
1650      "dataLayer": "content_genres_movements_and_styles"
1651    },
1652    {
1653      "topFacet": "Geography",
1654      "dataLayer": "content_geography"
1655    },
1656    {
1657      "topFacet": "Health & Wellbeing",
1658      "dataLayer": "content_health_wellbeing"
1659    },
1660    {
1661      "topFacet": "History",
1662      "dataLayer": "content_history"
1663    },
1664    {
1665      "topFacet": "History, theory and criticism",
1666      "dataLayer": "content_history_theory_and_criticism"
1667    },
1668    {
1669      "topFacet": "Ideologies and schools of thought",
1670      "dataLayer": "content_ideologies_schools_of_thought"
1671    },
1672    {
1673      "topFacet": "Image",
1674      "dataLayer": "content_image"
1675    },
1676    {
1677      "topFacet": "Interior construction and building systems",
1678      "dataLayer": "content_interior_construction"
1679    },
1680    {
1681      "topFacet": "Interior Design & Interior Architecture",
1682      "dataLayer": "content_interior_design"
1683    },
1684    {
1685      "topFacet": "International Development",
1686      "dataLayer": "content_international_development"
1687    },
1688    {
1689      "topFacet": "Language",
1690      "dataLayer": "content_language"
1691    },
1692    {
1693      "topFacet": "Law",
1694      "dataLayer": "content_law"
1695    },
1696    {
1697      "topFacet": "Library & Information Science",
1698      "dataLayer": "content_library_information_science"
1699    },
1700    {
1701      "topFacet": "Linguistics",
1702      "dataLayer": "content_linguistics"
1703    },
1704    {
1705      "topFacet": "Literary Studies",
1706      "dataLayer": "content_literary_studies"
1707    },
1708    {
1709      "topFacet": "Marine Engineering",
1710      "dataLayer": "content_marine_engineering"
1711    },
1712    {
1713      "topFacet": "Material type",
1714      "dataLayer": "content_material_type"
1715    },
1716    {
1717      "topFacet": "Materials",
1718      "dataLayer": "content_materials"
1719    },
1720    {
1721      "topFacet": "Mathematics & Statistics",
1722      "dataLayer": "content_mathematics_statistics"
1723    },
1724    {
1725      "topFacet": "Medical Humanities & Medical History",
1726      "dataLayer": "content_medical_humanities_and_history"
1727    },
1728    {
1729      "topFacet": "Middle East",
1730      "dataLayer": "content_middle_east"
1731    },
1732    {
1733      "topFacet": "Modern Languages",
1734      "dataLayer": "content_modern_languages"
1735    },
1736    {
1737      "topFacet": "Movements and Schools Of Thought",
1738      "dataLayer": "content_movements_schools_of_thought"
1739    },
1740    {
1741      "topFacet": "Music & Sound Studies",
1742      "dataLayer": "content_music_sound_studies"
1743    },
1744    {
1745      "topFacet": "Music Genres",
1746      "dataLayer": "content_music_genres"
1747    },
1748    {
1749      "topFacet": "Named individuals (non-fictional)",
1750      "dataLayer": "content_named_individuals"
1751    },
1752    {
1753      "topFacet": "Natural Sciences",
1754      "dataLayer": "content_natural_sciences"
1755    },
1756    {
1757      "topFacet": "Nursing & Health",
1758      "dataLayer": "content_nursing_health"
1759    },
1760    {
1761      "topFacet": "Objects",
1762      "dataLayer": "content_objects"
1763    },
1764    {
1765      "topFacet": "Organizations and Design Houses",
1766      "dataLayer": "content_organizations_and_design_houses"
1767    },
1768    {
1769      "topFacet": "Peer-Reviewed",
1770      "dataLayer": "content_peer-reviewed"
1771    },
1772    {
1773      "topFacet": "People",
1774      "dataLayer": "content_people"
1775    },
1776    {
1777        "topFacet": "People and Organisations",
1778        "dataLayer": "content_people"
1779    },
1780    {
1781      "topFacet": "Peoples, Cultures and Religions",
1782      "dataLayer": "content_peoples_cultures_and_religions"
1783    },
1784    {
1785      "topFacet": "Period (first performed)",
1786      "dataLayer": "content_period_first_performed"
1787    },
1788    {
1789      "topFacet": "Period featured",
1790      "dataLayer": "content_period_featured"
1791    },
1792    {
1793      "topFacet": "Period",
1794      "dataLayer": "content_period"
1795    },
1796    {
1797      "topFacet": "Periods",
1798      "dataLayer": "content_period"
1799    },
1800    {
1801      "topFacet": "Philosophy",
1802      "dataLayer": "content_philosophy"
1803    },
1804    {
1805      "topFacet": "Photography",
1806      "dataLayer": "content_photography"
1807    },
1808    {
1809      "topFacet": "Place",
1810      "dataLayer": "content_place"
1811    },
1812    {
1813      "topFacet": "Places",
1814      "dataLayer": "content_place"
1815    },
1816    {
1817       "topFacet": "Place Featured",
1818       "dataLayer": "content_place"
1819    },
1820    {
1821      "topFacet": "Plays",
1822      "dataLayer": "content_plays"
1823    },
1824    {
1825      "topFacet": "Playwrights",
1826      "dataLayer": "content_playwrights"
1827    },
1828    {
1829      "topFacet": "Politics & International Relations",
1830      "dataLayer": "content_politics_international_relations"
1831    },
1832    {
1833      "topFacet": "Practice subject",
1834      "dataLayer": "content_practice_subject"
1835    },
1836    {
1837      "topFacet": "Practitioner roles",
1838      "dataLayer": "content_practitioner_roles"
1839    },
1840    {
1841      "topFacet": "Primary text",
1842      "dataLayer": "content_primary_text"
1843    },
1844    {
1845      "topFacet": "Principles and approaches",
1846      "dataLayer": "content_principles_and_approaches"
1847    },
1848    {
1849      "topFacet": "Professional and business practice",
1850      "dataLayer": "content_business_practice"
1851    },
1852    {
1853      "topFacet": "Psychology",
1854      "dataLayer": "content_psychology"
1855    },
1856    {
1857      "topFacet": "Race & Ethnicity Studies",
1858      "dataLayer": "content_race_ethnicity_studies"
1859    },
1860    {
1861      "topFacet": "Referencing Style",
1862      "dataLayer": "content_referencing_style"
1863    },
1864    {
1865      "topFacet": "Referencing Topic",
1866      "dataLayer": "content_referencing_topic"
1867    },
1868    {
1869      "topFacet": "Religion",
1870      "dataLayer": "content_religion"
1871    },
1872    {
1873      "topFacet": "Religious Studies",
1874      "dataLayer": "content_religious_studies"
1875    },
1876    {
1877      "topFacet": "Representing space: Drawing, Modelling and CAD",
1878      "dataLayer": "content_representing_space"
1879    },
1880    {
1881      "topFacet": "Research fields",
1882      "dataLayer": "content_research_fields"
1883    },
1884    {
1885      "topFacet": "Research Methods",
1886      "dataLayer": "content_research_methods"
1887    },
1888    {
1889      "topFacet": "Schools, Movements, Styles",
1890      "dataLayer": "content_schools_movements_styles"
1891    },
1892    {
1893      "topFacet": "Science & Technology",
1894      "dataLayer": "content_science_technology"
1895    },
1896    {
1897      "topFacet": "Setting",
1898      "dataLayer": "content_setting"
1899    },
1900    {
1901      "topFacet": "Social Work & Social Welfare",
1902      "dataLayer": "content_social_work_social_welfare"
1903    },
1904    {
1905      "topFacet": "Sociology",
1906      "dataLayer": "content_sociology"
1907    },
1908    {
1909      "topFacet": "Sources",
1910      "dataLayer": "content_sources"
1911    },
1912    {
1913      "topFacet": "Special Features",
1914      "dataLayer": "content_special_features"
1915    },
1916    {
1917      "topFacet": "Sport & Exercise",
1918      "dataLayer": "content_sport_exercise"
1919    },
1920    {
1921      "topFacet": "Sport / Activity",
1922      "dataLayer": "content_sport_or_activity"
1923    },
1924    {
1925      "topFacet": "Study Skills",
1926      "dataLayer": "content_study_skills"
1927    },
1928    {
1929      "topFacet": "Subject",
1930      "dataLayer": "content_subject"
1931    },
1932    {
1933        "topFacet": "Subjects",
1934        "dataLayer": "content_subject"
1935    },
1936    {
1937      "topFacet": "Supplier",
1938      "dataLayer": "content_supplier"
1939    },
1940    {
1941      "topFacet": "Textiles",
1942      "dataLayer": "content_textiles"
1943    },
1944    {
1945      "topFacet": "Textiles, Materials and Colors",
1946      "dataLayer": "content_textiles_materials_and_colors"
1947    },
1948    {
1949      "topFacet": "The Design Industry",
1950      "dataLayer": "content_the_design_industry"
1951    },
1952    {
1953      "topFacet": "Themes",
1954      "dataLayer": "content_themes"
1955    },
1956    {
1957      "topFacet": "Theology",
1958      "dataLayer": "content_theology"
1959    },
1960    {
1961      "topFacet": "Topic",
1962      "dataLayer": "content_topic"
1963    },
1964    {
1965        "topFacet": "Topics",
1966        "dataLayer": "content_topic"
1967    },
1968    {
1969      "topFacet": "Types of History",
1970      "dataLayer": "content_types_of_history"
1971    },
1972    {
1973      "topFacet": "UN Sustainable Development Goals",
1974      "dataLayer": "content_unsustainable_development_goals"
1975    }
1976  ];
1977</script>
1977<script type="text/javascript">
1978	function googleAnalyticsPageLoad(options) {
1979		var dataLayerObj = {};
1980		dataLayerObj.event = 'page_load';
1981		//Customer Related
1982					dataLayerObj.authentication_status = 'not logged in';
1983				//Page Related
1984					dataLayerObj.page_type = "cms";
1985				dataLayerObj.product_id = "fbidl";
1986		dataLayerObj.product_name = "Fairchild Books Interior Design Library";
1987		dataLayerObj.platform = "Fairchild Books Interior Design Library";
1988				        dataLayerObj.product_name = ('Fairchild Books Interior Design Library').split("~!").join("'");
1989				
1990		if (options) {
1991			for (member in options) {
1992				dataLayerObj[member] = options[member];
1993			}
1994		}
1995		dataLayer.push(dataLayerObj);
1996	}
1997</script>
1997
1998
1999
2000
2001<div class="main-container">
2002<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">								
2003
2004		<div class="header-dropdown dropdown inline-disp " id="checkForLogout">
2005		<a href="login?recentUrl=/" title="Login">						
2006			<img src="/static-assets/bloomsbury_assets/bloomsbury/images/signin_icon.png" alt="" title=""> 
2007			<span  aria-label="Log In">Log In</span>
2008		</a>
2009	</div>
2010				</div>		</div>	</div>				<div class="btm-header">		<div class="container">						<div class="navbar-header" tabindex="0"> 				<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="/bloomsbury_assets/fbidl/images/FBIDL_Logo_Black_420x75.png" class="img-responsive" alt="FBIDL header logo" title="FBIDL header 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" id="bs-navbar">				<span class="bpm-menu-close hidden-lg hidden-md">X</span>				<ul  role="navigation" aria-label="Main" class="nav navbar-nav">								                    	<li class="active" role="none"><button tabindex="0" class="changebtnhome" aria-label="Home" onclick="window.location.href='/home'">Home</button></li><li class="dropdown " ><button tabindex="0"  onclick="window.location.href='#';" data-toggle="dropdown" class="dropdown-toggle changebtn" aria-label="Subjects" aria-expanded="false">Subjects</button><ul class="dropdown-menu" role="list" aria-label="Subjects"><li role="presentation"><a  tabindex="0" href="/custom-browse?docid=interiorconstructionandbuildingsystems" title="Interior Construction and Building Systems" aria-label="Interior Construction and Building Systems">Interior Construction and Building Systems</a></li><li role="presentation"><a  tabindex="0" href="/custom-browse?docid=representingspaceDrawingModelingCad" title="Representing Space: Drawing, Modeling, and CAD content" aria-label="Representing Space: Drawing, Modeling, and CAD content">Representing Space: Drawing, Modeling, and CAD content</a></li><li role="presentation"><a  tabindex="0" href="/custom-browse?docid=principlesandapproaches" title="Interior Design: Principles and Approaches" aria-label="Interior Design: Principles and Approaches">Interior Design: Principles and Approaches</a></li><li role="presentation"><a  tabindex="0" href="/custom-browse?docid=professionalandbusinesspractice" title="Professional and Business Practices" aria-label="Professional and Business Practices">Professional and Business Practices</a></li><li role="presentation"><a  tabindex="0" href="/custom-browse?docid=elementsofinteriordesign" title="Elements of Interior Design" aria-label="Elements of Interior Design">Elements of Interior Design</a></li><li role="presentation"><a  tabindex="0" href="/custom-browse?docid=historytheoryandcriticism" title="Interior Design: History, Theory, and Criticism" aria-label="Interior Design: History, Theory, and Criticism">Interior Design: History, Theory, and Criticism</a></li></ul> </li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Books" onclick="window.location.href='/browse-content?docid=monographAsReference'">Books</button></li><li class="dropdown " ><button tabindex="0"  onclick="window.location.href='#';" data-toggle="dropdown" class="dropdown-toggle changebtn" aria-label="Teaching and Learning Tools" aria-expanded="false">Teaching and Learning Tools</button><ul class="dropdown-menu" role="list" aria-label="Teaching and Learning Tools"><li role="presentation">
2010<a  tabindex="0" href="/instructor-resources" title="For Instructors: Instructor Resources" aria-label="For Instructors: Instructor Resources">For Instructors: Instructor Resources</a></li><li role="presentation"><a  tabindex="0" href="/studio" title="For Students: STUDIO" aria-label="For Students: STUDIO">For Students: STUDIO</a></li><li role="presentation"><a  tabindex="0" href="/how-to-use" title="How to Use STUDIO and Instructor Resources" aria-label="How to Use STUDIO and Instructor Resources">How to Use STUDIO and Instructor Resources</a></li></ul> </li><li class="dropdown " ><button tabindex="0"  onclick="window.location.href='#';" data-toggle="dropdown" class="dropdown-toggle changebtn" aria-label="About" aria-expanded="false">About</button><ul class="dropdown-menu" role="list" aria-label="About"><li role="presentation"><a  tabindex="0" href="/about-fairchild-books-interior-design-library" title="About Fairchild Books Interior Design Library" aria-label="About Fairchild Books Interior Design Library">About Fairchild Books Interior Design Library</a></li><li role="presentation"><a  tabindex="0" href="/whats-new" title="What's New?" aria-label="What's New?">What's New?</a></li><li role="presentation"><a  tabindex="0" href="/featured-content" title="Featured Content" aria-label="Featured Content">Featured Content</a></li><li role="presentation"><a  tabindex="0" href="/help-access" title="Help" aria-label="Help">Help</a></li><li role="presentation"><a  tabindex="0" href="/contact-us" title="Contact Us" aria-label="Contact Us">Contact Us</a></li></ul> </li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="For Librarians" onclick="window.location.href='/librarians'">For Librarians</button></li>                    							</ul>			</nav>					</div>			</div>		<div class="clearfix"></div></header></div>
2011<div class="modal fade" id="session-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
2012    <div class="vertical-alignment-helper">
2013		<div class="modal-dialog session-modal vertical-align-center" role="document">
2014			<div class="modal-content">
2015				<div class="modal-body">
2016										 	<h2>Alert</h2>
2017						<p id="session-prompttext">Your session is about to expire! You will be logged out in </p>
2018						<div id="time" class="text-center session-time">10:00</div>
2019						<p id="session-promptconfirm" tabindex="0" aria-labelledby="session-promptconfirm"> Do you wish to stay logged in?</p>
2020						<input type="button" value="Yes, keep me logged in" class="primary_btn clear-btn" id="session-login">
2021						<input type="button" value="No, log me out" id="session-logout" class="secondary_btn">
2022									</div>
2023			</div>
2024		</div>
2025	</div>	
2026</div>
2027
2028
2029
2030<script type="text/javascript">
2031    function search(request, response) {
2032	var siteName="fbidl";
2033    var langCode ="en";     
2034	var country = "$territory";
2035	searchContent = request.term.replace("/", "~").replaceAll('"','');
2036	    var predicitivexmlreq = new XMLHttpRequest();
2037	 
2038        predicitivexmlreq.open("GET","/api/searchresult/searchPredictive/"+searchContent+"/"+siteName+"/"+langCode+"/"+country,true);
2039 
2040		
2041        predicitivexmlreq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
2042        predicitivexmlreq.send();
2043	    predicitivexmlreq.onreadystatechange = function() {
2044        if (predicitivexmlreq.status == 200 ) {
2045            if(searchContent.replace(/\s/g, "").length>2) {
2046                var predicitivedata = predicitivexmlreq.response;
2047                var predicitivedataString = jQuery.parseJSON(predicitivedata);
2048            }else{
2049		        predicitivedataString="";
2050            }
2051		    response(predicitivedataString);
2052			 
2053            }
2054        }
2055    }
2056 
2057  $(document).ready(function() {
2058    try {
2059	$("#global_searchbox").autocomplete({
2060	    source: search,
2061        minLength: 1,
2062        select: function( event, ui ) {
2063            showProgress();
2064            localStorage.setItem("selectedCheckBoxItem", null);
2065            localStorage.setItem("EnabledCheckBoxs",false);
2066            var text=ui.item.value;
2067            if(text.trim().length>0){
2068                var url=window.location.protocol+'//'+window.location.host+'/search-results?any='+text;
2069                window.location.href=url;
2070            }
2071        },
2072        open: function (event, ui) {
2073            if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
2074                $('.ui-autocomplete').off('menufocus hover mouseover mouseenter');
2075            }
2076        }
2077	});
2078	$.ui.autocomplete.prototype._renderItem = function (ul, item) {
2079	item.label = item.label.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + $.ui.autocomplete.escapeRegex(this.term) + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>");
2080	return $("<li></li>")
2081                    .data("item.autocomplete", item)
2082                    .append("<a>" + item.label + "</a>")
2083                    .appendTo(ul);
2084    };
2085
2086    $(document).on('touchstart', '.ui-autocomplete a',function(e){
2087        $("#global_searchbox").data('ui-autocomplete')._trigger('select', 'autocompleteselect', {item:{value:$(this).text()}});
2088    });
2089
2090    } catch (e) {}
2091  });
2092
2093</script>
2093
2094
2095
2096
2097
2098
2099<div class="search" style="text-align: left; background: none;">
2100	<div class="container">
2101		<div class="advanced_keyboard">
2102							<input type="text" name="search_text"  id="global_searchbox" title="Enter text to search" placeholder="Search Fairchild Books Interior Design Library" value='' autocomplete="off" class="">
2103			            			<input id="global_searchbtn" type="submit" class="disabled-btn" aria-label="Search" aria-disabled="true">		</div>
2104        	</div>
2105   <!--search ends-->
2106</div>
2107
2108
2109
2110<script>
2111    $("#global_searchbox").on("change", function(){
2112        if ($(this).val().length > 0) {
2113            $("#global_searchbtn").removeClass('disabled-btn');
2114            $("#global_searchbtn").removeAttr("aria-disabled");
2115        } else {
2116            $("#global_searchbtn").addClass('disabled-btn');
2117            $("#global_searchbtn").attr("aria-disabled", "true");
2118        }
2119    });
2120</script>
2120		
2121
2122
2123
2124	
2125			
2126
2127
2128	
2129<script type="text/javascript">
2130	$(document).ready(function(){
2131		var navigationList = $("header li.dropdown");
2132		navigationList.each(function(){
2133			var dropdownList = $(this).find(".dropdown-menu li");
2134			if (dropdownList.length == 0) {
2135				$(this).addClass('hide');
2136			}
2137		});
2138		
2139	 $('.navbar-collapse li a').on('click', function(e){
2140	     var protocol = "https://";
2141		 var domainname = window.location.host;
2142 		 var host = window.location.href;
2143  		 var parent=$(this).parent().parent();   		 
2144   		 var interactiontype = "parent";
2145   		 var sibling= "";
2146   		 var linkurl = "";
2147   		 var hrefValue = $(this).attr('href');   		  
2148         if (parent.hasClass('dropdown-menu'))
2149	   	 {
2150	   	   if(hrefValue.includes("/")){
2151	   	   linkurl = protocol+domainname+hrefValue;
2152	   	   }
2153	   	   else
2154	   	   {
2155	   	    linkurl = protocol+domainname+"/"+hrefValue;
2156	   	   }
2157		   interactiontype = "child";
2158		   sibling=parent.prev().text()+ " > "+$(this).text();
2159	  	  }	  	 
2160		 else
2161		 {
2162		   sibling = $(this).text();
2163		   hrefValue = '';  
2164		   linkurl = "";
2165		 }
2166		 var idattrvalue = $(this).attr('title');
2167		 if(idattrvalue == undefined){
2168			 idattrvalue = "";
2169		 }		
2170		 if(hrefValue== "#")
2171		 {
2172		  hrefValue = '';
2173		 }
2174		 const navObj = {};			 
2175		 navObj.event= 'click_nav_link'
2176		 navObj.link_classes = $(this).attr('class')
2177		 navObj.link_domain = domainname
2178		 navObj.link_id = idattrvalue
2179		 navObj.link_text = $(this).text()
2180		 navObj.link_url= linkurl
2181		 navObj.link_breadcrumb = sibling
2182		 navObj.interaction_type = interactiontype
2183		 console.log(navObj);
2184		 dataLayer.push(navObj);
2185           });
2186		$("header nav>ul>li:visible:last a").css("background-image", "none");
2187	});
2188	navbarPadding();
2189	$(window).resize(function(){
2190		navbarPadding();
2191	});
2192	function navbarPadding(){
2193		var navbarHeight=0;
2194		if ($("nav .navbar-nav>li").length > 0) {
2195			var heights = $("nav .navbar-nav>li").map(function ()
2196			    {
2197			        return $(this).height();
2198			    }).get();
2199
2200			navbarHeight = Math.max.apply(null, heights);
2201		}
2202		if (navbarHeight > 50) {
2203			$("nav.navbar-collapse").css("padding-top", "21px");
2204		} else {
2205			$("nav.navbar-collapse").css("padding-top", "40px");
2206		}	
2207	}
2208	var loginEvent = $.cookie("LoginEvent");
2209	if (loginEvent == "true") {
2210		dataLayer.push({
2211			'event' : 'login',
2212			'method' : '$session.getAttribute("BB-LOGGEDIN-TYPE")'
2213		});
2214		$.cookie("LoginEvent", "false");
2215	}
2216</script>
2216
2217			
2218	<div class="static_template" id="page-template5" role="main">
2219	<div class="container carousel-container">
2220		<div class="row">
2221			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb20 carousel-margin" data-section="1">
2222	<div class="carousel-layer single-carousel">
2223	<h1 class="sr-only"></h1>
2224		<div id="carousel-example-generic-1" class="carousel slide" data-ride="carousel" data-interval="false">
2225			<!-- Indicators -->
2226		
2227
2228		<!-- Wrapper for slides -->
2229		<div class="carousel-inner">
2230						  				  							   	<div class="item active">
2231											<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 img-section pull-left" style="background-color:#000000;">
2232															<img style="height:400px" src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/f_auto%2Cq_auto/00_Supplementary%20materials/Visual%20Arts/FBIDL%20-%20Fairchild%20Books%20Interior%20Design%20Library/CMS/FC/Homepage.jpg" class="img-responsive" alt="Bright modern living room with bold yellow and orange accents"/>
2233													</div>
2234						<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 desc-section pull-right" style="background-color:#000000;height:400px">
2235							<div class="desc-content">
2236															<h1></h1>
2237								<p><span style="font-size: 14px;">FEATURED CONTENT</span><p><span style="font-size: 26px; line-height:40px;"><b>Color</b></span></p>
2238<p><span style="font-size: 18px; line-height: 30px;">How Color Shapes Space, Experience, and Meaning</span></p>
2239<br></p>
2240																						<div class="slider-btn">
2241																		<a href="/featured-content">
2242																					Read more
2243																			</a>
2244																	</div>
2245														</div>
2246						</div>
2247					</div>		
2248									</div>
2249
2250		<a class="left carousel-control" href="#carousel-example-generic-1" role="button"  aria-label="Previous" data-slide="prev" tabindex="0">
2251			<span  class="icon-Left_arrow"></span>
2252		</a>
2253		<a class="right carousel-control" href="#carousel-example-generic-1" role="button" aria-label="Next" data-slide="next" tabindex="0">
2254			<span  class="icon-right_arrow"></span>
2255		</a>
2256		
2257			</div>
2258
2259</div>
2260<script>
2261	$(document).ready(function() {
2262		$(".carousel-indicators li").off().on("keyup", function(e) {
2263			if (e.keyCode == 13) {
2264				$(this).click();
2265			}
2266		});
2267		$(".carousel-indicators div").off().on("click keyup", function(e) {
2268			if (e.type == "click" || e.keyCode == 13) {
2269				var carousel = $(this).parent().parent();
2270				$(".carousel-indicators div").toggleClass("hide");
2271				if ($(this).hasClass("fa-pause")) {
2272					carousel.carousel('pause');
2273					$(this).prev().focus();
2274				} else if ($(this).hasClass("fa-play")) {
2275					carousel.carousel('cycle');
2276					$(this).next().focus();
2277				}
2278			}
2279		});
2280	});
2281</script>
2281
2282			</div>
2283		</div>
2284	</div>
2285	<section class="three-column">
2286						<div class="container">
2287				<div class="row">
2288					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb20" data-section="4">
2289						<div class="paragraph_widget">
2290<h1 class="sr-only"> </h1>
2291				<div class="en-desc" style=""> 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				 				<div style="text-align: center;"><div><b><span style="font-size: 16px;">Fairchild Books Interior Design Library </span></b><span style="font-size: 16px;">offers all-in-one digital access to over 70 acclaimed textbooks and dedicated supplementary resources from Fairchild Books, to support course delivery and learning across the entire interior design curriculum.</span></div><div><br></div></div><div style="text-align: center;"><span style="font-size: 14px;"><br></span></div><div style="text-align: center;"><b><b><span style="font-size: 20px;">BROWSE SUBJECT AREAS</span></b></b></div><div style="text-align: center;"><b><b><span style="font-size: 20px;"><br></span></b></b></div><b> <div class="row" align="middle"> <div style="padding-left:100px; padding-right:100px">  <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 mb20"><a href="/custom-browse?docid=interiorconstructionandbuildingsystems"><img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/FBIDL/CMS/FBIDL-1-interior_construction.png" alt="Explore all Interior Construction and Building Systems content" title="Interior Construction and Building Systems" style=";" class="img-responsive"></a></div>  	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 mb20"><a href="/custom-browse?docid=representingspaceDrawingModelingCad"><img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/FBIDL/CMS/FBIDL-2-drawing.png" alt="Explore all Representing Space: Drawing, Modeling, and CAD content" title="Representing Space: Drawing, Modeling, and CAD" style=";" class="img-responsive"></a></div>  	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 mb20"><a href="/custom-browse?docid=principlesandapproaches"><img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/FBIDL/CMS/FBIDL-3-principles_and_approaches.png" alt="Explore all Interior Design: Principles and Approaches content" title="Interior Design: Principles and Approaches" style=";" class="img-responsive"></a></div><br> </div></div>  <div class="row" align="middle"> <div style="padding-left:100px; padding-right:100px"> 	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 mb20"><a href="/custom-browse?docid=professionalandbusinesspractice"><img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/FBIDL/CMS/FBIDL-4-business.png" alt="Explore all Professional and Business Practices content" title="Professional and Business Practices" style=";" class="img-responsive"></a></div>    	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 mb20"><a href="/custom-browse?docid=elementsofinteriordesign"><img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/FBIDL/CMS/FBIDL-5-elements_of_interior_design.png" alt="Explore all Elements of Interior Design content" title="Elements of Interior Design" style=";" class="img-responsive"></a></div>    	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 mb20"><a href="/custom-browse?docid=historytheoryandcriticism"><img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/FBIDL/CMS/FBIDL-6-design_history_and_theory.png" alt="Explore all Interior Design: History, Theory, and Criticism content" title="Interior Design: History, Theory, and Criticism" style=";" class="img-responsive"></a></div><br><br><br><br> </div></div> <p> </p><div class="row" align="middle"><b><div class="row" align="middle" style="display: inline !important;"><span style="font-size: 20px;"><b>BROWSE STUDIO MATERIALS</b></span></div></b></div>  		 		 		 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			  			  			 			 			 			 			 			 			 			 			 			 			 						  			 			</b> 			  			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			 			</div>
2292	</div>
2293
2294					</div>
2295				</div>
2296			</div>
2297			
2298						<div class="container">
2299				<div class="row">
2300					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb20" data-section="3">
2301						<div class="paragraph_widget">
2302<h1 class="sr-only"> </h1>
2303				<div class="en-desc" style=""> 				 				 				 				 				<div style="padding-left:100px; padding-right:10px">  <a href="/instructor-resources"><img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/FBIDL/CMS/FBIDL-8-instructor_resources.png" alt="View all instructor resources" title="Instructor Resources" style=";" class="img-responsive"></a></div><div style="padding-left:100px; padding-right:10px">.</div> 			 			 			 			 			</div>
2304	</div>
2305
2306					</div>
2307					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb20" data-section="4">
2308						<div class="paragraph_widget">
2309<h1 class="sr-only"> </h1>
2310				<div class="en-desc" style=""> 				 				 				 				 				<div style="padding-left:10px; padding-right:100px">  <a href="/studio"><img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/q_auto,f_auto/FBIDL/CMS/FBIDL-7-Student_resources.png" alt="View all STUDIO Features" title="STUDIO Features" style=";" class="img-responsive"></a><br></div><div style="padding-left:10px; padding-right:100px">.</div> 			 			 			 			 			</div>
2311	</div>
2312
2313					</div>
2314				</div>
2315			</div>
2316			
2317			<div class="container">
2318			<div class="row">
2319				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb20" data-section="4">
2320					
2321				</div>
2322			</div>
2323		</div>
2324	
2325						<div class="container">
2326				<div class="row">
2327					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb20" data-section="4">
2328						<div class="paragraph_widget">
2329<h1 class="sr-only"> </h1>
2330				<div class="en-desc" style=""> 				 				 				 				 				 				<div style="background-color:#f6f6f6; height:110px"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 mb20"> <div class="row"> <div class="col-xs-3 pl20" style="padding-top:40px"> 	<a href="https://www.bloomsbury.com/newsletters/fairchild-books-interior-design-library-newsletter/" target="_blank" aria-label="Link to register for the Fairchild Books Interior Design Library newsletter on bloomsbury.com"> 		<span class="icon-Newsletters" title="Newsletters" style="font-size:40px"></span> 	</a> </div> <div class="col-xs-9" style="padding-top:45px"> 	<a href="https://www.bloomsbury.com/newsletters/fairchild-books-interior-design-library-newsletter/" target="_blank"> 		<b><p style="font-size: 16px; align:left"> 			Sign up to our newsletter 		</p></b> 	</a> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 mb20" style="background-color:#f6f6f6; height:110px"> <br> <center> <h2 style="margin-bottom:10px !important"><a href="/whats-new" aria-label="Link to What's New? page">What's New?</a></h2> 	<h3><a href="/whats-new" aria-label="Link to What's New? page">Two new textbooks now available!</a></h3> </center> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 mb20" style="background-color:#f6f6f6; height:110px"> <div class="row"> <div class="col-xs-3" style="padding-top:25px"> 	<a href="https://twitter.com/BloomsburyDigtl" target="_blank"> 		<img src="https://res.cloudinary.com/bloomsbury-publishing-public/image/upload/f_auto%2Cq_auto/00_Supplementary%20materials/Visual%20Arts/BVA%20-%20Bloomsbury%20Visual%20Arts/CMS/logo-black_sml.png" class="img-responsive" title="X logo"> 	</a> </div> <div class="col-xs-9" style="padding-top:25px"> 	<a href="https://twitter.com/BloomsburyDigtl" target="_blank" aria-label="Link to the Bloomsbury Digital Resources X page"> 		<b><p style="font-size: 16px; padding-top: 20px; align:left"> 			Follow @BloomsburyDigtl on X 		</p></b> 					</a> </div> </div> </div> 			</div> 			 			 			 			 			 			 			 			</div>
2331	</div>
2332
2333					</div>
2334				</div>
2335			</div>
2336			
2337
2338	</section>
2339</div>
2340<div class="ssp-footer-layout">    <footer class="footer-temp1">    	<div class="ssp-footer-top">            <div class="container">                <div class="row footer1-vertical">                    <div class="col-xs-12 col-sm-12 visible-xs">                        <ul class="ssp-footer-menu">												                    	<li class="active" role="none"><button tabindex="0" class="changebtnhome" aria-label="Home" onclick="window.location.href='/home'">Home</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="About" onclick="window.location.href='/about-fairchild-books-interior-design-library'">About</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Accessibility" onclick="window.location.href='/accessibility'">Accessibility</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Contact Us" onclick="window.location.href='/contact-us'">Contact Us</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Help" onclick="window.location.href='/help-access'">Help</button></li>		                                                                       </ul>                    </div>                    <div class="col-xs-5 col-sm-3 col-md-3 col-lg-2 ssp-foot-logo">                                                 						<a class="confirmModal" target="_blank" href="https://www.bloomsbury.com/us/discover/bloomsbury-digital-resources/"><img src="/bloomsbury_assets/fbidl/images/BDR Blue Logo Transparent Backgroun
2340d.png" class="img-responsive" alt="BDR footer logo" title="BDR footer logo"></a>											</div>                    <div class="col-xs-8 col-sm-6 col-md-6 col-lg-8 footer1-nav hidden-xs">                        <ul class="ssp-footer-menu">												                    	<li class="active" role="none"><button tabindex="0" class="changebtnhome" aria-label="Home" onclick="window.location.href='/home'">Home</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="About" onclick="window.location.href='/about-fairchild-books-interior-design-library'">About</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Accessibility" onclick="window.location.href='/accessibility'">Accessibility</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Contact Us" onclick="window.location.href='/contact-us'">Contact Us</button></li><li class="" role="none"><button tabindex="0" class="changebtnhome" aria-label="Help" onclick="window.location.href='/help-access'">Help</button></li>		                                                                        </ul>                    </div>					<div class="col-xs-7 col-sm-3 col-md-3 col-lg-2 footer1-social">						<div class="hidden-xs footer1-social-inner">															<div class="social-media">									<!-- <h5 tabindex="0">Social Media</h5> -->									<ul role="menu">										<li role="menuitem" class=""><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" class=""><a target="_blank" class="confirmModal" href="https://www.instagram.com/bloomsburydigtl/" title="Instagram"><span class="icon-Instagram" title="Instagram"></span></a></li><li role="menuitem" class=""><a target="_blank" class="confirmModal" href="https://x.com/BloomsburyDigtl" title="X"><span class="icon-X" title="X"></span></a></li><li role="menuitem" class=""><a target="_blank" class="confirmModal" href="https://www.youtube.com/@BloomsburyDigitalResources" title="Youtube"><span class="icon-Youtube" title="Youtube"></span></a></li>									</ul>								</div>								<div class="dropup">									<div class="more-social-icon dropdown">										<a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">											<img src="/bloomsbury_assets/bloomsbury/images/more-dot-icon.png" alt="">										</a>										<div class="dropdown-menu signin_dropdown social-dropdown-layer" role="menu">											<div class="social-dropdown">												<ul role="menu">													<li role="menuitem" class=""><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" class=""><a target="_blank" class="confirmModal" href="https://www.instagram.com/bloomsburydigtl/" title="Instagram"><span class="icon-Instagram" title="Instagram"></span></a></li><li role="menuitem" class=""><a target="_blank" class="confirmModal" href="https://x.com/BloomsburyDigtl" title="X"><span class="icon-X" title="X"></span></a></li><li role="menuitem" class=""><a target="_blank" class="confirmModal" href="https://www.youtube.com/@BloomsburyDigitalResources" title="Youtube"><span class="icon-Youtube" title="Youtube"></span></a></li>												</ul>											</div>										</div>									</div>								</div>													</div>						<!-- social Icons for mobile devices starts-->						<div class="visible-xs">														<div class="social-media">									<!-- <h5 tabindex="0">Social Media</h5> -->									<ul role="menu">										<li role="menuitem" class=""><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" class=""><a target="_blank" class="confirmModal" href="https://www.instagram.com/bloomsburydigtl/" title="Instagram"><span class="icon-Instagram" title="Instagram"></span></a></li><li role="menuitem" class=""><a target="_blank" class="confirmModal" href="https://x.com/BloomsburyDigtl" title="X"><span class="icon-X" title="X"></span></a></li><li role="menuitem" class=""><a target="_blank" class="confirmModal" href="https://www.youtube.com/@BloomsburyDigitalResources" title="Youtube"><span class="icon-Youtube" title="Youtube"></span></a></li>									</ul>								</div>								<div class="dropup">									<div class="more-social-icon dropdown">										<a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">											<img src="/bloomsbury_assets/bloomsbury/images/more-dot-icon.png" alt="">										</a>										<div class="dropdown-menu signin_dropdown social-dropdown-layer" role="menu">											<div class="social-dropdown">												<ul role="menu">													<li role="menuitem" class=""><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" class=""><a target="_blank" class="confirmModal" href="https://www.instagram.com/bloomsburydigtl/" title="Instagram"><span class="icon-Instagram" title="Instagram"></span></a></li><li role="menuitem" class=""><a target="_blank" class="confirmModal" href="https://x.com/BloomsburyDigtl" title="X"><span class="icon-X" title="X"></span></a></li><li role="menuitem" class=""><a target="_blank" class="confirmModal" href="https://www.youtube.com/@BloomsburyDigitalResources" title="Youtube"><span class="icon-Youtube" title="Youtube"></span></a></li>												</ul>											</div>										</div>									</div>								</div>													</div>							<!-- social Icons for mobile devices ends-->					</div>                </div>            </div>        </div>        <div class="ssp-footer-btm">            <div class="container">                <div class="row">                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-left">                        <div class="copy-right">                        						                    	Copyright Bloomsbury Publishing Plc 2026		                                            </div>                    </div>                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-right footer-bootm-link">                        					                   	<h6><a target="_blank" class="confirmModal" href="https://www.bloomsburyvisualarts.com/terms-and-conditions" alt="Terms and Conditions" title="Terms and Conditions">Terms and Conditions</a></h6><h6>
2340<a target="_blank" class="confirmModal" href="https://www.bloomsburyvisualarts.com/privacy-policy" alt="Privacy Policy" title="Privacy Policy">Privacy Policy</a></h6>		                                    </div>                </div>            </div>        </div>    </footer></div>
2341    	    			    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    	    				
2341<script>
2342	var siteId = 'bb01';
2343	sqtrkq.push(['wid', siteId]);
2344	var squidObj = {};
2345	var mpid = '';
2346			mpid = 'fbidl';
2347		var mpna = '';
2348		 	mpna = 'Fairchild Books Interior Design Library';
2349	
2350	var mpa = 'Static Page';
2351	var mut = 'Page';
2352	var mpsa = "";
2353	var cdid = 'fbidl';
2354	var cdna = 'Fairchild Books Interior Design Library';
2355	var cdt = 'Static Page';
2356	var cid = '/';
2357	var cna = '';
2358		cna = 'Home';
2359				mpsa = 'home';
2360		if(mpa) {
2361		squidObj.mpa = mpa;
2362	}
2363	if(mpsa) {
2364		squidObj.mpsa = mpsa;	
2365	}
2366	if (mpid) {
2367		squidObj.mpid = mpid;
2368	}
2369	if (mpna) {
2370		squidObj.mpna = mpna;
2371	}
2372	if (mut) {
2373		squidObj.mut = mut;
2374	}
2375	if (cdid) {
2376		squidObj.cdid = cdid;
2377	}
2378	if (cdna) {
2379		squidObj.cdna = cdna;
2380	}
2381	if (cna) {
2382		squidObj.cna = cna;
2383	}
2384	if (cdt) {
2385		squidObj.cdt = cdt;
2386	}
2387	if (cid) {
2388		squidObj.cid = cid;
2389	}
2390
2391	
2392	var u = new URI(document.location.href); 
2393	sqtrkq.push(['dom', '.' + u.domain()]);
2394	
2395	
2396	sqtrkq.push(['ext', encodeURIComponent(JSON.stringify(squidObj))]);
2397	sqtrkq.push(['post', true]);
2398	sqtrkq.push(['track']);
2399
2400</script>
2400
2401	
2402<script>
2403      plyr.setup();
2404    $('.popper').popover({
2405    placement: 'top',
2406    container: 'body',
2407    trigger: 'manual',
2408    html: true,
2409    content: function () {
2410      return $(this).next('.popper-content').length>0?$(this).next('.popper-content').html():$(this).parent().next('.popper-content').html();
2411    }
2412  }).off('keyup click').on('keyup click', function(e){
2413    if (e.keyCode == 13) {
2414      $('this').trigger('click');
2415    } else if (e.type == "click") {
2416      e.stopPropagation();
2417      $('.popper').popover('hide');
2418      $(this).popover('toggle');
2419    }
2420  });
2421  
2422  $('.article-popper').popover({
2423    placement: 'top',
2424    container: 'body',
2425    trigger: 'manual',
2426    html: true,
2427    content: function () {
2428      return $('.popper-content[id="'+$(this).attr('popover-id')+'"]').html();
2429    }
2430  }).on('keyup click', function(e){
2431    if (e.keyCode == 13) {
2432      $('this').trigger('click');
2433    } else if (e.type == "click") {
2434      e.stopPropagation();
2435      $('.article-popper').popover('hide');
2436      $(this).popover('toggle');
2437    }
2438  });
2439  initArcadianLibraryImageSlider();
2440  $('a[target="_blank"]').each(function(){
2441    $(this).attr("rel", "noopener noreferrer");
2442  });
2443  $('.custom_text_widget a').on('click', function(e){
2444    dataLayer.push({
2445      'event' : 'click_institutional_message'
2446    });
2447  });
2448   $('.owl-dots').on('click', function(e){
2449   		var cms_element_type="";
2450   		const navObj = {};	
2451   		cms_element_type="Image Slider";
2452        navObj.event= 'cms_element_click';
2453		navObj.cms_element_type =cms_element_type;
2454	    dataLayer.push(navObj);
2455    });
2456       $(".owl-nav").on('click', function(e){
2457   		var cms_element_type="";
2458   		const navObj = {};	
2459   		if(!e.isTrigger){
2460   		cms_element_type="Image Slider";
2461        navObj.event= 'cms_element_click';
2462		navObj.cms_element_type =cms_element_type;
2463	    dataLayer.push(navObj);
2464	    }
2465    });
2466     $('.carousel-indicators').on('click', function(e){
2467   		var cms_element_type="";
2468   		const navObj = {};	
2469   		cms_element_type="Image Carousel";
2470        navObj.event= 'cms_element_click';
2471		navObj.cms_element_type =cms_element_type;
2472	    dataLayer.push(navObj);
2473    });
2474      $('.hero_image_widget').on('click', function(e){
2475   		var cms_element_type="";
2476   		const navObj = {};	
2477   		cms_element_type="Hero Image";
2478        navObj.event= 'cms_element_click';
2479		navObj.cms_element_type =cms_element_type;
2480	    dataLayer.push(navObj);
2481    });
2482
2483  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';
2484   var cms_element_type="";
2485   const navObj = {};	
2486   var isImageFeature = false;
2487    $(cmselements).find('a,button,input[type="button"],img').on('click',function(){
2488	var classname = $(this).parents(cmselements).attr('class');
2489	if(!isImageFeature){
2490    var parentElement = $(this).parent('a');
2491  	if (parentElement.is('a') && $(this).is('img')) {        
2492        isImageFeature = true; 
2493        return true; 
2494           } 
2495    }
2496	var currentclasses = classname.split(' ');	
2497	var presentclass = '';
2498	for(var x=0;x<currentclasses.length;x++) {
2499    if (cmselements.includes(currentclasses[x])) {
2500   		presentclass = currentclasses[x]; 
2501  		 classname = presentclass;
2502		break;	
2503	}
2504	}
2505	switch (classname) {		
2506       case 'audio_widget':
2507		cms_element_type="Audio";
2508		break;
2509		case 'video_widget':
2510		cms_element_type="Video";
2511		break;
2512		case 'paragraph_widget':
2513		cms_element_type="Paragraph";
2514		break;
2515		case 'social_feed':
2516		cms_element_type="Social Feeds";
2517		break;
2518		case 'image_feature':
2519		cms_element_type="Image";
2520		break;
2521		case 'carousel-layer':
2522		cms_element_type="Image Carousel";
2523		break;
2524		case 'image-slider-layout':
2525		cms_element_type="Image Slider";
2526		break;
2527		case 'contact_us':
2528		cms_element_type="Contact Us form";
2529		break;
2530		case 'adminportal_widget':
2531		cms_element_type="Admin Portal";
2532		break;
2533		case 'tile_widget':
2534		cms_element_type="Title/Custom Grid";
2535		break;
2536		case 'custom_text_widget':
2537		cms_element_type="Custom Text Box";
2538		break;
2539    }
2540		navObj.event= 'cms_element_click'
2541		navObj.cms_element_type =cms_element_type
2542	    dataLayer.push(navObj);
2543	    isImageFeature = false;
2544	});
2545$('.ssp-footer-layout li a').on('click', function(e){
2546		 var domainname = window.location.host;
2547 		 var host = window.location.href;
2548  		 var parent=$(this).parent().parent();   		 
2549   		 var interactiontype = "parent";
2550   		 var sibling= "";
2551   		 var linkclasses = "";
2552         if (parent.hasClass('dropdown-menu'))
2553	   	 {
2554		   interactiontype = "child";
2555		   sibling=parent.prev().text()+ " > "+$(this).text();		  
2556	  	 }
2557		else
2558		{
2559		  sibling = $(this).text();
2560		}
2561		 var idattrvalue = $(this).attr('title');
2562		 if(idattrvalue == undefined){
2563			 idattrvalue = "";
2564		 }
2565		 var hrefValue = $(this).attr('href');
2566		 if(hrefValue== "#")
2567		 {
2568		  hrefValue = '';
2569		 }
2570		  if(hrefValue== "javascript:void(0)")
2571		 {
2572		  hrefValue = '';
2573		 }
2574		 linkclasses =  $(this).attr('class');
2575		 if(linkclasses == undefined){
2576			 linkclasses = "";
2577		 }
2578		 const navObj = {};			 
2579		 navObj.event= 'click_nav_link'
2580		 navObj.link_classes = linkclasses
2581		 navObj.link_domain = domainname
2582		 navObj.link_id = idattrvalue
2583		 navObj.link_text = $(this).text()
2584		 navObj.link_url = host+hrefValue
2585		 navObj.link_breadcrumb = sibling
2586		 navObj.interaction_type = interactiontype
2587		 dataLayer.push(navObj);
2588           });
2589     	$(document).on('click', '#quiz_data_form input[type="radio"], #quiz_data_form input[type="checkbox"]', function() {
2590    	var cms_element_type="";
2591   		const navObj = {};	
2592   		cms_element_type="Quiz";
2593        navObj.event= 'cms_element_click';
2594		navObj.cms_element_type =cms_element_type;
2595	    dataLayer.push(navObj);               	
2596        });
2597  if (!window.analyticsFlag) {
2598		googleAnalyticsPageLoad();
2599	}
2600	</script>
vendor: 2 bytes, line 2600
2600
2601<script type="text/javascript">
2602	yourContentAdjustment();
2603	function yourContentAdjustment() {
2604		$(".your_content_widget").each(function(){
2605			var container = $(this).find('.main-content-area .archieve_top').length ? $(this).find('.main-content-area .archieve_top') : $(this);
2606			var totalAccordionList = $(this).find(".yourcontent_accordion");
2607			var accordionList = $(this).find(".yourcontent_accordion").filter(function(){
2608				return $(this).find(".item-list").length > 0;
2609			});
2610			var rowCount = $(this).find(".row").length;
2611			var accordionCount = accordionList.length;
2612			var numColumns = $(this).find(".yourContentColums").val();
2613			numColumns = parseInt(numColumns)?parseInt(numColumns):0;
2614			var numEntries = $(this).find(".yourContentEntries").val();
2615			numEntries = parseInt(numEntries)?parseInt(numEntries):0;
2616			var rowAdjustmentFlag = accordionList.length < totalAccordionList.length;
2617			if (rowAdjustmentFlag) {
2618				$(this).find('.row').remove();
2619			}
2620			for (let i = 0; i < accordionList.length; i += numColumns) {
2621		    const newRow = $('<div class="row"></div>');
2622		    for (let j = i; j < i + numColumns && j < accordionList.length; j++) {
2623		    	var itemListCount = $(accordionList[j]).find('.item-list').length;
2624		     	if (itemListCount > numEntries) {
2625		     		$(accordionList[j]).find(".browse-all-link").removeClass("hide");
2626		     		$(accordionList[j]).find(".item-list").slice(numEntries).remove();
2627		     	} else {
2628		     		$(accordionList[j]).find(".browse-all-link").addClass("hide");
2629		     	}
2630		     	if (rowAdjustmentFlag) {
2631		      	newRow.append($(accordionList[j]));
2632		    	}
2633		    }
2634		    if (rowAdjustmentFlag) {
2635		    	container.append(newRow);
2636		    }
2637		  }  
2638			if(accordionList.length == 0) {
2639				$(this).parent().addClass("hide");
2640			}
2641	  	//$(this).find(".yourcontent_accordion").each(function(){});
2642		});
2643		$(".your_content_widget .collapse").on("shown.bs.collapse", function (e) {
2644			$(this).parent().find('.panel-heading .glyphicon').removeClass('glyphicon-plus').addClass('glyphicon-minus');
2645		}).on("hidden.bs.collapse", function(e){
2646			$(this).parent().find('.panel-heading .glyphicon').removeClass('glyphicon-minus').addClass('glyphicon-plus');
2647		});
2648	}
2649</script>
2649
2650</body>
2651</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.