0% found this document useful (0 votes)
114 views

New Text Document

This document links to and embeds various CSS and JavaScript files to style a web page and include interactive elements. It includes links to files for styling, jQuery, jQuery UI, CodeMirror, and other libraries. It also includes JavaScript that writes the link elements to the page and defines some interactive functions for elements like pop-up windows and carousels.

Uploaded by

abhay9411
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
114 views

New Text Document

This document links to and embeds various CSS and JavaScript files to style a web page and include interactive elements. It includes links to files for styling, jQuery, jQuery UI, CodeMirror, and other libraries. It also includes JavaScript that writes the link elements to the page and defines some interactive functions for elements like pop-up windows and carousels.

Uploaded by

abhay9411
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 77

<!

DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-
scale=1">
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
<title></title>
<!--CSS for protactor-->
<link rel="stylesheet" type="text/css"
href="skin/blue.monday/jplayer.blue.monday.css" />
<script>
var isUsefullDataMedia = false;
var isMovableSplitterPresent = false;
/* var date = new Date(); */
var isTextHighlighterEnabled = false;
var jsVersion = sessionStorage.jsVersion !=undefined ? sessionStorage.jsVersion :
'17.05.01';
document.write('<link rel="stylesheet" type="text/css" href="css/mock_style.css?
v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" href="css/jquery.freetrans.css?
v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" href="css/jquery-ui-1.10.4.custom.min.css?
v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" href="css/jquery.ui.rotatable.css?
v='+jsVersion+'"\/\>');
document.write('<link type="text/css" rel="stylesheet" href="css/calc.css?
v='+jsVersion+'"\/\>');
document.write('<link type="text/css" rel="stylesheet" href="css/screen.css?
v='+jsVersion+'"\/\>');
document.write('<link type="text/css" rel="stylesheet" href="css/scratchpad.css?
v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" href="css/nanoscroller.css?
v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" type="text/css" media="all"
href="css/style.css?v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" type="text/css" href="css/thickbox.css?
v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" type="text/css" href="css/jquery.alerts.css?
v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" type="text/css"
href="css/aecInstructions.css?v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" type="text/css" href="css/codemirror.css?
v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" type="text/css"
href="css/keyboard_style.css?v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" type="text/css" href="css/jquery.jqzoom.css?
v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" type="text/css"
href="css/jcarousel.connected-carousels.css?v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" type="text/css" href="css/popupwindow.css?
v='+jsVersion+'"\/\>');
document.write('<link href="css/AnalysisReport/css/font-awesome.min.css?
v='+jsVersion+'" rel="stylesheet"/>');
document.write('<link href="css/iBAInterviewerScreens.css?v='+jsVersion+'"
rel="stylesheet"/>');
document.write('<link href="css/scribblePad.css?v='+jsVersion+'"
rel="stylesheet"/>');
document.write('<link rel="stylesheet" type="text/css" href="css/blackboard.css?
v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" type="text/css" href="css/cobalt.css?
v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" type="text/css" href="css/elegant.css?
v='+jsVersion+'"\/\>');
document.write('<link rel="stylesheet" type="text/css" href="css/cmstyle.css?
v='+jsVersion+'"\/\>');

document.write('<script type="text/javascript" src="js/jquery-1.8.0.min.js?


v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jquery.cookie.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/bean.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/top.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jquery-ui-1.10.4.min.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jquery-resizable.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jquery.ui.touch-
punch.min.js?v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jquery.nanoscroller.min.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jquery.corner.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jquery.caret.min.js?
v='+jsVersion+'"\><\/script>')
document.write('<script type="text/javascript" src="js/virtual_keyboard.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jquery.actual.min.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/typing.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/restrictedTyping.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/codemirror.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/javascript.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/active-line.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/matchbrackets.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jwplayer.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jwplayer.html5.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/thickbox-compressed.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jquery.ui.rotatable.min.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jquery.jqzoom-core.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/popupwindow.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jquery.jcarousel.min.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/jcarousel.connected-
carousels.js?v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/MediaStreamRecorder.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/iBA.js?
v='+jsVersion+'"\><\/script>');
document.write('<script type="text/javascript" src="js/CKMathEditor/ckeditor.js?
v='+jsVersion+'"\><\/script>');

</script>
<!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script><!
[endif]-->
<!--[if IE]><script type="text/javascript" src="js/jQueryRotate.js"></script><!
[endif]-->
<!--[if IE]><script type="text/javascript" src="js/raphael.js"></script><![endif]--
>
<!--[if IE 8 ]><html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="ie ie9 no-js" lang="en"> <![endif]-->
<script>
$('a').mousedown(function(event){
avoidKeyPressing(event);
});
var editor;

/* $( document ).ready(function() {
var url = document.URL;
var orgId = "";
var mockId = "";
if(url.indexOf("quiz.html?") >= 0){
var params = url.split("quiz.html?");
orgId = $.trim(params[1]).split("@@")[0];
mockId = $.trim(params[1]).split("@@")[1];
} else {
orgId = $.cookie("orgId");
mockId = $.cookie("assessmentId");
}

if(mockId.indexOf("M")==-1){
var attemptNo = $.cookie("attemptId");
var candMasterId = $.cookie("cand_master_id");
saveSysConfig(orgId,mockId,candMasterId,attemptNo);
}
});*/
</script>
<script>
$(function () {
//$(".slide-left").resizable();
/*$(".quesOuterDiv").each(function () {

$(this).find(".slide-left").resizable({
//maxWidth: 100,
handleSelector: ".splitter",
resizeHeight: false,

onDragEnd: function () {
$(".quesOuterDiv").each(function () {
var compsec = $(this).find(".comp_secRight").width();
//alert(compsec);
if (compsec <= 320) {
$(this).find(".comp_sec_left").width($
(".q_block").width());
}
})
},
});
});*/

});
$(document).ready(function () {
$('.UsefulInfo').click(function (e) {
e.preventDefault();
$('#modal-content').popUpWindow({
action: "open", // open or close
modal: true, // modal mode
size: "large" // large, medium or large
});
});
if (document.addEventListener){
document.addEventListener('webkitfullscreenchange', exitHandler,
false);
document.addEventListener('mozfullscreenchange', exitHandler,
false);
document.addEventListener('fullscreenchange', exitHandler,
false);
document.addEventListener('MSFullscreenChange', exitHandler,
false);
}
function exitHandler(){
if (document.webkitIsFullScreen === false){
resetCarousel();
}
else if (document.mozFullScreen === false){
resetCarousel();
}
else if (document.msFullscreenElement === false){
resetCarousel();
}
}
function resetCarousel(){
/* if($(window).width()> 768){
$('#pop-
up').css('top','64px').css('left','50%').css('margin-left','-350px').css('max-
width','700px').css('width','90%');
$('.connected-carousels').css('padding','20px 0px 15px');
$('.pop-up-content').css('padding','24px');
$('#stage').css('width', '620px');
}
else if($(window).width()< 768){
$('#stage').css('width', 'auto');
} */
/*$('.connected-carousels .prev-stage, .connected-carousels
.next-stage').css('height','410px');*/

$('.carousel-stage').css('height', '400px');
$('.connected-carousels .prev-stage, .connected-carousels .next-
stage').removeClass('fullsn');
$('.connected-carousels ul li
img').css('height','400px').css('width','600px');
$('#stage .pop-up-close-triggerfull').remove();///fire your event
$('.maximizeicon, .pop-up-header, .connected-carousels
.navigation, .pop-up-close-trigger').show();
if(hasNavigationBar){
$('.navigation').show();
}else{
$('.navigation').hide();
}
if(isUsefullDataMedia){
$('.maximizeicon').hide();
} else {
$('.maximizeicon').show();

}
}
$(document).on('click','.pop-up-close-triggerfull',function(){
var isSafari = /Safari/.test(navigator.userAgent) && /Apple
Computer/.test(navigator.vendor);
if(isSafari) {
$(document).on('click','.pop-up-close-
triggerfull',function(){
alert("Safari browser detected");
$('.pop-up-background pop-up-background-
modal').css('display','none');
$('.carousel').remove();
$('.pop-up-header').remove();
$('.pop-up-content').remove();
$('.pop-up').remove();
$('.connected-carousels').remove();
});
}
$(".headergrup").removeClass("fullzoom");
$(".btntab").removeClass("fullzoom");
$(".Rght_Section").removeClass("fullzoom");
$(".profile-grouping-section").removeClass("fullzoom");
$(".questiontype-markpanel").removeClass("fullzoom");
$("#Questn_Innr_Div_section").removeClass("fullzoom");
$(".buttons-div").removeClass("fullzoom");
$("#footer").removeClass("fullzoom");
$(".Ans_Area").removeClass("zoomscreen");
/* To exit Full Screen */
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}else{var shell = new ActiveXObject("WScript.Shell");
shell.SendKeys("{F11}");
}
$(".maximizeicon").show();
resetCarousel();
$(".connected-carousels .carousel li
img").removeClass("fullzoomimg");
});
});
$( document ).ready(function() {
var btn = document.getElementsByClassName('maximizeicon');
$('.maximizeicon').on('click',function() {
var isChrome = /Chrome/.test(navigator.userAgent) && /Google
Inc/.test(navigator.vendor);
var isSafari = /Safari/.test(navigator.userAgent) && /Apple
Computer/.test(navigator.vendor);
if (isSafari) {
$('.pop-up-close-triggerfull').css('visibility','hidden');
$('.pop-up-header').css('visibility','hidden');
$('.pop-up-close-trigger').css('margin-top','30px');
$('.pop-up-close-trigger').css('margin-right','10px');
$('.pop-up-close-trigger').css('background-color','black');
$('.navigation').css('visibility','hidden');
$('.prev').css('margin-left', '-20px');
$('.next').css('margin-right', '-20px');
if ($(window).width() < 769) {
$('.connected-carousels ul li img').height(auto);
}
if ($(window).width() < 381) {
$('.connected-carousels img').height(auto);
}
}
});
});

</script>
<style>
.connected-carousels .carousel-navigation li {
display: inline-block;
padding: 0px 10px;
line-height: 2.2em;
border: 1px #cbcbcb solid;
color: #999999;
margin: 0px 5px;
font-size: 12px
}

.connected-carousels .carousel-navigation li.active {


background: #72a6fb;
color: #fff;
border: 1px #72a6fb solid;
}

.maximizeicon {
display: inline-block;
position: absolute;
right: 35px;
top: 15px;
cursor: pointer;
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("images/Icon-sprite.png");
background-origin: padding-box;
background-position-x: -306px;
background-position-y: -75px;
background-repeat: no-repeat;
background-size: auto auto;
cursor: pointer;
height: 20px;
width: 22px;
margin: 0px auto;
padding: 0px 8px;
line-height: 1em;
}

.connected-carousels img {
width: 100%;
height: auto;
}

.pop-up-close-triggerfull {
background-image: url(images/fullcross.png) !important;
background-repeat: no-repeat;
position: absolute;
right: 35px;
top: 4%;
width: 32px !important;
height: 34px !important;
z-index: 10000000000;
cursor: pointer;
outline: none !important
}

.pop-up-close-trigger {
background-image: url(images/menuclose.png) !important;
background-repeat: no-repeat;
width: 18px !important;
height: 18px !important;
outline: none !important;
z-index: 10000000000;
cursor: pointer;
}

<!-- added by sudhir for mark as irrelevant-->


.mark_irrelevant{margin-left:10px}

.irr_txt{font-size:15px}
.mark_irr_popup select{width:100%; height: 34px; background-color: #fff;
padding: 0 5px;}

.mark_irr_popup .popup_body{ padding: 20px 20px 0px 20px;}

.btn_yes{ display: inline-block;


background: #72a6fb;
color: #fff;
text-decoration: none;
padding: 0px 15px;
font-size: 12px;
line-height: 2.42em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-right: 7px;
border:1px solid #72a6fb;
}
.mark_irr_popup{
display:none;
position: absolute;
/*width: 330px;*/
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
background-color: #fff;

z-index:101;
}

/* .overlay{
background: rgb(0,0,0);
cursor: pointer;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
filter: alpha(opacity:0.85);
opacity: 0.85;
-moz-opacity: 0.85;
} */

.btn_cont{text-align:center}
.btn_cont .btn{width: 120px;font-size: 14px; cursor:pointer; margin-bottom: 20px;}
.btn_cont .btn:hover{ border: 1px solid #333;}

.mark_irr_popup .pop-up-header{
font-size: 16px;
position: relative;
padding: 10px 20px 8px;margin:0; width:100%
}

.mark_irr_popup .pop-up-close-trigger{
right: 9px;
top: 13px;
}
@media screen and (max-width:768px){
.mark_irr_popup{width:90%}

.mark_irrelevant {
margin-left: 3px;
height: 36px;
line-height: 34px;
}
}
@media screen and (max-width:767px){
.mark_irrelevant {
margin-left: 3px;
height: auto;
line-height: 24px;
}
}
.mobilemenu_footer {display:none}
.mobile_btn{display:none}
@media screen and (max-width:480px){
.mark_irrelevant{
margin-left: 0px;
padding-left: 3px;
height: 28px;
line-height: 24px;
padding-right: 3px;
}

.reportissues{
margin-left: 0px;
padding-left: 3px;
height: 28px;
line-height: 24px;
padding-right: 3px;
}
.reset-btn {
margin: 4px 0px 0 5px;
padding: 6px 5px;
font-size: 12px;
}

.save_buttoncontainer a {
padding: 6px 6px;
}

.save_buttoncontainer a.skip-btn {
padding: 6px 6px;
}

.other_buttoncontainer .btn{
margin-bottom: 4px;
margin-top: 8px;
}

.mobilemenu_footer {
cursor: pointer;
display: block;
background-color: #aab4b9;
float: left;
display: block;
width: 27px;
height: 26px;
background-image:
url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4N
CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiA
uIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0
MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2Z
zExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3Lncz
Lm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjB
weCIgeT0iMHB4Ig0KCSB3aWR0aD0iNHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCA0IDIwIiBlbm
FibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0IDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnP
g0KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZG
RiIgZD0iTTIsNC4yOTNjMS4xMDQsMCwyLTAuOTU4LDItMi4xNDFjMC0xLjE4Mi0wLjg5Ni0yLjE0LTItMi4
xNA0KCQkJcy0yLDAuOTU4LTIsMi4xNEMwLDMuMzM1LDAuODk2LDQuMjkzLDIsNC4yOTN6IE0yLDcuODU5Yy
0xLjEwNCwwLTIsMC45NTktMiwyLjE0MXMwLjg5NiwyLjE0MSwyLDIuMTQxUzQsMTEuMTgyLDQsMTANCgkJC
VMzLjEwNCw3Ljg1OSwyLDcuODU5eiBNMiwxNS43MDdjLTEuMTA0LDAtMiwwLjk1OC0yLDIuMTQxYzAsMS4x
ODIsMC44OTYsMi4xNCwyLDIuMTRzMi0wLjk1OCwyLTIuMTQNCgkJCUM0LDE2LjY2NSwzLjEwNCwxNS43MDc
sMiwxNS43MDd6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=');
background-position: center center;
background-repeat: no-repeat;
margin-top: 9px;
margin-left:5px;
margin-right:0;
background-size: 12%;
}

.mark_irrelevant{display:none}

.mobile_btn {
display: none;
position: absolute;
top: -35px;
background-color: #ffffff;
height: 35px;
width: 165px;
border: 1px solid #c8c8c8;
color: #333;
}

.mobile_btn a{
padding: 9px 10px;
display: block;
font-size: 13px;
color: #333;
height: auto;
line-height: normal;
margin-top: 0;
}

.irr_txt {
font-size: 14px;
}
</style>
</head>
<!-- onselectstart -->
<body onload="isAssessmentMock();" onselectstart="isOnSelectStart();">
<div id="remoteProctoringDiv" style="width:100%; height:1%;display:none;">
<iframe id="remoteProctoringFrame" src="" allow="microphone;camera;"
style="width:100%;border:none !important">
</iframe>
</div>
<input type="hidden" id="ckload"/>
<div id="wrapper">
<div id="pWait"
style="background: grey; height: 100%; width: 100%; z-index:
1999; position: absolute; opacity: 0.99; filter: alpha(opacity = 85);">
<div id="processingMessage" style="top: 45%; position: relative;
color: white">
<center>
<img src="images/busy4.gif"
style="padding: '32px 0 0 36px', width:'320px',
height:'110px', margin:'0 0 0 10% display:block;" /><br><span
class="processing">Processing</span>
</center>
</div>
<div id="fullModeClickEvent" style="top: 45%; position:
relative;display:none;">
<center>
<input class="btn btn-primary btn-primary-blue
ClickHereForFullScreen" id="fullModeClick" value="Click Here To Continue With The
Assessment" type="button" onclick="openScreenFullWindow();"/>
</center>
</div>
</div>
<div id="recordingUploadLoader"
style="/*background: grey;*/ height: 100%; width: 100%; z-index:
1999; position: absolute; opacity: 0.99; filter: alpha(opacity = 85); display:
none;">
<div style="top: 45%; position: relative; color: white">
<center>
<img src="images/busy4.gif"
style="padding: '32px 0 0 36px', width:'320px',
height:'110px', margin:'0 0 0 10% display:block;" /><br>
<span id="progressBar">Uploading</span>
</center>
</div>
</div>
<div id="minwidth">
<!-- Hamburger Contents -->
<div class="canvasmenu">
<div class="hamburgerBar canvas">
<i class="hamicon hamclose"></i>
</div>
<div class="menu_title">
<span class="selection"> Your Selection </span>

<ul class="user_select">
<!--li>
<div class="menubx grupbx">
<i class="gb"></i>
<span>GROUP</span>
</div>
</li -->

<li>
<div class="menubx userbx selected">
<i class="gb"></i>
<span>PROFILE</span>
</div>
</li>
<li>
<div class="menubx morebx">
<i class="mp"></i>
<span>MORE</span>
</div>
</li>
</ul>

</div>

<div class="menu_descp">

<div class="sections section1" style="display:


block">

<div class="pic_box">
<div class="pics pic1">
<img class="candidateImg"
width="94" height="101" />
<img class="verifiedImg" width="94"
height="101" />
</div>
<div class="clear"></div>
</div>

<div class="user_dtls">
<div class="details mockLoginIdSpan"
style="display: none">
<span class="loginName"></span>
<span class="mockCandId">11111</span>
</div>

<div class="details
assessmentCandidateIdSpan"
style="display: none">
<span
class="CandidateIdText"></span> <span class="candId"></span>
</div>

<div class="details">
<span class="candName"></span>
<span class="candOrigName"></span>
</div>

<!-- <div class="details DOBSpan"


style="display: none">
<span class="dobText"></span> <span
class="dob"></span>
</div> -->

<div class="details LoginIdSpan"


style="display: none">
<span class="loginIdText"></span>
<span class="loginId"></span>
</div>

<div class="details EmailIdSpan"


style="display: none">
<span class="emailIdText">Email
Id</span> <span class="emailId"></span>
</div>

<!-- <div class="details ContactNumSpan"


style="display: none">
<span class="contactNoText"></span>
<span class="contactNo"></span>
</div> -->

</div>
</div>

<div class="sections section2">

<div class="moresections ques viewquestion_div


auditlogButton"
onclick="showQP()" id="viewQPButtonMbl">
<span> Question Paper </span>
</div>

<div class="moresections instr auditlogButton"


onclick="showInstruction()" id="VIMbl">
<span> View Instruction </span>
</div>

<div class="moresections info usefulDataDiv


auditlogButton"
onclick="showHelpContent(event);"
style="display: none"
id="usefulDataMbl">
<span> Useful Data </span>
</div>
<div class="moresections auditlogButton
preGrpInst" id="viewGrpInstruDiv"
onclick="showGrpInstructionsQuiz(event);"
style="display: none">
<span> Group Instructions </span>
</div>
<div class="moresections auditlogButton"
id="viewSecInstruDiv"
onclick="showSecInstructionsQuiz(event);"
style="display: none">
<span> Section Instructions </span>
</div>

<div class="lang multilingualDropdown"


style="display: none">
<span id="mLangName"> </span> <i
class=""></i>
</div>

<div class="langselect"></div>

</div>
</div>

</div>
<!-- Hamburger Contents -->
<div class="headergrup">
<div id="header">

<div align="left" id="bannerImage" style="float:


left">
<div id="bannerImg" style="float: left"></div>
<div id="bannerText" align="center"
style="margin-top: 10px; font-weight:
bold;">
<font size="4" color="#ffffff"></font>
</div>
</div>
<div class="hamburgerBar">
<i class="hamicon"></i>
</div>

</div>

<div id="sub-header">
<div class="exam_name">
<span class="test-header"></span>
</div>

<div class="helpinstruction_div">
<div class="viewSecInstruDiv" title="">
<span class="instruction_icon"> </span><a
class="test-instruct thickbox"
onclick="showSecInstructionsQuiz();activeLink('viewSecInstru');"><span
class="auditlogButton
preSecInst">Section Instructions</span></a>
</div>
<div class="viewGrpInstruDiv" title="">
<span class="instruction_icon"> </span><a
class="test-instruct thickbox"
onclick="showGrpInstructionsQuiz();activeLink('viewGrpInstru');"><span
class="auditlogButton
preGrpInst">Group Instructions</span></a>
</div>
<div class="help_div usefulDataDiv"
id="usefulDataDiv"
style="display: none;">
<span class="help_icon"></span><a
class="test-instruct"

onclick="showHelpContent(event);"><span
class="auditlogButton UF"
id="usefulData">Useful Data</span></a>
</div>
<div class="instruction_div" title="">
<span class="instruction_icon"> </span><a
class="test-instruct thickbox"
onclick="activeLink('VI')"><span
id="VI" class="auditlogButton">View
Instruction</span></a>
</div>
<div class="viewquestion_div" id="viewQPTD">
<span
class="questionpaper_icon"></span><a
class="test-instruct thickbox"

onclick="showQP();activeLink('viewQPButton')"><span
id="viewQPButton"
class="auditlogButton"
title="View Entire Question
Paper">Question Paper</span></a>
</div>
</div>
</div>

<!-- Sub header Tab-->

<div class="subheader_tab">

<div class="grupname1 grups" id="groupsResp"></div>

<div class="grupname2 grups" id="secResp"></div>


<div class="hamburgerBar">
<i class="hamicon"></i>
</div>
<div class="clear"></div>
</div>

<div class="grup_components">
<div class="" id="mKeybrdLayt"></div>
<div class="panel_time time-details"
id="timeResp"></div>

<div class="panel_icons_sm">
<div class="piconsm_5 picons textarea-icon-
container"
title="Notepad" style="display:
none;"></div>
<div class="piconsm_6 picons scratchpad-icon-
container"
title="Scratchpad" style="display:
none;"></div>
<div class="piconsm_2 picons ruler-icon-
container" title="Ruler"
style="display: none;"></div>
<div class="piconsm_3 picons protactor-icon-
container"
title="Protractor" style="display:
none;"></div>
<div class="piconsm_7 picons zoomin-icon-
container" title="ZoomIn"
style="display: none;"></div>
<div class="piconsm_4 picons zoomout-icon-
container"
title="ZoomOut" style="display:
none;"></div>
<div class="piconsm_1 picons calculator-icon-
container"
title="calculator"
onclick="loadCalculator()"
style="display: none;"></div>
<div class="piconsm_8 picons selectmark_tool
tooltipstered"
title="Text Highlighter" style="display:
none;"></div>
<div class="clear"></div>
</div>

<div class="picons_scroll">
<div class="icncont">
<span class="calc_icon
iconholder"></span> <i class="smicon"></i>
<div class="clear"></div>
</div>

<div class="piconsscroll_box">

<div class="scroll_bars calculator-icon-


container"
onclick="loadCalculator()"
style="display: none">
<div class="sel_icon"></div>
<span
class="calc_icon"></span>Calculator
</div>
<div class="scroll_bars ruler-icon-
container"
style="display: none">
<div class="sel_icon"></div>
<span
class="scale_icon"></span>Scale
</div>
<div class="scroll_bars protactor-icon-
container"
style="display: none">
<div class="sel_icon"></div>
<span
class="protector_icon"></span>Protractor
</div>
<div class="scroll_bars zoomin-icon-
container"
style="width: 160px; display:
none">
<div class="sel_icon"></div>
<span class="zoom_icon
"></span>Zoom In
</div>
<div class="scroll_bars zoomout-icon-
container"
style="width: 160px; display:
none">
<div class="sel_icon"></div>
<span
class="zoomOut_icon"></span>Zoom Out
</div>
<div class="scroll_bars textarea-icon-
container"
style="display: none">
<div class="sel_icon"></div>
<span class="note_icon"></span>Note
</div>
<div class="scroll_bars scratchpad-icon-
container"
style="display: none">
<div class="sel_icon"></div>
<span class="draw_icon
"></span>Draw
</div>
<div class="scroll_bars selectmark_tool
tooltipstered"
style="display: none">
<div class="sel_icon"></div>
<span class="highlighter_icon
"></span>Highlighter
</div>

</div>

</div>
<div class="clear"></div>
</div>
<!-- Question Panel with Question Nos.-->
<div class="q_tab question_area">
<div class="qarea_resp"></div>

<div class="stngsection">
<div class="setngico">
<i class="seticon"></i>
</div>
<i class="setng_arrow"></i>
<div class="setngbx">
<div class="mrks_info"
id="resp_mrks_info">

<div class="clear"></div>
</div>

<div class="filter_section">

<div class="filter_descp clear">


<div class="fltrs">
<div class="answered
sm_bxes answeredCount"></div>
<div class="type_title
answeredLabel"></div>
<div
class="clear"></div>
</div>

<div class="fltrs">
<div class="nt_answered
sm_bxes notAnsweredCount"></div>
<div class="type_title
notAnsweredLabel"></div>
<div
class="clear"></div>
</div>

<div class="fltrs
mNotVisited">
<div class="nt_visit
sm_bxes notVisitedCount"></div>
<div class="type_title
notVisitedLabel"></div>
<div
class="clear"></div>
</div>
<div class="fltrs mMarkReview
MarkForReviewDiv">
<div class="mfr sm_bxes
markedCount"></div>
<div class="type_title
markedLabel"></div>
<div
class="clear"></div>
</div>

<div class="fltrs
review_answer mReviewAnswered">
<div class="mfr_ans_eval
sm_bxes markedAnsweredCount"></div>
<div class="type_title
markedAndAnsweredLabel"></div>
<div
class="clear"></div>
</div>

<div class="fltrs review_mark


mReviewMarked">
<div class="mfr_ans
sm_bxes markedReviewCount"></div>
<div class="type_title
markedAndAnsweredLabel"></div>
<div
class="clear"></div>
</div>

<div class="clear"></div>

</div>

<div class="clear"></div>
</div>

</div>

<div class="clear"></div>
</div>

<div class="clear"></div>
</div>
</div>
<div class="clear"></div>

<!-- header ends-->

<!--Container starts-->
<div class="Container">
<!--Center Container Starts-->
<div id="questionContent">
<div class="profile-grouping-section">
<div class="Rght_Section column" id="col2">
<div id="User_Hldr"
onclick="showProfile();">
<div class="singleImageDiv">
<div class="profile_image">
<img width="94"
height="101" align="absmiddle" class="candidateImg">
</div>
<div class="profile_details">
<div id="Username"
class="candOriginalName"></div>
<!--<div
id="viewProButton"><a id = "VPT" class="viewProfile auditlogButton thickbox"
onclick="showModule('profileDiv');activeLink(this.id)">View Profile</a></div>-->

</div>
</div>
<div class="verificationImagesDiv"
style="display: none;">
<div class="leftImage"
style="float: left">
<img width="94"
height="85" align="absmiddle" class="candidateImg">
</div>
<div class="rightImage"
style="float: right; position: fixed; right: 60px;">
<img width="94"
height="85" align="absmiddle" class="verifiedImg">
</div>
<div id="Username"
class="candOriginalName"></div>
</div>
<div class="clear"></div>

</div>
</div>
<div class="Lft_Section column" id="col1">
<div class="nav-container">

<div class="group-panel">
<div class="group-arrow-left-
disabled"></div>
<div id="groups"></div>
</div>
<div class="group-panel-mobile">
<div class="group-arrow-
right-disabled"></div>
</div>
<div class="components-section">
<div class="group-arrow-
right-disabled"></div>

<div class="component-icon-
container textarea-icon-container"
style="display: none;">
<div align="center">
<span class="icon-
1"></span>
</div>
</div>
<div class="component-icon-
container scratchpad-icon-container"
style="display: none;">
<div align="center">
<span class="icon-
2"></span>
</div>
</div>
<div class="component-icon-
container ruler-icon-container"
style="display: none;">
<div align="center">
<span class="icon-
3"></span>
</div>
</div>
<div class="component-icon-
container protactor-icon-container"
style="display: none;">
<div align="center">
<span class="icon-
4"></span>
</div>
</div>
<div class="component-icon-
container selectmark_tool tooltipstered"
style="display: none;">
<div align="center">
<span
class="selectmark"></span>
</div>
</div>
<div class="component-icon-
container zoom-icon-container"
title="Zoom"
style="display: none;">
<div align="center">
<span class="icon-
5"></span>
</div>
</div>
<div class="component-icon-
container zoomin-icon-container"
style="display: none;">
<div align="center"
class="zoominCursor">
<span class="icon-
6"></span>
</div>
</div>
<div class="component-icon-
container zoomout-icon-container"
style="display: none;">
<div align="center"
class="zoomoutCursor disableCursor">
<span class="icon-
9"></span>
</div>
</div>
<div class="component-icon-
container calculator-icon-container"

onclick="loadCalculator()" style="display: none;">


<div align="center">
<span class="icon-
0"></span>
</div>
</div>
</div>
</div>
<div class="section-timepanel">
<div class="section-details"
id="sectionsField">
<span
class="sect"><b>Sections</b> </span><span

id="showOptionalSecSummary" style="display: none">


[Attempt any <span
id="maxOptSec"></span>&nbsp;of the <span

id="noOptSec"></span>&nbsp;optional sections]
</span>
</div>
<div class="time-details">
<div id="showTime"
style="float: right;">&nbsp;</div>
</div>
</div>
<div class="subject-selection">
<div class="subject-arrow-left-
disabled"></div>
<div id="sections"></div>
</div>
<div class="subject-section-rightarrow">
<div class="subject-arrow-right-
disabled"></div>
</div>
<div class="clear"></div>

</div>
</div>

<div class="question_description_number_panel"
id="rightDivision">
<div class="Rght_Section column" id="col2">
<div class="collapsebel_panel">
<span class="collapse_icon"></span>
<div
class="diff_type_notation_area_outer">
<div
class="diff_type_notation_area_inner">
<div
class="notation_type_description">
<div
class="notation_typeDiv leftdiv_notation">
<span
class="answered answeredCount" id=""></span> <span
class="type_title answeredLabel longtext-hide" id=""> Answered </span>
</div>
<div
class="notation_typeDiv">
<span
class="not_answered notAnsweredCount" id=""></span> <span

class="type_title notAnsweredLabel longtext-hide" id=""> Not

Answered </span>
</div>

<div
class="clear"></div>
<div
class="notation_typeDiv leftdiv_notation">
<span
class="not_visited notVisitedCount" id=""></span> <span

class="type_title notVisitedLabel longtext-hide" id="">Not Visited


</span>
</div>
<div
class="notation_typeDiv MarkForReviewDiv">
<span
class="review markedCount" id=""></span> <span

class="type_title markedLabel longtext-hide" id=""> Marked for

Review</span>
</div>

<div
class="clear"></div>
<div

class="notation_typeDiv answered_review_container review_mark"


id="">
<span
class="review_marked markedReviewCount" id=""></span>
<span
class="type_title markedAndAnsweredLabel" id="">Answered
&
Marked for Review</span>
</div>
<div

class="notation_typeDiv answered_review_container review_answer"


id="">
<span
class="review_answered markedAnsweredCount" id=""></span>
<span
class="type_title markedAndAnsweredLabel" id="">Answered
&
Marked for Review</span>
</div>
<div
class="clear"></div>
</div>
</div>
</div>
<div class="rightSectionDiv"
id="rightSectionDiv1">

<div class="content"></div>
</div>
<div class="rightSectionDiv"
id="rightSectionDiv2">
<div class="header">
&nbsp;<span
class="viewSection"><b></b> </span>
</div>
<div class="subheader"
id="chooseQuestion">Choose a
Question</div>
<div class="content nano"
id="question_area"
style="height: 200px;">
<div
class="question_area nano-content">
<div
class="numberpanelQues"></div>
</div>
</div>
</div>
<div id="typingInstDiv"
class="rightContainerText"
style="display: none;
overflow: auto">
<div class="viewSection">
<span
id="viewingSect"></span>&nbsp;<b></b>&nbsp;<span

class="sect"></span>
</div>
<div id="dataDisplayDiv"
style="display: none"></div>
<div class="question_area1">
<div
class="question_area1">

<div>
<div
class='keyStrokesCount'>
<span
class="keyStrokesCountTd">Keystrokes Count</span><span>:</span><span

class="totalKeyStrokesCount"></span>
</div>
<div
class="textRight errorCount">
<span
class="errorCountTd">Error Count</span><span>:</span><span

class="errorCountValue"></span>
</div>
<div
class="textRight backspaceCount">
<span
class="backspaceCountTd">Error Count</span><span>:</span><span

class="backspaceCountValue"></span>
</div>
<div
class='totalCount'>
<span
class="totalWordCount">Total Word Count</span><span>:</span><span

class="totalWordCountVal"></span>
</div>
<div
class='typedCount'>
<span
class="typedWordCount">Typed Word Count</span><span>:</span><span

class="typedWordCountVal"></span>
</div>
<div
class='remainingCount'>
<span
class="remainingWordCount textRight" class="">Pending

Word Count</span><span>:</span><span

class="remainingWordCountVal"></span>
</div>
</div>
<br>
<div
id="typingInstruSpan">

<b>Instructions</b>
</div>
<div
id="restrictedInstr" style="margin-top: 10px;">
<div>
<!--
<span style="vertical-align:top"><b>1.</b></span> -->

<span>&nbsp;</span><span id="resInstru1">Type the

highlighted character to proceed further.</span>


</div>
<div>
<!--
<span style="vertical-align:top"><b>2.</b></span> -->

<span>&nbsp;</span><span id="resInstru2">You cannot

edit the typed text.</span>


</div>
<div>
<!--
<span style="vertical-align:top"><b>3.</b></span> -->

<span>&nbsp;</span><span id="resInstru3">You are not


allowed to submit before typing the entire text.</span>
</div>
<div>
<!--
<span style="vertical-align:top"><b>4.</b></span> -->

<span>&nbsp;</span><span id="resInstru4">On timeout,

your answer will be saved automatically.</span>


</div>
</div>
<div
id="unrestrictedInstr"

style="display: none; margin-top: 10px">


<div>
<!--
<span style="vertical-align:top"><b>1.</b></span> -->

<span>&nbsp;</span><span id="unresInstru1">Type the

highlighted word.</span>
</div>
<div
class="unresInstru2">
<!--
<span style="vertical-align:top"><b>2.</b></span> -->

<span>&nbsp;</span><span id="unresInstru2">You can

edit the typed text.</span>


</div>
<div
class="unresInstru3">
<!--
<span style="vertical-align:top"><b>3.</b></span> -->

<span>&nbsp;</span><span id="unresInstru3">Correct/Wrong

words turn Green/Red respectively.</span>


</div>
<div>
<!--
<span style="vertical-align:top"><b>4.</b></span> -->

<span>&nbsp;</span><span id="unresInstru4">You are

not allowed to submit before typing the entire text.</span>


</div>
<div>
<!--
<span style="vertical-align:top"><b>5.</b></span> -->

<span>&nbsp;</span><span id="unresInstru5">On

timeout, your answer will be saved automatically.</span>


</div>
</div>
<div
id="stanographyInstr"

style="display: none; margin-top: 10px">


<div>
<!--
<span><b>1.</b></span> -->

<span>&nbsp;</span><span id="stanographyInstr1">You

can edit the typed text.</span>


</div>
<div>
<!--
<span><b>2.</b></span> -->

<span>&nbsp;</span><span id="stanographyInstr2">You

are not allowed to submit before typing the entire text.</span>


</div>
<div>
<!--
<span><b>3.</b></span> -->

<span>&nbsp;</span><span id="stanographyInstr3">On

timeout, your answer will be saved automatically.</span>


</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!--Center Container Ends-->
<div class="Questn_Area" id="Questn_Area">
<span class="expand_icon"></span>
<!--<div class="Questn_Innr_Div " >
<div id="questionCont" >-->

<div id="currentQues"></div>

<div class="buttons-div">
<div class="Bttn_Area" id="Bttn_Area2">
<div class="finalSubmit"
id="submitTD " align="">
<input type="button"
class="btn btn-primary-
blue auditlogButton" id="finalSubmit"

onclick="submitConfirmation('submit')" value="Submit"
title="Submit Group"
disabled />
</div>
<div class="save_buttoncontainer">

<input type="button"
id="reset" onclick="resetProgramming()"
class="progrmngBtn btn
btn-primary auditlog reset"
value="Reset"
style="display: none;" /> <input type="button"
id="saveProgram"
onclick="fnSubmit('NEXT')"
class="progrmngBtn btn
btn-primary auditlogSaveAndNext auditlog saveProgram"
value="" style="display:
none" /> <input type="button"
id="previousBtnGroup"

onclick="fnsubmitGroupQuestion('PREVIOUS')"
class=" btn btn-primary
auditlog previousBtnGroup"
value="Previous"
style="display: none" /> <input type="button"
id="previousBtn"
onclick="fnSubmit('PREVIOUS')"
class=" btn btn-primary
auditlog previousBtn"
value="Previous"
style="display: none" /> <input type="button"
style="margin-left: 5px;
display: none; line-height: 33px"
id="savenextGroup"
onclick="fnsubmitGroupQuestion('NEXT')"
class="groupBtn btn btn-
primary-save btnEnabled auditlog savenextGroup"
value="" /> <input
type="button"
style="margin-left: 5px;
display: none; line-height: 33px"
id="savenext"
onclick="fnSubmit('NEXT')"
class="normalBtn btn
btn-primary-save btnEnabled auditlog savenext"
value="" />

</div>
<div
class="other_buttoncontainerGrp">

<input type="button"
onclick="fnsubmitGroupQuestion('MARK')"
id="underreviewGrp"
class="normalBtn btn
btn-primary auditlog underreviewGrp"
value="Mark for Review &
Next"
style="display: none;
margin-left: 1%" /> <input type="button"
id="clearResponseGrp"
onclick="resetOptionGrp()"
class="normalBtn btn
btn-primary auditlog clearResponseGrp"
value="Clear Response"
style="display: none; margin-left: 2px; margin-right: 2px" />
<input type="button"
id="reportissue"
class="btn btn-primary
reportissues " onclick="reportissue(this,'')"
value="Mark as
Irrelevant" style="display:none;
margin-left: 1%" />

</div>

<div class="other_buttoncontainer">
<input type="button"
onclick="fnSubmit('MARK')"
id="underreview"
class="normalBtn btn
btn-primary auditlog underreview"
value="Mark for Review &
Next"
style="display: none;
margin-left: 1%" /> <input type="button"
id="clearResponse"
onclick="resetOption()"
class="normalBtn btn
btn-primary auditlog clearResponse"
value="Clear Response"
style="display: none;" />
<input type="button"
id="reportissue"
class="btn btn-primary
reportissues " onclick="reportissue(this,'')"
value="Mark as
Irrelevant" style="display:none;
margin-left: 1%" />
<!--<a class="btn btn-
primary mark_irrelevant" id="reportissue" href="#nogo" ><span>Mark as
Irrelevant</span></a> --->
<!-- <input type="button"
id="clearResponseGroup" onclick = "cnfPop('ClearPopup')" class="groupBtn btn btn-
primary auditlog clearResponseGroup" value="" style="display:none;margin-
left:5px;"/> -->
<input type="button"
onclick="compileCode();"
id="compileCodeBtn"
class="progrmngBtn btn
btn-primary auditlog compileCodeBtn"
value="Compile"
style="display: none; margin-left: 1%" /> <input
type="button"
onclick="executeCode();" id="submitCodeBtn"
class="progrmngBtn btn
btn-primary btn-primary-blue btnEnabled auditlog submitCodeBtn"
value="Submit"
style="display: none" />

</div>
<div id="typingSubmit"
class="typingSubmit"
style="display: none; text-
align: center;">
<span id="submitTD"
width="100%;"><input type="button"

class="typingTestButtonDisabled btn btn-primary-blue auditlogButton"


id="finalTypingSub"

onclick="fnSubmit('NEXT');calculateEllapsedTime();submitConfirmation('submit');acti
veLink(this.id);"
value="Submit"
title="Submit Group" disabled /></span>
</div>
</div>
<div class="clear"></div>
</div>
<!--</div>
</div>-->
</div>
<div id="sectionSummaryDiv"></div>
<div id="breakTimeDiv" style="display: none"
align="center">
<div id="breakContentDiv" style="">
<div id="breakTimeCountDiv">
<div style="width: 100%;"
id="breakTimeCounter">&nbsp;</div>
</div>
<div id="breakSummaryDiv" style="height:
90%"></div>
</div>
<div id="brkPrcdBtnDiv" class='buttonDiv'>
<input id="proceedToNextGrp"
onclick='submitGroup()'
type='button' class='btn btn-
primary'
value='Proceed to Next Group' />
</div>
<div class="clear"></div>
</div>
<div id="instruTimeDiv" class="preGrpInstruL">
<div class="titlepath preGrpInst">Group
Instructions</div>
<div id="mobPreGrpInstru"
class="instruTimeCounter">&nbsp;</div>
<div id="instruContentDiv"
style="border-bottom: 1px solid #c3c3c1;
overflow: auto">
<div id="instView">
<span class="viewIn">View In :
</span>&nbsp; <select
id="grpInst"
onchange="changeGrpInst(this.value)"></select>
</div>
<div id="InstruContent"
class="preGrpinstruContent"></div>
</div>
<div id="instruPrcdBtnDiv" class='buttonDiv'>
<input id="proceedToGrp" type='button'
class='btn btn-primary'
value='Proceed to Next' />
</div>
<div class="clear"></div>
</div>
<div id="instruright" class="preGroupInstR">
<div class="instruTimeCountDiv">
<div
class="instruTimeCounter">&nbsp;</div>
</div>
<div style="height: 107px; position: relative">
<div style="text-align: center">
<img class="candidateImg"
src="images/NewCandidateImage.jpg"
width="94" align="absmiddle"
height="101">
<div id="Username"
class="candOriginalName" title="John Smith ">John
Smith</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="loadCalc"
style="display: none; position: fixed; z-index:
999; padding-top: 1%;"></div>
</div>
<div id="scoreCardDiv" style="display: none"
align="center">
<div id="scoreSummaryDiv"></div>
<div id="scoreCardBtnDiv" style="text-align:
center;">
<input onclick='moveToFeedback();'
id="scoreCardPrcdBtn"
type='button' class='btn btn-primary'
value='Proceed' />
</div>
<div class="clear"></div>
</div>
<!-- Buttons for tab -->

<div class="buttons-div btntab">


<div class="save_buttoncontainer_2">
<input type="button"
class="btn btn-primary-blue sve_nxt
auditlogButton"
onclick="submitConfirmation('submit')"
value="Submit"
title="Submit Group"
id="finalSubmitMbl"></input> <input
type="button"
class="groupBtn btn btn-primary-blue
sve_nxt lst auditlog savenextGroup"
style="display: none;"
id="savenextGroupMbl"

onclick="fnsubmitGroupQuestion('NEXT')"></input> <input
type="button"
class="progrmngBtn btn btn-primary-orange
sve_nxt auditlogSaveAndNext auditlog saveProgram lst"
style="display: none; color: #fff"
onclick="fnSubmit('NEXT')"
id="saveProgramMbl"></input> <input
type="button"
class="normalBtn btn btn-primary-blue
sve_nxt lst auditlog savenext"
id="savenextMbl" style="display: none;"
onclick="fnSubmit('NEXT')"></input>
<div id="typingSubmitMbl" class="typingSubmit"
style="display: none; text-align:
center;">
<input type="button"
class="btn btn-primary-blue sve_nxt
lst typing auditlogButton "

onclick="fnSubmit('NEXT');calculateEllapsedTime();submitConfirmation('submit');acti
veLink(this.id);"
value="Submit" title="Submit Group"
disabled /></input>
</div>

</div>

<div class="mob_save">
<div class="other_buttoncontainer">
<input type="button"
class="normalBtn btn btn-primary
reset-btn auditlog clearResponse"
onclick="resetOption()"
value="Clear Response"
id="clearResponseMbl"
style="display: none; margin-left:
2px; margin-right: 2px"></input>
<input type="button"
class="progrmngBtn btn btn-primary
reset-btn auditlog "
onclick="resetProgramming()"
value="Reset"
style="display: none;"
id="resetMbl"></input>
<input type="button"
id="clearResponseGrpMb1"
onclick="resetOptionGrp()"
class="btn btn-primary
auditlog clearResponseGrp"
value="Clear Response"
style="display: none; margin-left: 2px; margin-right: 2px" />
<input type="button"
id="reportissue"
class="btn btn-primary
reportissues " onclick="reportissue(this,'')"
value="Mark as
Irrelevant" style="display:none;
margin-left: 1%" />
</div>

<div class="save_buttoncontainer">
<input type="button"
class="btn btn-primary skip-btn
auditlog previousBtnGroup"

onclick="fnsubmitGroupQuestion('PREVIOUS')"
id="previousBtnGroupMbl"
value="Previous" style="display: none"></input>
<input type="button"
onclick="fnsubmitGroupQuestion('MARK')"
id="underreviewGrpMb1"
class="btn btn-primary
auditlog underreviewGrp"
value="Mark for Review &
Next"
style="display: none;
margin-left: 1%" />
<input type="button"
class="btn btn-primary skip-btn
auditlog previousBtn"
onclick="fnSubmit('PREVIOUS')"
id="previousBtnMbl"
value="Previous" style="display:
none"></input> <input
type="button"
class="normalBtn btn btn-primary
auditlog underreview"
onclick="fnSubmit('MARK')"
id="underreviewMbl"
value="Mark for Review & Next"
style="display: none;"></input> <input
type="button"
class="progrmngBtn btn btn-primary
reset-btn auditlog compileCodeBtn"
onclick="compileCode()"
value="Compile" style="display: none;"></input>
<input type="button"
class="progrmngBtn btn btn-primary
auditlog submitCodeBtn"
onclick="executeCode()"
value="Submit" style="display: none;"></input>
</div>
</div>

<div class="clear"></div>

</div>

<!-- Buttons for tab -->


<div class="overlaymenu"></div>
</div>
</div>
</div>
<!-- Container Ends---->
<!-- Footer Starts ---->
<div id="footer">
<center>
<div class="footerCopywright">
<!-- Copyright &copy; 2015 Tata Consultancy Services | <a
href="http://www.tcsion.com/dotcom/TCSSMB/Login/terms_of_use.html"
target="_blank">Terms of Use</a> | <a
href="http://www.tcsion.com/dotcom/TCSSMB/Login/privacy_policy.html"
target="_blank">Privacy Policy</a> | -->
Version 2.3
</div>
<!-- <div class="footerTataLogo"><img src="images/tata-
logo.png" /></div> -->
</center>
<div class="clear"></div>
</div>
<!-- Footer Ends ---->
</div>
<div class="clear"></div>

<!---Popup Content Starts -->


<div class="portlet" id="hiddenModal1" style="display: none;">
<div class="portlet_topper">
<div class="popupheader sysInstruLabel"
id="Instruction1">Instruction</div>
<div class="arrowplace">
<a onclick="tb_remove();removeActiveLinks()"
id="closeInstru">Close</a>
</div>
</div>
<div class="popup_content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div class="content"
id="instructionsDiv"
style="/* height: 445px; */">
<div style="height: 100%; padding-top:
5px" id="quizInstruDiv">

<!--<div id="firstPage"
style="padding:2px">
<span style="float:right;display:none;"><span
class="viewIn">View In : </span><select id="basInst"
onchange="changeSysInst(this.value,'sysInstText','cusInstText')"></select></span>
<br/>
<br/>
</div>
<br/>
<br/>
<center><span><b><font size="4em" color="#2F72B7"
class="otherInstruLabel">Other Important Instructions</font></b></span></center>
<div id="secondPagep1" style="padding:2px">
<span style="float:right;display:none;"><span
class="viewIn">View In : </span><select id="cusInst"
onchange="changeSysInst(this.value,'cusInstText','sysInstText')"></select></span>
<br/>
<br/>
</div>-->

</div>
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="portlet" id="hiddenModal3" style="display: none;">
<div class="portlet_topper">
<div class="popupheader" id="questionP">Question Paper</div>
<div class="arrowplace">
<a onclick="tb_remove();removeActiveLinks()" title="Close"
id="questionPclose">Close</a>
</div>
</div>
<div class="popup_content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div class="content" id="QPDiv"
style="/* height: 445px; */">
<div class="viewQPDiv" style=""></div>
</div></td>
</tr>
</table>
</div>
</div>
<div class="portlet" id="hiddenModal5" style="display: none;">
<div class="portlet_topper">
<div class="popupheader preGrpInst" id="grpInstruction">Group
Instructions</div>
<div class="arrowplace">
<a onclick="tb_remove();removeActiveLinks()" title="Close"
class="popClose">Close</a>
</div>
</div>
<div class="popup_content" style="overflow: auto">
<div style="overflow: auto">
<div class="instView">
<span class="viewIn">View In :
</span>&nbsp; <select
class="grpInst"
onchange="changeGrpInst(this.value)"></select>
</div>
<div class="viewInstructionsDiv
preGrpinstruContent"></div>
</div>
</div>
</div>
<div class="portlet" id="hiddenModal6" style="display: none;">
<div class="portlet_topper">
<div class="popupheader preSecInst" id="grpInstruction">Section
Instructions</div>
<div class="arrowplace">
<a onclick="tb_remove();removeActiveLinks()" title="Close"
id="popCloseSecInstru">Close</a>
</div>
</div>
<div class="popup_content" style="overflow: auto">
<div style="overflow: auto">
<div class="instView">
<span class="viewIn">View In :
</span>&nbsp; <select
class="secInst"
onchange="changeSecInst(this.value)"></select>
</div>
<div class="viewInstructionsDiv
preGrpinstruContent"></div>
</div>
</div>
</div>

<!-- <div class="portlet" id="hiddenModal5" style="display: none;">


<div class="portlet_topper">
<div class="popupheader">Question Paper</div>
<div class="arrowplace"><a href=#
onclick="tb_remove();removeActiveLinks()">Close</a> </div>
</div>
<div class="popup_content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div class="content" id="QPDiv">
<div id="viewQPDiv" style="" >
</div>
</div>
</td>
</tr>
</table>
</div>
</div>-->
<div class="portlet" id="hiddenModal4" style="display: none;">
<div class="portlet_topper">
<div class="popupheader UF">Useful Info</div>
<div class="arrowplace">
<a onclick="tb_remove();removeActiveLinks()">Close</a>
</div>
</div>
<div class="popup_content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div class="content"
id="sectionSummary"
style="height: 435px;"></div></td>
</tr>
</table>
</div>
</div>
<div class="portlet" id="hiddenModal2" style="display: none;">
<div class="portlet_topper">
<div class="popupheader" id="profilePop">Profile</div>
<div class="arrowplace">
<a onclick="tb_remove();removeActiveLinks()"
id="profileClose">Close</a>
</div>
</div>
<div class="popup_content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div class="userimage">
<img width="94" height="101"
align="absmiddle"
class="candidateImg" />
</div>
<div class="content" id="profileDiv">
<table width="200" border="0"
cellspacing="0" cellpadding="10"
class="candidateDetailstbl">
<tbody>
<!--<tr
class="mockLoginIdSpan" style="display: none">
<td width="27%"
align="right" id="login"
class="head1
loginName"></td>
<td
align="left">:<strong> <span

class="mockCandId">11111</span></strong></td>
</tr>
<tr
class="assessmentCandidateIdSpan" style="display: none">
<td width="27%"
align="right" class="head1 CandidateIdText"
id=""></td>
<td
align="left">:<strong> <span

class="candId"></span></strong></td>
</tr>
<tr>
<td width="27%"
align="right" class="head1 candName" id="">Name
</td>
<td
align="left">:<strong> <span

class="candOrigName"></span></strong></td>
</tr>

<tr class="DOBSpan"
style="display: none">
<td align="right"
class="head1 dobText" id="">Date Of
Birth</td>
<td
align="left">:<strong> <span class="dob"></span></strong></td>

</tr>

<tr class="LoginIdSpan"
style="display: none">
<td align="right"
class="head1 loginIdText" id="">Login
Id</td>
<td
align="left">:<strong> <span class="loginId"></span></strong></td>

</tr>
<tr class="EmailIdSpan"
style="display: none">
<td align="right"
class="head1 emailIdText">Email Id</td>
<td
align="left">:<strong> <span class="emailId"></span></strong></td>

</tr>
<tr class="ContactNumSpan"
style="display: none">
<td align="right"
class="head1 contactNoText" id="">Contact
Number</td>
<td
align="left">:<strong> <span

class="contactNo"></span></strong></td>
</tr>
<tr
class="multilingualDropdown" style="display: none">
<td class="cngLang
head1" align="right">Change Language
:</td>
<td>: <select
align="right" id="languageSelect"

onchange="selLang(this.value);"

onmousedown="if(this.options.length>8){this.size=8;}"

onchange='this.size=0;' onclick="this.size=0;"></select>
</td>
</tr>
<tr id="defaultLangDropdown"
style="display: none">
<td class="cngDefLang
head1" align="right">Change QP
Language :</td>
<td>: <select
align="right" id="defaultSelectedLanguage"

onchange="changeDefaultLang(this.value);"

onmousedown="if(this.options.length>8){this.size=8;}"

onchange='this.size=0;' onclick="this.size=0;"></select>
</td>
</tr> -->
</tbody>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
<!--profile div starts-->
<div class="courseInfoPop">

<table class="candidateDetailstbl">
<tbody>
<tr class="mockLoginIdSpan" style="display: none">
<td align="right" id="login" class="head1
loginName"></td>
<td align="left">:<strong> <span
class="mockCandId">11111</span></strong></td>
</tr>
<tr class="assessmentCandidateIdSpan" style="display:
none">
<td align="right" class="head1 CandidateIdText"
id=""></td>
<td align="left">:<strong> <span
class="candId"></span></strong></td>
</tr>
<tr>
<td align="right" class="head1 candName"
id="">Name</td>
<td align="left">:<strong> <span

class="candOrigName"></span></strong></td>
</tr>

<!-- <tr class="DOBSpan" style="display: none">


<td align="right" class="head1 dobText" id="">Date Of
Birth</td>
<td align="left">:<strong> <span
class="dob"></span></strong></td>

</tr> -->

<tr class="LoginIdSpan" style="display: none">


<td align="right" class="head1 loginIdText"
id="">Login Id</td>
<td align="left">:<strong> <span
class="loginId"></span></strong></td>

</tr>
<tr class="EmailIdSpan" style="display: none">
<td align="right" class="head1 emailIdText">Email
Id</td>
<td align="left">:<strong> <span
class="emailId"></span></strong></td>

</tr>
<!-- <tr class="ContactNumSpan" style="display: none">
<td align="right" class="head1 contactNoText"
id="">Contact
Number</td>
<td align="left">:<strong> <span
class="contactNo"></span></strong></td>
</tr> -->
<tr class="multilingualDropdown" style="display: none">
<td class="cngLang head1" align="right">Change
Language :</td>
<td>: <select align="right" id="languageSelect"
onchange="selLang(this.value);"
onmousedown="if(this.options.length>8)
{this.size=8;}"
onchange='this.size=0;'
onclick="this.size=0;"></select>
</td>
</tr>
<tr id="defaultLangDropdown" style="display: none">
<td class="cngDefLang head1" align="right">Change QP
Language
:</td>
<td>: <select align="right"
id="defaultSelectedLanguage"
onchange="changeDefaultLang(this.value);"
onmousedown="if(this.options.length>8)
{this.size=8;}"
onchange='this.size=0;'
onclick="this.size=0;"></select>
</td>
</tr>
</tbody>
</table>
</div>

<!-- mobile popup -->


<div class="mpop">
<a class="iconRemoveSign">&times;</a>
<div class="mContent">
</div>
</div>
<div class="mpop1">
<a class="iconRemoveSign" id="popUpRemoveSecInstru">&times;</a>
<div class="mContent">
</div>
</div>

<!---------------------Popup Content Ends ----------------------->


<div class="overlay" style="display: none;"></div>
<div class="overlayForInterruption" style="display: none;"></div>
<!-------- warning popup starts --------------->
<div class="warningPopup" id="warningPopup">
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl" id="warning">Warning</div>
<a class="fRight popCloseSubmitWarning" id="closeSubmitWarning"
onclick="isOkClickedWarning()">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<span style="display: block;"><img src="images/warning-icon.png"
style="margin-right: 10px;" class="warning-icon" /></span>
<span class="warning-lbl" id="proctorMessage"
style="display:none"></span>
<span class="warning-lbl" id="seterror"
style="display:none"></span>

</div>
<div class="cnfPopBtnPnl">
<a class="greenBtn cnfPopNo1 Ok"
onclick="isOkClickedWarning()">Ok</a>
</div>
</div>
<!----------

<!-------- added by sudhir ----------->


<!-------- warning popup starts --------------->
<div class="mark_irr_popup" style="display:none;">
<div class="pop-up-header" style="">Mark as Irrelevant <a href="#close" aria-
hidden="true" title="Close" class="pop-up-close-trigger"></a></div>

<div class="popup_body">
<div class="irr_txt">Select a category to mark question as irrelevant</div>

<select class="irr_types_drpdown" id="irr_types">


<option> Option 1</option>
<option> Option 2</option>
<option> Option 3</option>
<option> Option 4</option>
</select>
</div>
<div class="btn_cont">
<button class="btn btn-primary btn_yes submitissuecls" id="submitissue"
onclick="submitissue(this)"> Submit </button>
<button class="btn btn-primary btn_cncel"> Cancel </button>
</div>

</div>
<!----------
<!---------------------Popup Content Ends ----------------------->
<!-------- info popup starts --------------->
<div class="confrmPopup" id="InfoPopup">
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info infoLabel">Info</div>
<a class="fRight popClose">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<span style="display: block;"><div><img src="images/info.gif"
style=" margin-right: 10px;" class="info-icon"/></span><span id="infoMsg2"
class="info-lbl" style="vertical-align: middle;margin-left: 33px;display: inline-
block;margin-top: 3px;"></span></div>
</div>
<div class="cnfPopBtnPnl">
<a class="greenBtn cnfPopNo Ok">Ok</a>
</div>
</div>
<!-------- info popup ends --------------->
<!-------- FileUpload popup starts --------------->
<div class="confrmPopup" id="fileUploadPopup" style="width: 900px;">
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info infoLabel">Info
</div>
<a class="fRight popClose">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy" style="max-height: 500px; overflow: auto">
<span id="infoMsg3" class="info-lbl"></span>
</div>
<div class="cnfPopBtnPnl">
<a class="greenBtn cnfPopNo Ok">Ok</a>
</div>
</div>
<!-------- FileUpload popup ends --------------->
<!-------- submit popup ends --------------->
<div class="confrmPopup" id="SubmitPopup">
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info infoLabel">Info
</div>
<a class="fRight popClose" onclick='submitMock("")'>Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<span style="display: block;"><img src="images/info.gif"
style="margin-right: 10px;" class="info-icon"/ ></span>
<span id="submitMsg" class="info-lbl" style="vertical-align:
middle; margin-left: 33px; display: inline-block; margin-top: -25px;"></span>
</div>
<div class="cnfPopBtnPnl">
<a class="greenBtn Ok" onclick='submitMock("")'>Ok</a>
</div>
</div>
<!-------- submit popup ends --------------->
<!-------- saveBackup alert starts --------------->
<div class="confrmPopup" id="backupAlerts">
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info infoLabel">Info
</div>
<a class="fRight popClose closeButtonWindowClosePopup"
onclick="closeWindowOrRedirect()">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<span style="display: block;"><img src="images/info.gif"
style="margin-right: 10px;" class="info-icon" /></span>
<span id="backupAlertMsg" class="info-lbl" style="vertical-align:
middle; margin-left: 33px; display: inline-block; margin-top: -25px;"></span></br>
<span id="backupAlertMsgWindowClose" class="info-lbl"
style="vertical-align: middle; margin-left: 33px; display: none; margin-top:
-25px;">If the assessment player is not closed then please press<b> Right Shift +
Esc</b>.</span>
</div>
<div class="cnfPopBtnPnl okayOrNoButtonWindowClosePopup">
<a class="greenBtn Ok" onclick="closeWindowOrRedirect()">Ok</a>
</div>
</div>
<!-------- saveBackup alert ends --------------->
<!-------- Online submit popup ends --------------->
<div class="confrmPopup" id="submitOnlineAssessment">
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info infoLabel">Info</div>
<a class="fRight popClose"
onclick="submitOnlineAssessment()">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<span style="display: block;"><img src="images/info.gif"
style="margin-right: 10px;" class="info-icon"
/></span><span
id="submitOnlineMsg" class="info-lbl"
style="vertical-align: middle; margin-left: 33px; display:
inline-block; margin-top: -36px;"></span>
</div>
<div class="cnfPopBtnPnl">
<a class="greenBtn Ok" onclick="submitOnlineAssessment()"
style="vertical-align: middle;">Ok</a>
</div>
</div>
<!-------- Online submit popup ends --------------->
<!-------- Clear Response popup starts --------------->
<div class="confrmPopup" id="ClearPopup">
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info">Warning</div>
<a href="javascript:void(0)" class="fRight popClose">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<span style="display: block;"><img src="images/warning.gif"
style="margin-right: 10px;" class="info-icon"
/></span><span id="ClearMsg"
class="info-lbl"
style="vertical-align: middle; margin-left: 33px; display:
inline-block; margin-top: -25px;">Are
you sure you want to clear all responses in this section?
</span>
</div>
<div class="cnfPopBtnPnl">
<a href="javascript:void(0)" class="greenBtn cnfPopNo"
onclick='resetOptionGroup()'>Yes</a> <a
href="javascript:void(0)"
class="greenBtn cnfPopNo">No</a>
</div>
</div>
<!-------- Clear Response popup starts --------------->
<!-------- recording popup starts --------------->
<div class="confrmPopup" id="recordingLimitReachedPopup">
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info infoLabel">Info</div>
<a class="fRight popClose">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<span style="display: block;"><img src="images/info.gif"
style="margin-right: 10px;" class="info-icon"
/></span><span
id="recordingLimitReachedPopupMessage" class="info-lbl"
style="vertical-align: middle; margin-left: 33px; display:
inline-block; margin-top: -25px;">Limit
for recording response reached. Please click on save to
save your
response.</span>
</div>
<div class="cnfPopBtnPnl">
<a class="greenBtn cnfPopNo Ok">Ok</a>
</div>
</div>
<div class="confrmPopup" id="reRecordPopUp">
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info">Warning</div>
<a href="javascript:void(0)" class="fRight popClose">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<span style="display: block;"><img src="images/warning.gif"
style="margin-right: 10px;" class="info-icon"
/></span><span
id="reRecordPopUpMsg" class="info-lbl"
style="vertical-align: middle; margin-left: 33px; display:
inline-block; margin-top: -25px;">If
you start recording again and save, recording which is
already saved
by you will be overwritten. Are you sure you want to start
recording
again?</span>
</div>
<div class="cnfPopBtnPnl">
<a href="javascript:void(0)" class="greenBtn cnfPopNo Yes"
onclick='reStartRecording();'>Yes</a> <a
href="javascript:void(0)"
class="greenBtn cnfPopNo No">No</a>
</div>
</div>
<div class="confrmPopup" id="saveAndNextRecordingPopup">
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info">Warning</div>
<a href="javascript:void(0)" class="fRight popClose">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<span style="display: block;"><img src="images/warning.gif"
style="margin-right: 10px;" class="info-icon"
/></span><span
id="saveAndNextRecordingPopupMsg" class="info-lbl"
style="vertical-align: middle; margin-left: 33px; display:
inline-block; margin-top: -25px;">Your
recording won't get saved without clicking on save. Are you
sure you
want to move forward with out saving the current recording?
</span>
</div>
<div class="cnfPopBtnPnl">
<a href="javascript:void(0)" class="greenBtn cnfPopNo Yes"
onclick='saveAndNextRecording();'>Yes</a> <a
href="javascript:void(0)" class="greenBtn cnfPopNo
No">No</a>
</div>
</div>
<div class="confrmPopup" id="numberPanelRecordingPopup">
<input type="hidden" id="quesNo" name="quesNo" />
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info">Warning</div>
<a href="javascript:void(0)" class="fRight popClose">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<span style="display: block;"><img src="images/warning.gif"
style="margin-right: 10px;" class="info-icon"
/></span><span
id="numberPanelRecordingPopupMsg" class="info-lbl"
style="vertical-align: middle; margin-left: 33px; display:
inline-block; margin-top: -25px;">Your
recording won't get saved without clicking on save. Are you
sure you
want to move forward with out saving the current recording?
</span>
</div>
<div class="cnfPopBtnPnl">
<a href="javascript:void(0)" class="greenBtn cnfPopNo Yes"
onclick='navigateThroughNumberPanel();'>Yes</a> <a
href="javascript:void(0)" class="greenBtn cnfPopNo
No">No</a>
</div>
</div>
<div class="confrmPopup" id="sectionNavigationRecordingPopup">
<input type="hidden" id="secNumber" name="secNumber" />
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info">Warning</div>
<a href="javascript:void(0)" class="fRight popClose">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<span style="display: block;"><img src="images/warning.gif"
style="margin-right: 10px;" class="info-icon"
/></span><span
id="sectionNavigationRecordingPopupMsg" class="info-lbl"
style="vertical-align: middle; margin-left: 33px; display:
inline-block; margin-top: -25px;">Your
recording won't get saved without clicking on save. Are you
sure you
want to move forward with out saving the current recording?
</span>
</div>
<div class="cnfPopBtnPnl">
<a href="javascript:void(0)" class="greenBtn cnfPopNo Yes"
onclick='navigateToSection();'>Yes</a> <a
href="javascript:void(0)"
class="greenBtn cnfPopNo No">No</a>
</div>
</div>
<div class="confrmPopup" id="groupNavigationRecordingPopup">
<input type="hidden" id="grpNumber" name="grpNumber" />
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info">Warning</div>
<a href="javascript:void(0)" class="fRight popClose">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<span style="display: block;"><img src="images/warning.gif"
style="margin-right: 10px;" class="info-icon"
/></span><span
id="groupNavigationRecordingPopupMsg" class="info-lbl"
style="vertical-align: middle; margin-left: 33px; display:
inline-block; margin-top: -25px;">Your
recording won't get saved without clicking on save. Are you
sure you
want to move forward with out saving the current recording?
</span>
</div>
<div class="cnfPopBtnPnl">
<a href="javascript:void(0)" class="greenBtn cnfPopNo Yes"
onclick='navigateToGroup();'>Yes</a> <a
href="javascript:void(0)"
class="greenBtn cnfPopNo No">No</a>
</div>
</div>
<div class="confrmPopup" id="recordingUploadFailurePopup">
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info">Warning</div>
<a href="javascript:void(0)" class="fRight popClose">Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<img src="images/warning.gif" style="margin-right: 10px;"
class="info-icon" /><span
id="recordingUploadFailurePopupMsg"
class="info-lbl" style="vertical-align: middle;">Some Error
occured while uploading your response. Do you want to try
uploading
the response again?</span>
</div>
<div class="cnfPopBtnPnl">
<a href="javascript:void(0)" class="greenBtn cnfPopNo Yes"
onclick='reUploadBlob();'>Yes</a> <a
href="javascript:void(0)"
class="greenBtn cnfPopNo No">No</a>
</div>
</div>
<!-------- recording popup ends --------------->
<!-------- video call join popup for examiner --------------->
<div class="confrmPopup" id="joinVideoCallPopup">
<div class="cnfPopHdr">
<div class="cnfPopHdrLbl info">Info</div>
<a href="javascript:void(0)" class="fRight popClose
closeButtonWindowClosePopup" onclick='closeWindowOrRedirect();'>Close</a>
<div class="float-clear"></div>
</div>
<div class="cnfPopBdy">
<img src="images/warning.gif" style="margin-right: 10px;"
class="info-icon" /><span id="joinVideoCallPopupMsg"
class="info-lbl" style="vertical-align: middle;">Join the
video call to begin the group?</span>
</div>
<div class="cnfPopBtnPnl">
<a href="javascript:void(0)" class="greenBtn cnfPopNo Yes"
onclick='launchExaminerGroup("call");'>Yes</a> <a
href="javascript:void(0)"
onclick='closeWindowOrRedirect();' class="greenBtn cnfPopNo
No okayOrNoButtonWindowClosePopup">No</a>
</div>
</div>
<!-------- video call join popup for examiner ends --------------->
<!--Scratch Pad Starts Here-->
<div class="scratch-pad-container" style="width:inherit ; height:inherit">
<div class="scratch-pad-close" id="closeButton_scratchpad">X</div>
<div class="tools" >
<a href='#simple_sketch' data-tool="marker" data-color="#000000"
class="clickToSelectMarker"
title="Click to select Marker">Marker</a>
</div>
<canvas id="simple_sketch" width=800 height=300></canvas>
</div>
<script type="text/javascript">
function scratchPadiON(){
$('.scratch-pad-container .tools').append("<a href='#simple_sketch'
data-color='#fff' class='clickToSelectEraser' title='"+$
(globalXmlvar).find('clickToSelectEraser').text()+"' style='background: " + this +
";'>"+$(globalXmlvar).find('eraser').text()+"</a> ");
if ( jQuery.browser.msie ){
if($.browser.version == '7.0' || $.browser.version == '8.0'){
$('.scratch-pad-container .tools').append("<a
href='#simple_sketch' data-color='#000' style='width: 10px; background: #000;'></a>
");
}else{
$.each(['#f00', '#ff0', '#0f0', '#0ff', '#00f', '#f0f',
'#000'], function() {
$('.scratch-pad-container .tools').append("<a
href='#simple_sketch' data-color='" + this + "' style='width: 10px; background: " +
this + ";'></a> ");
});
}
}else{
$.each(['#f00', '#ff0', '#0f0', '#0ff', '#00f', '#f0f', '#000'],
function() {
$('.scratch-pad-container .tools').append("<a
href='#simple_sketch' data-color='" + this + "' style='width: 10px; background: " +
this + ";'></a> ");
});
}
$.each([3, 5, 10, 15], function() {
$('.scratch-pad-container .tools').append("<a
href='#simple_sketch' class='selectWidthOfTool' title='"+$
(globalXmlvar).find('widthOfTool').text()+"' data-size='" + this + "'
style='background: #ccc'>" + this + "</a> ");
});
$('#simple_sketch').sketch();
$('.clickToSelectMarker').html($(globalXmlvar).find('marker').text());
}

</script>
<!--Scratch Pad Ends Here-->
<script type="text/javascript">
$(function() {
$('.tabs-nav li a').live('click',function(){
var cur_href=$(this).attr('href');
$('.fragmentDiv').css('display','none');
$(this).parent().siblings('li').removeClass('tabs-
selected');
if(!($(this).parent().hasClass('tabs-selected'))){
$(this).parent().addClass('tabs-selected')
}
if(cur_href=="#fragment1"){
$('#fragment1').css('display','block');
}else{
$('#fragment2').css('display','block');
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {

$(window).on("keydown", function(e){
var charCode = e.charCode || e.keyCode || e.which;
//alert("keydown"+charCode);
if (charCode == 27 || charCode == 18 || charCode == 17 )
e.preventDefault();
// openScreenFullWindow();
});

$(window).on("keyup keypress", function(e){


var charCode = e.charCode || e.keyCode || e.which;
//alert("keyup keypress"+charCode);
if (charCode == 27 || charCode == 18 || charCode == 17 )
e.preventDefault();
// openScreenFullWindow();
});
/*try{
jQuery.event.trigger({ type : 'keypress', which : 27 });
}catch(e){
try{
jQuery.event.trigger({ type : 'keypress', keyCode : 27 });
} catch(e){
try{
jQuery.event.trigger({ type : 'keypress', charCode :
27 });
} catch(e){

}
}
}*/
$(document).on("click",".subject-name",function(){
$
(this).addClass("selectedsubject").siblings().removeClass("selectedsubject");
});
jQuery(document).on("click",".group-arrow-right",function(){
var getlastindex=jQuery(".group-
panel").find(".allSections:visible:last").index()+1;
var getfirstindex=jQuery(".group-
panel").find(".allSections:visible:first").index()+1;
while(getfirstindex != (getlastindex+1))
{
jQuery(".group-
panel").find(".allSections").eq(getfirstindex-1).hide();
getfirstindex++;
}
var calculategroupwidthcompare = $(window).width() - 275 - $
('.components-section').width();
var innerwidth=0;
getlastindex=getlastindex-1;
jQuery("#groups
.allSections:gt("+getlastindex+")").each(function(){
innerwidth += jQuery(this).outerWidth(true);
if(innerwidth<calculategroupwidthcompare)
{
jQuery(this).show();
}else{
return false;
}
});
jQuery(".group-arrow-left-disabled").attr("class","group-arrow-
left");
if(jQuery(".group-
panel").find(".allSections:last").is(":visible"))
jQuery(".group-arrow-right").attr("class","group-arrow-
right-disabled");
});

jQuery(document).on("click",".group-arrow-left",function(){
var calculategroupwidthcompare = jQuery(".group-
panel").outerWidth(true);
var innerwidth=0;

var getlastindex=jQuery(".group-
panel").find(".allSections:visible:last").index()+1;
var getfirstindex=jQuery(".group-
panel").find(".allSections:visible:first").index()+1;
while(getfirstindex != (getlastindex+1)){
jQuery(".group-
panel").find(".allSections").eq(getlastindex-1).hide();
getlastindex--;
}
var calculategroupwidthcompare = $(window).width() - 250 - $
('.components-section').width();
var innerwidth=0;
getfirstindex=getfirstindex-1;
$(jQuery("#groups
.allSections:lt("+getfirstindex+")").get().reverse()).each(function(){
innerwidth += jQuery(this).outerWidth(true);
if(innerwidth<calculategroupwidthcompare)
{
jQuery(this).show();
}else{
return false;
}
});
jQuery(".group-arrow-right-disabled").attr("class","group-arrow-
right");
if(jQuery(".group-
panel").find(".allSections:first").is(":visible"))
jQuery(".group-arrow-left").attr("class","group-arrow-left-
disabled");
});
jQuery(document).on("click",".subject-arrow-right",function(){
navSection = true;
var getlastindex=jQuery(".subject-selection").find(".subject-
name:visible:last").index()+1;
var getfirstindex=jQuery(".subject-selection").find(".subject-
name:visible:first").index()+1;
while(getfirstindex != (getlastindex+1)){
jQuery(".subject-selection .subject-
name").eq(getfirstindex-1).hide();
getfirstindex++;
}
var calculategroupwidthcompare = $(window).width() - 250;
var innerwidth=0;
getlastindex=getlastindex-1;
jQuery(".subject-selection .subject-
name:gt("+getlastindex+")").each(function(){
innerwidth += jQuery(this).outerWidth(true);
if(innerwidth<calculategroupwidthcompare)
{
jQuery(this).show();
}else{
return false;
}
});
jQuery(".subject-arrow-left-disabled").attr("class","subject-
arrow-left");
if(jQuery(".subject-selection").find(".subject-
name:last").is(":visible"))
jQuery(".subject-arrow-right").attr("class","subject-arrow-
right-disabled");
});
jQuery(document).on("click",".subject-arrow-left",function(){
navSection = false;
var calculategroupwidthcompare = jQuery(".subject-
selection").outerWidth(true);
var innerwidth=0;
var getlastindex=jQuery(".subject-selection").find(".subject-
name:visible:last").index()+1;
var getfirstindex=jQuery(".subject-selection").find(".subject-
name:visible:first").index()+1;
while(getfirstindex != (getlastindex+1)){
jQuery(".subject-selection").find(".subject-
name").eq(getlastindex-1).hide();
getlastindex--;
}
var calculategroupwidthcompare = $(window).width() - 250;
var innerwidth=0;
getfirstindex=getfirstindex;
getfirstindex=getfirstindex-1;
$(jQuery("#sections .subject-
name:lt("+getfirstindex+")").get().reverse()).each(function(){
innerwidth += jQuery(this).outerWidth(true);
if(innerwidth<calculategroupwidthcompare){
jQuery(this).show();
}else{
return false;
}
});
jQuery(".subject-arrow-right-disabled").attr("class","subject-
arrow-right");
if(jQuery(".subject-selection").find(".subject-
name:first").is(":visible"))
jQuery(".subject-arrow-left").attr("class","subject-arrow-
left-disabled");

});
jQuery(document).click(function(e){
if(!(jQuery(e.target).hasClass("subject_instruction_icon")))
jQuery(".subject_information_div").remove();
});
jQuery(document).on("click",".calculator-icon-container",function(){
if(jQuery(".calculator_div").css("display") == "block"){
jQuery(".component-icon-container").removeClass("component-
icon-container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
jQuery("#loadCalc").css("display","none");
}else{
jQuery(".protactor-div").css("display","none");
jQuery(".scratch-pad-container").css("display","none");
jQuery(".textarea-div").css("display","none");
jQuery(".ruler-div").css("display","none");
var getcalculatorposition=jQuery(this).offset();
var gettop=getcalculatorposition.top + jQuery(".nav-
container").height();
var getright=jQuery(window).width()-
(getcalculatorposition.left + jQuery(this).width());

jQuery(".calculator_div").css("right",getright).css("top",gettop).css("display","bl
ock");
jQuery(".component-icon-container").removeClass("component-
icon-container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
jQuery(this).addClass("component-icon-container-selected");
jQuery(this).find("span").addClass("icon-selected");
}
jQuery(".piconsscroll_box").css("display","none");
});
jQuery(document).on("click",".textarea-icon-container",function(){
if(jQuery(".textarea-div").css("display") == "block"){
jQuery(".textarea-div").css("display","none");
jQuery(".component-icon-container").removeClass("component-
icon-container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
}
else if( $(window).width()<1000 ){
jQuery(".protactor-div").css("display","none");
jQuery(".scratch-pad-container").css("display","none");
jQuery(".calculator_div").css("display","none");
jQuery(".ruler-div").css("display","none");

var offset=jQuery(this).offset();
//var gettop=offset.top +
jQuery(".grup_components").height();
var gettop = $(window).height() - $(".textarea-
div").height();
var actw=$(".textarea-div").width();
var textwidth=jQuery(window).width()-actw;
jQuery(".textarea-
div").css("left",textwidth/2).css("top",gettop/2).css("display","block");
}else{
jQuery(".protactor-div").css("display","none");
jQuery(".scratch-pad-container").css("display","none");
jQuery(".calculator_div").css("display","none");
jQuery(".ruler-div").css("display","none");
var getcalculatorposition=jQuery(this).offset();
var gettop=getcalculatorposition.top + jQuery(".nav-
container").height();
var getright=jQuery(window).width()-
(getcalculatorposition.left + jQuery(this).width());
jQuery(".textarea-
div").css("right",getright).css("top",gettop).css("display","block");
jQuery(".component-icon-container").removeClass("component-
icon-container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
jQuery(this).addClass("component-icon-container-selected");
jQuery(this).find("span").addClass("icon-selected");
}
jQuery(".piconsscroll_box").css("display","none");
});
jQuery(document).on("click","#clear-textarea",function(){
jQuery("#texteditor").val("");
});
jQuery(document).on("click",".textarea_close",function(){
jQuery(".textarea-div").hide();
jQuery(".component-icon-container").removeClass("component-icon-
container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
});
jQuery(document).on("click",".ruler_close",function(){
jQuery(".ruler-div").hide();
jQuery(".component-icon-container").removeClass("component-icon-
container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
});
jQuery(document).on("click",".protactor_close",function(){
jQuery(".protactor-div").hide();
jQuery(".component-icon-container").removeClass("component-icon-
container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
});
jQuery(document).on("click",".scratchpad-icon-container",function(){
if(jQuery(".scratch-pad-container").css("display") == "block"){
jQuery(".scratch-pad-container").css("display","none");
jQuery(".component-icon-container").removeClass("component-
icon-container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
}else if( $(window).width()<1000 ){
jQuery(".protactor-div").css("display","none");
jQuery(".calculator_div").css("display","none");
jQuery(".textarea-div").css("display","none");
jQuery(".ruler-div").css("display","none");
var offset=jQuery(this).offset();
var gettop=offset.top +
jQuery(".grup_components").height();
//var gettop = $(window).height() - $(".scratch-pad-
container").height(); alert(gettop);
var actw=$(".scratch-pad-container").width();
var textwidth=jQuery(window).width()-actw;
jQuery(".scratch-pad-
container").css("left",textwidth/2).css("top",gettop/2).css("display","block");
}else{
jQuery(".protactor-div").css("display","none");
jQuery(".calculator_div").css("display","none");
jQuery(".textarea-div").css("display","none");
jQuery(".ruler-div").css("display","none");
var getcalculatorposition=jQuery(this).offset();
var gettop=getcalculatorposition.top + jQuery(".nav-
container").height();
var getright=(jQuery(window).width()-
(getcalculatorposition.left + jQuery(this).width()))/2;
jQuery(".scratch-pad-
container").css("right",getright).css("top",gettop).css("display","block");
jQuery(".component-icon-container").removeClass("component-
icon-container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
jQuery(this).addClass("component-icon-container-selected");
jQuery(this).find("span").addClass("icon-selected");
}
jQuery(".piconsscroll_box").css("display","none");
});
jQuery(document).on("click",".scratch-pad-close",function(){
jQuery(".scratch-pad-container").hide();
jQuery(".component-icon-container").removeClass("component-icon-
container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
});
jQuery(document).on("click",".ruler-icon-container",function(){
if(jQuery(".ruler-div").css("display") == "block"){
jQuery(".ruler-div").css("display","none");
jQuery(".component-icon-container").removeClass("component-
icon-container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
}else{
var getcalculatorposition=jQuery(this).offset();
if( !( document.addEventListener ) )
var gettop=getcalculatorposition.top + jQuery(".nav-
container").height();
else
var gettop=getcalculatorposition.top + jQuery(".nav-
container").height();
var rulerleft=(jQuery(window).width() - jQuery(".ruler-
div").width())/2;
jQuery(".ruler-
div").css("left",rulerleft).css("top",gettop).css("display","block");
jQuery(".ruler-div").css("display","block");
jQuery(".component-icon-container").removeClass("component-
icon-container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
jQuery(this).addClass("component-icon-container-selected");
jQuery(this).find("span").addClass("icon-selected");
}
jQuery(".calculator_div").css("display","none");
jQuery(".protactor-div").css("display","none");
jQuery(".scratch-pad-container").css("display","none");
jQuery(".textarea-div").css("display","none");
jQuery(".piconsscroll_box").css("display","none");

});
jQuery(document).on("click",".protactor-icon-container",function(){
if(jQuery(".protactor-div").css("display") == "block"){
jQuery(".protactor-div").css("display","none");
jQuery(".component-icon-container").removeClass("component-
icon-container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
}else{
var getcalculatorposition=jQuery(this).offset();
var gettop=getcalculatorposition.top + jQuery(".nav-
container").height(); //205 is the height of protactor
var protactorleft=(jQuery(window).width() -
jQuery(".protactor-div").width())/2;
jQuery(".protactor-
div").css("left",protactorleft).css("top",gettop).css("display","block");
jQuery(".protactor-div").css("display","block");
jQuery(".component-icon-container").removeClass("component-
icon-container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
jQuery(this).addClass("component-icon-container-selected");
jQuery(this).find("span").addClass("icon-selected");
}
jQuery(".calculator_div").css("display","none");
jQuery(".scratch-pad-container").css("display","none");
jQuery(".textarea-div").css("display","none");
jQuery(".ruler-div").css("display","none");
jQuery(".piconsscroll_box").css("display","none");

});
var zoom = true;
jQuery(document).on("click",".zoomin-icon-container",function(){
if(zoom == true){
jQuery(".Ans_Area").addClass("ZeroLevelZoom");
zoom = false;
}
if(jQuery(".Ans_Area").hasClass("ZeroLevelZoom")){
jQuery(".SAAnswer").css("font-size","20px");
$(".leftDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()+10);
}
});
$(".rightDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()+10);
}
});

jQuery(".Ans_Area,.divHeader").removeClass("ZeroLevelZoom");
jQuery(".Ans_Area,.divHeader").addClass("FirstLevelZoom");
jQuery(".rightDiv").removeClass("ZeroLevelZoom");
jQuery(".rightDiv").addClass("FirstLevelZoom");
$('.zoomout-icon-container span').removeClass("icon-9");
$('.zoomoutCursor').removeClass("disableCursor");
$('.zoomout-icon-container span').addClass("icon-7");
if(typeof(iOAP.secDetails[iOAP.curSection].groupAllQuestions) != "undefined"
&& iOAP.secDetails[iOAP.curSection].groupAllQuestions != "" &&
iOAP.secDetails[iOAP.curSection].groupAllQuestions == "true" ){
jQuery("#quesOuterDiv").removeClass("ZeroLevelZoom");
jQuery("#quesOuterDiv").addClass("FirstLevelZoom");
$("#quesOuterDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()+10);
}
});
}
}
else if(jQuery(".Ans_Area").hasClass("FirstLevelZoom")){
jQuery(".SAAnswer").css("font-size","22px");
$(".leftDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()+10);
}
});
$(".rightDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()+10);
}
});

jQuery(".Ans_Area,.divHeader").removeClass("FirstLevelZoom");
jQuery(".Ans_Area,.divHeader").addClass("SecondLevelZoom");
jQuery(".rightDiv").removeClass("FirstLevelZoom");
jQuery(".rightDiv").addClass("SecondLevelZoom");
if(mockVar.storeCandResponse === 0){
$('.zoomin-icon-container span').removeClass("icon-
6");
$('.zoomin-icon-container span').addClass("icon-8");
$('.zoominCursor').addClass("disableCursor");
}

if(typeof(iOAP.secDetails[iOAP.curSection].groupAllQuestions) != "undefined"
&& iOAP.secDetails[iOAP.curSection].groupAllQuestions != "" &&
iOAP.secDetails[iOAP.curSection].groupAllQuestions == "true" ){

jQuery("#quesOuterDiv").removeClass("FirstLevelZoom");
jQuery("#quesOuterDiv").addClass("SecondLevelZoom");
$("#quesOuterDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()+10);
}
});
}
}
else if(jQuery(".Ans_Area").hasClass("SecondLevelZoom")){
if(mockVar.storeCandResponse != 0){
jQuery(".SAAnswer").css("font-size","24px");
$(".leftDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()+10);
}
});
$(".rightDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()+10);
}
});
$(".progImg").css("width",20);

jQuery(".Ans_Area,.divHeader").removeClass("SecondLevelZoom");
jQuery(".Ans_Area,.divHeader").addClass("ThirdLevelZoom");
jQuery(".rightDiv").removeClass("SecondLevelZoom");
jQuery(".rightDiv").addClass("ThirdLevelZoom");
$('.zoomin-icon-container span').removeClass("icon-6");
$('.zoomin-icon-container span').addClass("icon-8");
$('.zoominCursor').addClass("disableCursor");

if(typeof(iOAP.secDetails[iOAP.curSection].groupAllQuestions) != "undefined"
&& iOAP.secDetails[iOAP.curSection].groupAllQuestions != "" &&
iOAP.secDetails[iOAP.curSection].groupAllQuestions == "true" ){

jQuery("#quesOuterDiv").removeClass("SecondLevelZoom");
jQuery("#quesOuterDiv").addClass("ThirdLevelZoom");
$("#quesOuterDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()+10);
}
});
}
}
//jQuery(".zoomin-icon-container").hide();
}
jQuery(".protactor-div").css("display","none");
jQuery(".scratch-pad-container").css("display","none");
jQuery(".calculator_div").css("display","none");
jQuery(".ruler-div").css("display","none");
jQuery(".textarea-div").css("display","none");
});
jQuery(document).on("click",".zoomout-icon-container",function(){
if(jQuery(".Ans_Area").hasClass("FirstLevelZoom")){
//jQuery(".leftDiv").css("font-size","1.2em !important");
//jQuery(".rightDiv").css("font-size","1.2em !important");
jQuery(".SAAnswer").css("font-size","1em");

jQuery(".Ans_Area,.divHeader").removeClass("FirstLevelZoom");
jQuery(".Ans_Area,.divHeader").addClass("ZeroLevelZoom");
jQuery(".rightDiv").removeClass("FirstLevelZoom");
jQuery(".rightDiv").addClass("ZeroLevelZoom");
$(".leftDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()-10);
}
});
$(".rightDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()-10);
}
});
$('.zoomout-icon-container span').removeClass("icon-7");
$('.zoomout-icon-container span').addClass("icon-9");
$('.zoomoutCursor').addClass("disableCursor");
$('.zoomin-icon-container span').removeClass("icon-8");
$('.zoominCursor').removeClass("disableCursor");
$('.zoomin-icon-container span').addClass("icon-6");

if(typeof(iOAP.secDetails[iOAP.curSection].groupAllQuestions) != "undefined"
&& iOAP.secDetails[iOAP.curSection].groupAllQuestions != "" &&
iOAP.secDetails[iOAP.curSection].groupAllQuestions == "true" ){

jQuery("#quesOuterDiv").removeClass("FirstLevelZoom");
jQuery("#quesOuterDiv").addClass("ZeroLevelZoom");
$("#quesOuterDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()-10);
}
});
}
}
else if(jQuery(".Ans_Area").hasClass("SecondLevelZoom")){
jQuery(".SAAnswer").css("font-size","20px");
$(".leftDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()-10);
}
});
$(".rightDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()-10);
}
});
$(".progImg").css("width",20);

jQuery(".Ans_Area,.divHeader").removeClass("SecondLevelZoom");
jQuery(".Ans_Area,.divHeader").addClass("FirstLevelZoom");
jQuery(".rightDiv").removeClass("SecondLevelZoom");
jQuery(".rightDiv").addClass("FirstLevelZoom");
if(mockVar.storeCandResponse === 0){
$('.zoomin-icon-container span').removeClass("icon-
8");
$('.zoomin-icon-container span').addClass("icon-6");
$('.zoominCursor').removeClass("disableCursor");
}

if(typeof(iOAP.secDetails[iOAP.curSection].groupAllQuestions) != "undefined"
&& iOAP.secDetails[iOAP.curSection].groupAllQuestions != "" &&
iOAP.secDetails[iOAP.curSection].groupAllQuestions == "true" ){

jQuery("#quesOuterDiv").removeClass("SecondLevelZoom");
jQuery("#quesOuterDiv").addClass("FirstLevelZoom");
$("#quesOuterDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()-10);
}
});
}
}
else if(jQuery(".Ans_Area").hasClass("ThirdLevelZoom")){
jQuery(".SAAnswer").css("font-size","22px");
$(".leftDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()-10);
}
});
$(".rightDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()-10);
}
});
$(".progImg").css("width",20);

jQuery(".Ans_Area,.divHeader").removeClass("ThirdLevelZoom");
jQuery(".Ans_Area,.divHeader").addClass("SecondLevelZoom");
jQuery(".rightDiv").removeClass("ThirdLevelZoom");
jQuery(".rightDiv").addClass("SecondLevelZoom");
$('.zoomin-icon-container span').removeClass("icon-8");
$('.zoomin-icon-container span').addClass("icon-6");

if(typeof(iOAP.secDetails[iOAP.curSection].groupAllQuestions) != "undefined"
&& iOAP.secDetails[iOAP.curSection].groupAllQuestions != "" &&
iOAP.secDetails[iOAP.curSection].groupAllQuestions == "true" ){

jQuery("#quesOuterDiv").removeClass("ThirdLevelZoom");
jQuery("#quesOuterDiv").addClass("SecondLevelZoom");
$("#quesOuterDiv img").each(function(){
if(mockVar.MagnifyingGlass!= undefined &&
mockVar.MagnifyingGlass != 1){
$(this).css("width",$(this).width()-10);
}
});
}
}
jQuery(".protactor-div").css("display","none");
jQuery(".scratch-pad-container").css("display","none");
jQuery(".calculator_div").css("display","none");
jQuery(".ruler-div").css("display","none");
jQuery(".textarea-div").css("display","none");
});
jQuery(document).on("click","#closeButton",function(){
jQuery(".calculator_div").css("display","none");
jQuery(".component-icon-container").removeClass("component-icon-
container-selected");
jQuery(".component-icon-container span").removeClass("icon-
selected");
});

jQuery(document).on("click",".collapse_icon",function(){
$(".collapsebel_panel").hide();
$(".expand_icon").show();
setTimeout(function(){
var tempLeftForSwiper = 0;
if($(".leftDiv").css("float") == "left")
tempLeftForSwiper = $(".rightDiv").outerWidth() - 20;
else
tempLeftForSwiper = $(".leftDiv").outerWidth() - 20;
$(".swiper").css({"left" : tempLeftForSwiper+"px"});
},10);
});
jQuery(document).on("click",".expand_icon",function(){
$(".collapsebel_panel").show();
$(".expand_icon").hide();
if (jQuery(window).width() > 1023) {
quizPageHeight();
}else {
setDIVHeight_resp();
}
});
jQuery(document).on('click touchstart',".selectmark_tool", function(){
//console.log("touchStart");
jQuery(".piconsscroll_box").css("display","none");
isTextHighlighterEnabled = (isTextHighlighterEnabled ? false :
true);
$(".textHighlighter").toggleClass("highlightext");
if(isTextHighlighterEnabled){
$(".textHighlighter")
.attr('selectable', 'text')
.css('user-select', 'text')
.css('-moz-user-select', 'text')
.css('-khtml-user-select', 'text')
.css('-webkit-user-select', 'text')
.off('selectstart', false)
.off('contextmenu', false)
.off('keydown', false)
.off('mousedown', false);

$(".singleLineOptions")
.attr('unselectable', 'on')
.css('user-select', 'none')
.css('-moz-user-select', 'none')
.css('-khtml-user-select', 'none')
.css('-webkit-user-select', 'none')
.on('selectstart', false)
.on('contextmenu', false)
.on('keydown', false)
.on('mousedown', false);

} else {
$(".textHighlighter")
.attr('unselectable', 'on')
.css('user-select', 'none')
.css('-moz-user-select', 'none')
.css('-khtml-user-select', 'none')
.css('-webkit-user-select', 'none')
.on('selectstart', false)
.on('contextmenu', false)
.on('keydown', false)
.on('mousedown', false);
}
function getSelectedText() {
var html = "";
if (typeof window.getSelection != "undefined") {
var sel = window.getSelection();
if (sel.rangeCount) {
var container = document.createElement("div");
for (var i = 0, len = sel.rangeCount; i < len;
++i) {

container.appendChild(sel.getRangeAt(i).cloneContents());
}
html = container.innerHTML;
}
} else if (typeof document.selection != "undefined") {
if (document.selection.type == "Text") {
html =
document.selection.createRange().htmlText;
}
}
return html;
}
//$(document).bind('click touchend', '#text',
//$(".highlightext").mouseup(function(e){
$(document).bind('mouseup touchend', '.highlightext',function(e){
//console.log("abc");
if(!$(".textHighlighter").hasClass("highlightext")){
$(".highlightext").bind('mouseup touchend',
function(e) {
e.stopPropagation();
});
}else if($(".textHighlighter").hasClass("highlightext")){
//console.log("bbc");
var selection = getSelectedText();
var lenstr=0,listr=0;
lenstr = selection.search("<div");
listr = selection.search("<li");
var selectedTextLength = selection.toString().length;
if(lenstr<0 && listr<0 && selectedTextLength>1){
var range =
window.getSelection().getRangeAt(0);
var content = range.extractContents();
span = document.createElement('span');
span.appendChild(content);
span.className = 'highlight';
$
(span).find(".highlight").find(".closeH").remove();
if($(span).find(".FITBQuestionList").length ==
1 && $(span).find(".FITBQuestionList").html() == ""){
var fitbClasses = $
(span).find(".FITBQuestionList").attr("class").split(" ");
for(var fitbI = 0;fitbI
<fitbClasses.length;fitbI++){

if(fitbClasses[fitbI].indexOf("_FITB") > 0){


$
(span).find("."+fitbClasses[fitbI]).remove();
}
}

}
//$(span).find(".FITBQuestionList").remove();
//$(span).find(".singleLineOptions").remove();
//console.log(span.innerHTML);
$(span).find(".highlight").removeAttr("class");
if(($(span).html()).indexOf("SingleFITB")!= -1)
{
if($(this).html().indexOf("SingleFITB") !
= -1){
$(".SingleFITB").remove();
}
}
range.insertNode(span);
}
var textClassNames = e.target.className;
var isGroupQuestion = false;
if(textClassNames == "closeH"){
textClassNames =
e.target.parentElement.parentElement.className;
}
var textClassList = textClassNames.split(" ");
var textClassName = "";
var quesIdClassName = "";
var isBucketQuestion = false;
var isFITBQuestion = false;
var isMTCQuestion = false;
for(var classCount=0;classCount <
textClassList.length;classCount++){

if(textClassList[classCount].indexOf("_TextSelection")!=-1 ||
textClassList[classCount].indexOf("_CompreTextSelection")!=-1){
textClassName =
textClassList[classCount].trim();
} else
if(textClassList[classCount].indexOf("_QuesId")!=-1){
quesIdClassName =
textClassList[classCount].trim().split("_")[0];
} else
if(textClassList[classCount].indexOf("groupQuestion")!=-1){
isGroupQuestion = true;
} else
if(textClassList[classCount].indexOf("BucketQuestion")!=-1){
isBucketQuestion = true;
} else
if(textClassList[classCount].indexOf("MTCQuestion")!=-1){
isMTCQuestion = true;
}else
if(textClassList[classCount].indexOf("FITBQuestion")!=-1){
isFITBQuestion = true;
}
}

$(".highlightext").find('.closeH').remove();
$(".highlightext .highlight").not($(".highlightext
.highlight").find('.highlight')).append("<span class='closeH'></span>");
if(textClassName.indexOf("_TextSelection")!=-1 ||
textClassName.indexOf("_CompreTextSelection")!=-1){
var textHighlighterIdDetails =
textClassName.split("_");
var TempCountIndex = 0;
var quesObject = $("."+textClassName).clone();
$
(quesObject).find(".singleLineOptions").remove();
var quesTextData = $(quesObject).html();
if(isGroupQuestion){
var qNoId =
parseInt(textHighlighterIdDetails[2]);
quesTextData =
quesTextData.replace("<span>"+(qNoId+1)+"</span>.","");
}
var status = true;
do{
if(quesTextData.indexOf("SingleFITB")!=
-1){
var tempClassesNames =
quesTextData.split("SingleFITB");
var tempQuesClassName = "";

if(tempClassesNames[0].indexOf("_FITBM") != -1){
var tempQuesIdClassName =
(tempClassesNames[0].split("FITBM")[0]).split(" ");
tempQuesClassName =
tempQuesIdClassName[(tempQuesIdClassName.length - 1)];
//console.log(tempQuesClassName);
tempQuesClassName =
tempQuesClassName+"FITBM";
} else
if( tempClassesNames[0].indexOf("_FITBS") != -1 ) {
var tempQuesIdClassName =
(tempClassesNames[0].split("FITBS")[0]).split(" ");
tempQuesClassName =
tempQuesIdClassName[(tempQuesIdClassName.length - 1)];
//console.log(tempQuesClassName);
tempQuesClassName =
tempQuesClassName+"FITBS";
} else
if(tempClassesNames[1].indexOf("_FITBM") != -1){
var tempQuesIdClassName =
(tempClassesNames[1].split("FITBM")[0]).split(" ");
tempQuesClassName =
tempQuesIdClassName[(tempQuesIdClassName.length - 1)];
//console.log(tempQuesClassName);
tempQuesClassName =
tempQuesClassName+"FITBM";
} else
if( tempClassesNames[1].indexOf("_FITBS") != -1 ) {
var tempQuesIdClassName =
(tempClassesNames[1].split("FITBS")[0]).split(" ");
tempQuesClassName =
tempQuesIdClassName[(tempQuesIdClassName.length - 1)];
//console.log(tempQuesClassName);
tempQuesClassName =
tempQuesClassName+"FITBS";
}
var classNames = $
("."+tempQuesClassName).attr("class");
quesTextData = quesTextData.replace($
("."+tempQuesClassName).html(),"<ResponsePlaceHolder>");
var myRegExpClass = new
RegExp('class="'+classNames+'"','g');
quesTextData =
quesTextData.replace(myRegExpClass,"");
/*var tempClassNamesList =
classNames.split(" ");
for(var listNo = 0;listNo <
tempClassNamesList.length; listNo++){

if(tempClassNamesList[listNo].indexOf("_FITBM") != -1 ||
tempClassNamesList[listNo].indexOf("_FITBS") != -1){
quesTextData =
quesTextData.replace($("."+quesIdClassName).html(),"<ResponsePlaceHolder>");
var myRegExpClass = new
RegExp('class="'+classNames+'"','g');
quesTextData =
quesTextData.replace(myRegExpClass,"");
}
} */
}

if(typeof(jwPlayerDetailsIndex[quesIdClassName]) != "undefined" &&


typeof(jwPlayerDetailsIndex[quesIdClassName][TempCountIndex+""]) != "undefined"){
var tempIds =
jwPlayerDetailsIndex[quesIdClassName][TempCountIndex+""];
var divText = $
("#"+tempIds).html();
var classNames = $
("#"+tempIds).attr("class");
var tabindex = $
("#"+tempIds).attr("tabindex");
var style = $
("#"+tempIds).attr("style");
//divText = '<div id="'+tempIds+'"
class="'+classNames+'" tabindex="'+tabindex+'"
style="'+style+'">'+divText+'</div>';
var myRegExpClass = new
RegExp('class="'+classNames+'"','g');
quesTextData =
quesTextData.replace(myRegExpClass,"");
var myRegExpId = new
RegExp('id="'+tempIds+'"','g');
quesTextData =
quesTextData.replace(myRegExpId,"");
var myRegExpTabindex = new
RegExp('tabindex="'+tabindex+'"','g');
quesTextData =
quesTextData.replace(myRegExpTabindex,"");
var myRegExpStyle = new
RegExp('style="'+style+'"','g');
quesTextData =
quesTextData.replace(myRegExpStyle,"");

var updatedQuestionContent =
jwPlayerDetails[quesIdClassName][tempIds];
if(mockVar.storeCandResponse==1){
updatedQuestionContent =
updatedQuestionContent.replace(/tkcimages/g, xmlFilePath+ mockVar.availableQpId +
'/tkcimages');
}
else{
updatedQuestionContent =
updatedQuestionContent.replace(/tkcimages/g, xmlFilePath + 'tkcimages');
}
quesTextData =
quesTextData.replace(divText,updatedQuestionContent);
} else {
status = false;
}
TempCountIndex++;
}while(status);
if(textClassName.indexOf("_TextSelection")!=-1)
{

mockVar.groups[textHighlighterIdDetails[0]].secDetails[textHighlighterIdDetails[1]]
.questions[textHighlighterIdDetails[2]].quesLangBeans[textHighlighterIdDetails[3]].
quesText = quesTextData;
} else
if(textClassName.indexOf("_CompreTextSelection")!=-1) {
if(isMTCQuestion){
quesTextData = quesTextData +
"<left_column_tag>"+($(".left_column_tag").html())+"<left_column_tag>
<right_column_tag>"+($(".right_column_tag").html())+"<right_column_tag>";
} else if(isBucketQuestion){
quesTextData = quesTextData +
"<option_bucket_label>"+($(".option_bucket_label").html())+"<option_bucket_label>";
} else if(isFITBQuestion){
for(var gapLength = 0; gapLength <
$(".FITBQuestionList").length ; gapLength++){
var gapClasses = $
(".FITBQuestionList")[gapLength].classList;
var gapId = "";
var gapType = "";
var gapContent = "";
for(var gapClassesLength =
0;gapClassesLength < gapClasses.length ; gapClassesLength++){

if(gapClasses[gapClassesLength].indexOf("_FITBM") != -1 ||
gapClasses[gapClassesLength].indexOf("_FITBS") != -1){
gapId =
gapClasses[gapClassesLength].split("_")[0];
gapType =
gapClasses[gapClassesLength].split("_")[1];
gapContent = $
("."+gapClasses[gapClassesLength]).html();
if(gapType ==
"FITBM")
gapType =
"mcq";
else
gapType =
"sa";
quesTextData =
quesTextData.replace(gapContent,'<gaptype="'+gapType+'" gapid="'+gapId+'">');
quesTextData =
quesTextData.replace('class="'+($(".FITBQuestionList")[gapLength].className)
+'"','');
}
}
}
}

mockVar.compreLaqQues[textHighlighterIdDetails[2]].langData[textHighlighterIdDetail
s[3]].quesText = quesTextData;
}
}
$(".highlight").bind('mouseup touchend', function(e)
{
e.stopPropagation();
});
}
});
});

$(document).on('click touchstart', '.closeH', function(e){


var textClassNames = e.target.className;
if(textClassNames == "closeH"){
textClassNames =
e.target.parentElement.parentElement.className;
}
var textClassList = textClassNames.split(" ");
var textClassName = "";
var quesIdClassName = "";
var isGroupQuestion = false;
var isBucketQuestion = false;
var isMTCQuestion = false;
var isFITBQuestion = false;
for(var classCount=0;classCount <
textClassList.length;classCount++){
if(textClassList[classCount].indexOf("_TextSelection")!=-1
|| textClassList[classCount].indexOf("_CompreTextSelection")!=-1){
textClassName = textClassList[classCount].trim();
} else if(textClassList[classCount].indexOf("_QuesId")!=-
1){
quesIdClassName =
textClassList[classCount].trim().split("_")[0];
} else
if(textClassList[classCount].indexOf("groupQuestion")!=-1){
isGroupQuestion = true;
} else
if(textClassList[classCount].indexOf("BucketQuestion")!=-1){
isBucketQuestion = true;
} else if(textClassList[classCount].indexOf("MTCQuestion")!
=-1){
isMTCQuestion = true;
}else if(textClassList[classCount].indexOf("FITBQuestion")!
=-1){
isFITBQuestion = true;
}
}
$
(this).parents('.highlight').children('.highlight').removeClass("highlight");
var allText = $(this).parents('.highlight').html().replace('<span
class="closeH"></span>','');
$(this).parents('.highlight').after(allText);
$(this).parents('.highlight').remove();
$(this).remove();

if(textClassName.indexOf("_TextSelection")!=-1 ||
textClassName.indexOf("_CompreTextSelection")!=-1){
var textHighlighterIdDetails = textClassName.split("_");
var TempCountIndex = 0;
var quesObject = $("."+textClassName).clone();
$(quesObject).find(".singleLineOptions").remove();
var quesTextData = $(quesObject).html();
if(isGroupQuestion){
var qNoId = parseInt(textHighlighterIdDetails[2]);
quesTextData = quesTextData.replace("<span>"+
(qNoId+1)+"</span>.","");
}
var status = true;
do{
if(quesTextData.indexOf("SingleFITB")!= -1){
var classNames = $
(".SingleFITB").attr("class");
quesTextData = quesTextData.replace($
(".SingleFITB").html(),"<ResponsePlaceHolder>");
var myRegExpClass = new
RegExp('class="'+classNames+'"','g');
quesTextData =
quesTextData.replace(myRegExpClass,"");
}
if(typeof(jwPlayerDetailsIndex[quesIdClassName]) !=
"undefined" && typeof(jwPlayerDetailsIndex[quesIdClassName][TempCountIndex+""]) !=
"undefined"){
var tempIds =
jwPlayerDetailsIndex[quesIdClassName][TempCountIndex+""];
var divText = $("#"+tempIds).html();
var classNames = $("#"+tempIds).attr("class");
var tabindex = $("#"+tempIds).attr("tabindex");
var style = $("#"+tempIds).attr("style");
// divText = '<div id="'+tempIds+'"
class="'+classNames+'" tabindex="'+tabindex+'"
style="'+style+'">'+divText+'</div>';
var myRegExpClass = new
RegExp('class="'+classNames+'"','g');
quesTextData =
quesTextData.replace(myRegExpClass,"");
var myRegExpId = new
RegExp('id="'+tempIds+'"','g');
quesTextData =
quesTextData.replace(myRegExpId,"");
var myRegExpTabindex = new
RegExp('tabindex="'+tabindex+'"','g');
quesTextData =
quesTextData.replace(myRegExpTabindex,"");
var myRegExpStyle = new
RegExp('style="'+style+'"','g');
quesTextData =
quesTextData.replace(myRegExpStyle,"");
var updatedQuestionContent =
jwPlayerDetails[quesIdClassName][tempIds];
if(mockVar.storeCandResponse==1){
updatedQuestionContent =
updatedQuestionContent.replace(/tkcimages/g, xmlFilePath+ mockVar.availableQpId +
'/tkcimages');
}
else{
updatedQuestionContent =
updatedQuestionContent.replace(/tkcimages/g, xmlFilePath + 'tkcimages');
}
quesTextData =
quesTextData.replace(divText,updatedQuestionContent);
} else {
status = false;
}
TempCountIndex++;
}while(status);
//

mockVar.groups[textHighlighterIdDetails[0]].secDetails[textHighlighterIdDetails[1]]
.questions[textHighlighterIdDetails[2]].quesLangBeans[textHighlighterIdDetails[3]].
quesText = quesTextData;
if(textClassName.indexOf("_TextSelection")!=-1){

mockVar.groups[textHighlighterIdDetails[0]].secDetails[textHighlighterIdDetails[1]]
.questions[textHighlighterIdDetails[2]].quesLangBeans[textHighlighterIdDetails[3]].
quesText = quesTextData;
} else if(textClassName.indexOf("_CompreTextSelection")!=-
1) {
if(isMTCQuestion){
quesTextData = quesTextData +
"<left_column_tag>"+($(".left_column_tag").html())+"<left_column_tag>
<right_column_tag>"+($(".right_column_tag").html())+"<right_column_tag>";
} else if(isBucketQuestion){
quesTextData = quesTextData +
"<option_bucket_label>"+($(".option_bucket_label").html())+"<option_bucket_label>";
} else if(isFITBQuestion){
for(var gapLength = 0; gapLength < $
(".FITBQuestionList").length ; gapLength++){
var gapClasses = $(".FITBQuestionList")
[gapLength].classList;
var gapId = "";
var gapType = "";
var gapContent = "";
for(var gapClassesLength =
0;gapClassesLength < gapClasses.length ; gapClassesLength++){

if(gapClasses[gapClassesLength].indexOf("_FITBM") != -1 ||
gapClasses[gapClassesLength].indexOf("_FITBS") != -1){
gapId =
gapClasses[gapClassesLength].split("_")[0];
gapType =
gapClasses[gapClassesLength].split("_")[1];
gapContent = $
("."+gapClasses[gapClassesLength]).html();
if(gapType == "FITBM")
gapType = "mcq";
else
gapType = "sa";
quesTextData =
quesTextData.replace(gapContent,'<gaptype="'+gapType+'" gapid="'+gapId+'">');
quesTextData =
quesTextData.replace('class="'+($(".FITBQuestionList")[gapLength].className)
+'"','');
}
}
}
}

mockVar.compreLaqQues[textHighlighterIdDetails[2]].langData[textHighlighterIdDetail
s[3]].quesText = quesTextData;
}
}
});
});
</script>
<div class="protactor-div">
<div id="protactorClose" class="protactor_close">X</div>
<div id="protactor">
<img src="./images/1.png" id="protactorid" />
</div>
</div>
<script>

</script>
<div class="textarea-div">
<div id="closeButton" class="textarea_close">X</div>
<textarea id="texteditor"></textarea>
<div align="center">
<div id="clear-textarea" class="clear-button-textarea
clearTxt">Clear</div>
</div>
</div>
<div class="ruler-div">
<div id="rulerClose" class="ruler_close">X</div>
<div id="ruler">
<img src="" id="rulerid" />
</div>
</div>

<!--Changes for popup Window and Image Gallery-->


<div id="modal-content" class="pop-up-display-content">
<div class="pop-up-header" style="">
<span class="usefullDataHeader">Useful data </span><span
class="maximizeicon" title="Maximize">&nbsp;</span>
</div>
<div class="usefulDataLangDiv"></div>
<div class="connected-carousels" id="connected-carousels"
style="padding: 20px 0px 15px;">
<div class="stage" id="stage">
<div class="carousel carousel-stage useFulImagesImages"
style="overflow: auto; overflow-x: hidden;"></div>
<a href="#" class="prev prev-stage inactive
navigationArrowPrev"><span id="prevImage">
<img src="images/previnactive.png"
width="32px" height="32px" />
</span></a> <a href="#" class="next next-stage
navigationArrowNext"><span id="nextImage" >
<img src="images/nextactive.png" width="32px"
height="32px" />
</span></a>
</div>

<div class="navigation">
<a href="#" class="prev prev-navigation">Back</a> <a
href="#"
class="next next-navigation">Next</a>
<div class="carousel carousel-navigation
useFulImagesListing">

</div>
</div>
</div>
</div>

<div class="maximg_popup">
<div class="maximg_header">
<span class="close_ico_img" title="Close"
style="float:right"></span>
</div>
<div class="imgpop_container">
<img class="popup_image" src="" />
</div>
</div>

<div class="drag_component" id="dragcomp"


style="display:none;overflow:auto;">
<input type="hidden" id="isExaminerCall" name="isExaminerCall" />
<div class="toolhdr">
<!--<div class="toolgrip" title="Drag"></div>-->
<div class="dragminimizesmall" title="Minimize"></div>
<div class="dragmaximize" title="Maximize"></div>
<div class="dragminimize optionselected" title="Default"></div>
<div class="calc_close closeButton" title="Close"></div>
</div>
<div class="drag_content" id="dragcontent">
<iframe id="videoCallFrame" src="" style="width:100%;height:100%;"
allow="microphone;camera;"></iframe>
<div id="videoRecordingOfCandidate"
style="width:100%;height:100%;display:none;">
</div>
</div>

</div>
<div id="remoteProctoringDiv1" style="width:100%; height:1%;display:none;">
<iframe id="remoteProctoringFrame1" src="" allow="microphone;camera;"
style="width:100%;">
</iframe>
</div>
<div id="proctoringDevicesContainer" style="display:none">
<div class="select">
<select id="audioSource"></select>
</div>
<div class="select">
<select id="videoSource"></select>
</div>
</div>
<section class="mwe_bodySection" id="mwe_section2" style="display:none;z-
index:99999;">
<div class="mwe_middlePanelWrapper">
<!-- Panel Header Starts -->
<div class="mwe_middlePanelHeaderWrapper">
<div class="mwe_middlePanelHeaderLeftSide">
<div class="mwe_groupNameWrapper">
<span class="mwe_groupNameText
GroupName">Group Name</span>
<span
class="mwe_subjectText">Trigonometry</span>
</div>
<div class="mwe_AvailableExaminersWrapper">
<span class="mwe_AvailableExaminersText
ExaminersAvailable">Examiners Available</span>
</div>
<div class="clear"></div>
</div>
<div class="mwe_middlePanelHeaderRightSide">
<span
class="mwe_middlePanelHeaderRightSideImage">
<span class="mwe_examinerNumber">0</span>
</span>
</div>
<div class="clear"></div>
</div>
<!-- Panel Header Ends -->
<!-- Panel Body Starts -->
<div class="mwe_middlePanelBodyWrapper"
id="createMeetingPanel" style = "display:none">
<div class="mwe_middlePanelBodyImageWrapper">
<span></span>
</div>
<div class="mwe_middlePanelBodyTextWrapper">
<span class="mwe_middlePanelBodyText
UnableToCreateMeeting">We are unable to setup your meeting.</span>
<span class="mwe_middlePanelBodyText
ClickToCreateMeeting">Kindly click the button below to create meeting with the
Examiner.</span>
</div>
<div class="mwe_middlePanelBodyButtonWrapper"
id="createMeetingButton">
<span class="mwe_middlePanelBodyButton
CreateMeeting">Create Meeting</span>
</div>
</div>
<!-- Panel Body Starts -->
<!-- Panel Body Starts -->
<div class="mwe_middlePanelBodyWrapper"
id="creatingMeetingPanel" style="display:none">
<div class="mwe_middlePanelBodyImageWrapper">
<span></span>
</div>
<div class="mwe_middlePanelBodyLoaderWrapper">
<span class="mwe_middlePanelBodyLoader"></span>
<span class="mwe_middlePanelBodyLoader"></span>
<span class="mwe_middlePanelBodyLoader"></span>
<span class="mwe_middlePanelBodyLoader"></span>
</div>
<div class="mwe_middlePanelBodyButtonWrapper">
<span class="mwe_middlePanelBodyText
CreatingMeeting">Creating the meeting</span>
</div>
</div>
<!-- Panel Body Starts -->
<!-- Panel Body Starts -->
<div class="mwe_middlePanelBodyWrapper"
id="joinMeetingPanel" style ="display:none">
<div class="mwe_middlePanelBodyImageWrapper">
<span></span>
</div>
<div class="mwe_middlePanelBodyTextWrapper">
<!-- <span class="mwe_middlePanelBodyText
VideoCallStart"></span> -->
<span class="mwe_middlePanelBodyText
VideoCallStartMessage">As soon as the video call starts, your image would be
visible and your voice would be audible.</span>
</div>
<div class="mwe_middlePanelBodyButtonWrapper"
id="startMeetingButton">
<span class="mwe_middlePanelBodyButton
JoinMeeting">Join Meeting</span>
</div>
</div>
<!-- Panel Body Starts -->
<!-- Panel Body Starts -->
<div class="mwe_middlePanelBodyWrapper"
id="findingExaminerPanel" style= "display:none">
<div class="mwe_middlePanelBodyImageWrapper">
<span></span>
</div>
<div class="mwe_middlePanelBodyLoaderWrapper">
<span class="mwe_middlePanelBodyLoader"></span>
<span class="mwe_middlePanelBodyLoader"></span>
<span class="mwe_middlePanelBodyLoader"></span>
<span class="mwe_middlePanelBodyLoader"></span>
</div>
<div class="mwe_middlePanelBodyButtonWrapper">
<span class="mwe_middlePanelBodyText
PleaseWaitForExaminer">Please wait till we find an Examiner for you.</span>
</div>
</div>
<!-- Panel Body Starts -->
<!-- Panel Body Starts -->
<div class="mwe_middlePanelBodyWrapper"
id="meetYourExaminerPanel" style ="display:none">
<div class="mwe_middlePanelBodyImageWrapper">
<span></span>
</div>
<div class="mwe_middlePanelBodyTextWrapper">
<span class="mwe_middlePanelBodyText
ExaminerNowAvaiable">The Examiner is now available and you can start the
meeting.</span>
<!-- <span class="mwe_middlePanelBodyText">You
can now meet your examiner.</span> -->
</div>
</div>
<!-- Panel Body Starts -->
</div>
</section>

<div class="overlaypopup"></div>
<script type="text/javascript">
//$(document).ready(function() {
function ionRuler(){
/* Enable ruler with all the options and their default values */
if( !( document.addEventListener ) ){
$('.ruler-div').draggable();
var src = document.getElementById("rulerid").src,
angle = 0;
document.getElementById("ruler").innerHTML = "";
var R = Raphael("ruler", 920, 480);
//R.circle(320, 240, 200).attr({fill: "#000", "fill-opacity": .5,
"stroke-width": 5});
var img = R.image(src,70, 210, 802, 57);
var butt1 = R.set(),
butt2 = R.set();
butt1.push(R.circle(24.833, 26.917, 26.667).attr({stroke: "#ccc",
fill: "#fff", "fill-opacity": .4, "stroke-width": 2}),

R.path("M12.582,9.551C3.251,16.237,0.921,29.021,7.08,38.564l-
2.36,1.689l4.893,2.262l4.893,2.262l-0.568-5.36l-0.567-5.359l-2.365,1.694c-4.657-
7.375-2.83-17.185,4.352-22.33c7.451-5.338,17.817-
3.625,23.156,3.824c5.337,7.449,3.625,17.813-3.821,23.152l2.857,3.988c9.617-
6.893,11.827-20.277,4.935-
29.896C35.591,4.87,22.204,2.658,12.582,9.551z").attr({stroke: "none", fill:
"#000"}),
R.circle(24.833, 26.917, 26.667).attr({fill: "#fff",
opacity: 0}));
butt2.push(R.circle(24.833, 26.917, 26.667).attr({stroke: "#ccc",
fill: "#fff", "fill-opacity": .4, "stroke-width": 2}),

R.path("M37.566,9.551c9.331,6.686,11.661,19.471,5.502,29.014l2.36,1.689l-
4.893,2.262l-4.893,2.262l0.568-5.36l0.567-5.359l2.365,1.694c4.657-7.375,2.83-
17.185-4.352-22.33c-7.451-5.338-17.817-3.625-
23.156,3.824C6.3,24.695,8.012,35.06,15.458,40.398l-
2.857,3.988C2.983,37.494,0.773,24.109,7.666,14.49C14.558,4.87,27.944,2.658,37.566,9
.551z").attr({stroke: "none", fill: "#000"}),
R.circle(24.833, 26.917, 26.667).attr({fill: "#fff",
opacity: 0}));
butt1.translate(10, 181);
butt2.translate(10, 245);
angle =0;
butt1[2].click(function () {
angle -= 1;
img.stop().animate({transform: "r" + angle}, 1000, "<>");
}).mouseover(function () {
butt1[1].animate({fill: "#fc0"}, 300);
}).mouseout(function () {
butt1[1].stop().attr({fill: "#000"});
});
butt2[2].click(function () {
angle += 1;
img.animate({transform: "r" + angle}, 1000, "<>");
}).mouseover(function () {
butt2[1].animate({fill: "#fc0"}, 300);
}).mouseout(function () {
butt2[1].stop().attr({fill: "#000"});
});
}
else{
$('.ruler-div').rotatable().draggable();
}
}
function ionProtractor(){
//$(document).ready(function(){
if( !( document.addEventListener ) )
{
$('.protactor-div').draggable();
var src = document.getElementById("protactorid").src,
angle = 0;
document.getElementById("protactor").innerHTML = "";
var R = Raphael("protactor", 640, 480);
//R.circle(320, 240, 200).attr({fill: "#000", "fill-opacity": .5,
"stroke-width": 5});
var img = R.image(src,50, 120, 360, 180);
var butt1 = R.set(),
butt2 = R.set();
butt1.push(R.circle(24.833, 26.917, 26.667).attr({stroke: "#ccc",
fill: "#fff", "fill-opacity": .4, "stroke-width": 2}),

R.path("M12.582,9.551C3.251,16.237,0.921,29.021,7.08,38.564l-
2.36,1.689l4.893,2.262l4.893,2.262l-0.568-5.36l-0.567-5.359l-2.365,1.694c-4.657-
7.375-2.83-17.185,4.352-22.33c7.451-5.338,17.817-
3.625,23.156,3.824c5.337,7.449,3.625,17.813-3.821,23.152l2.857,3.988c9.617-
6.893,11.827-20.277,4.935-
29.896C35.591,4.87,22.204,2.658,12.582,9.551z").attr({stroke: "none", fill:
"#000"}),
R.circle(24.833, 26.917, 26.667).attr({fill: "#fff",
opacity: 0}));
butt2.push(R.circle(24.833, 26.917, 26.667).attr({stroke: "#ccc",
fill: "#fff", "fill-opacity": .4, "stroke-width": 2}),

R.path("M37.566,9.551c9.331,6.686,11.661,19.471,5.502,29.014l2.36,1.689l-
4.893,2.262l-4.893,2.262l0.568-5.36l0.567-5.359l2.365,1.694c4.657-7.375,2.83-
17.185-4.352-22.33c-7.451-5.338-17.817-3.625-
23.156,3.824C6.3,24.695,8.012,35.06,15.458,40.398l-
2.857,3.988C2.983,37.494,0.773,24.109,7.666,14.49C14.558,4.87,27.944,2.658,37.566,9
.551z").attr({stroke: "none", fill: "#000"}),
R.circle(24.833, 26.917, 26.667).attr({fill: "#fff",
opacity: 0}));
butt1.translate(10, 181);
butt2.translate(10, 245);
angle =0;
butt1[2].click(function () {
angle -= 1;
img.stop().animate({transform: "r" + angle}, 1000, "<>");
}).mouseover(function () {
butt1[1].animate({fill: "#fc0"}, 300);
}).mouseout(function () {
butt1[1].stop().attr({fill: "#000"});
});
butt2[2].click(function () {
angle += 1;
img.animate({transform: "r" + angle}, 1000, "<>");
}).mouseover(function () {
butt2[1].animate({fill: "#fc0"}, 300);
}).mouseout(function () {
butt2[1].stop().attr({fill: "#000"});
});
}
else
{
$('.protactor-div').rotatable().draggable();
}

//});
}
//});
</script>
<script type="text/javascript">
$(function () {
$(".nextbtn").hover(function () {
$("#forwordImage").attr("src", "images/Forward-25-hover.png");
}, function () {
$("#forwordImage").attr("src", "images/Forward-25.png");
});
});
</script>
<script>
$(document).ready(function() {
changeFocus();
$("#answer").click(function(){
localStorage.setItem('txtObjectid', "answer");
changeFocus();
return false;
});

$("#texteditor").click(function(){
localStorage.setItem('txtObjectid', "texteditor");
changeFocus();
return false;
});
});
function changeFocus(){
if (localStorage.getItem('txtObjectid') == null)
id = "answer";
else
id = localStorage.getItem('txtObjectid');
var v = "#" + id;
$(v).focus();
}
</script>
<script type="text/javascript">
<!-- script for mark as irrelevant popup -->

/*$(document).on('click', '#reportissue', function(){


$(".overlay").fadeIn();
var irroptiontext="";
//console.log("cursbean is "+mockVar.curQuesBean);
//console.log("cursbean is "+mockVar.curQuesBean.issuereported);
//console.log("cursbean is
"+typeof(mockVar.curQuesBean.issuereported));
console.log("text is "+$("#irr_types").text());
objectiontypes=mockVar.objectiontypes;
$("#irr_types").empty();
$("#reportissue").show();
var lang=jQuery(".auditlogSelect option:selected").val();
console.log("language key "+lang);
console.log("lang Id in report issue "+lang);
//var langId=1;
var objections=objectiontypes.split("@@@###")[lang-1];
var objtypes=objections.split("@@##")[1];
console.log("objectiontypes default on click of report issue
"+objtypes);

if(mockVar.groups[mockVar.currentGrp].secDetails[iOAP.curSection].groupAllQuestions
=="true"){
//$("#submitissue").addClass("issue_"+)
}
else if(typeof(mockVar.curQuesBean.issuereported)!="undefined")
{
$("#irr_types").empty();
for(i=0;i<objtypes.split(",").length;i++)
{
irroptiontext+='<option value="'+objtypes.split(",")[i]+'" ';
if(objtypes.split(",")[i]==mockVar.curQuesBean.issuereported)
irroptiontext+=' selected ';
irroptiontext+='title ="'+objtypes.split(",")[i]
+'">'+objtypes.split(",")[i].substring(0,25)+'</option>';
//irroptiontext+='>'+mockVar.objectiontypes.split(",")[i]
+'</option>';

}
$("#irr_types").append(irroptiontext);

}
else{
$("#irr_types").empty();
fillissuepopup();
}

$(".mark_irr_popup").fadeIn();

});*/
function reportissue(_this,quesId){
$(".overlay").fadeIn();
var irroptiontext="";

//console.log("cursbean is "+mockVar.curQuesBean);
//console.log("cursbean is "+mockVar.curQuesBean.issuereported);
//console.log("cursbean is
"+typeof(mockVar.curQuesBean.issuereported));
//console.log("text is "+$("#irr_types").text());
objectiontypes=mockVar.objectiontypes;
$("#irr_types").empty();
//$("#reportissue").show();
var lang=mockVar.langIndex;
console.log("language key "+lang);
//console.log("lang Id in report issue "+lang);
//var langId=1;
var objections=mockVar.objectiontypes.split("@@@$$$")[lang];
var objtypes=objections.split("@@##")[1];
$(".submitissuecls").attr("id","issue");
console.log("objectiontypes default on click of report issue
"+objtypes);

if(mockVar.groups[mockVar.currentGrp].secDetails[iOAP.curSection].groupAllQuestions
=="true"||(quesId!="" &&
((typeof(mockVar.compreLaqQues[mockVar.compreLaqQues.inArray(mockVar.groups[mockVar
.currentGrp].secDetails[iOAP.curSection].questions[quesIdIndexes[quesId]].comprehen
sionId+'', 'quesId')])!="undefined" &&
mockVar.compreLaqQues[mockVar.compreLaqQues.inArray(mockVar.groups[mockVar.currentG
rp].secDetails[iOAP.curSection].questions[quesIdIndexes[quesId]].comprehensionId+''
, 'quesId')].groupComprehensionLaqQuestions=="true")||
(typeof(mockVar.compreLaqQues[mockVar.compreLaqQues.inArray(mockVar.groups[mockVar.
currentGrp].secDetails[iOAP.curSection].questions[quesIdIndexes[quesId]].laqId+'',
'quesId')])!
="undefined"&&mockVar.compreLaqQues[mockVar.compreLaqQues.inArray(mockVar.groups[mo
ckVar.currentGrp].secDetails[iOAP.curSection].questions[quesIdIndexes[quesId]].laqI
d+'', 'quesId')].groupComprehensionLaqQuestions=="true")))){
$(".reportissues").hide();
$("#irr_types").empty();
$(".submitissuecls").attr("id","issue_"+quesId);
var ind=quesIdIndexes[quesId];

if(typeof(mockVar.groups[mockVar.currentGrp].secDetails[iOAP.curSection].questions[
ind].issuereported)!="undefined"){
for(i=0;i<objtypes.split("@_@").length;i++)
{
irroptiontext+='<option value="'+objtypes.split("@_@")[i]+'" ';
if(objtypes.split("@_@")
[i]==mockVar.groups[mockVar.currentGrp].secDetails[iOAP.curSection].questions[ind].
issuereported)
irroptiontext+=' selected ';
irroptiontext+='title ="'+objtypes.split("@_@")[i]
+'">'+objtypes.split("@_@")[i].substring(0,25)+'</option>';
//irroptiontext+='>'+mockVar.objectiontypes.split(",")[i]
+'</option>';

}
$("#irr_types").append(irroptiontext);
}
else{
$("#irr_types").empty();
fillissuepopup();
}
}
else{
if(typeof(mockVar.curQuesBean.issuereported)!="undefined")
{
$("#irr_types").empty();
for(i=0;i<objtypes.split("@_@").length;i++)
{
irroptiontext+='<option value="'+objtypes.split("@_@")[i]+'" ';
if(objtypes.split("@_@")[i]==mockVar.curQuesBean.issuereported)
irroptiontext+=' selected ';
irroptiontext+='title ="'+objtypes.split("@_@")[i]
+'">'+objtypes.split("@_@")[i].substring(0,25)+'</option>';
//irroptiontext+='>'+mockVar.objectiontypes.split(",")[i]
+'</option>';

}
$("#irr_types").append(irroptiontext);

}
else{
$("#irr_types").empty();
fillissuepopup();
}
}

$(".mark_irr_popup").fadeIn();

}
function fillissuepopup(){
//console.log("inside fll issue popup");
objectiontypes=mockVar.objectiontypes;
//console.log("objection inside fill issue "+objectiontypes);
var lang=mockVar.langIndex;
var objections=objectiontypes.split("@@@$$$")[lang];
var objtypes=objections.split("@@##")[1];
//console.log("objectiontypes default insdide default fill popup
"+objtypes);
for(i=0;i<objtypes.split("@_@").length;i++)
{
var irroptiontext='<option value="'+objtypes.split("@_@")[i]+'"
title ="'+objtypes.split("@_@")[i]+'">'+objtypes.split("@_@")
[i].substring(0,25)+'</option>';
$("#irr_types").append(irroptiontext);
}
}

$(document).on('click', '.btn_cont .btn, .pop-up-close-trigger', function(){


$(".overlay").fadeOut();
$(".mark_irr_popup").fadeOut();
})

$(".mobilemenu_footer").on('click', function () {
$(".mobile_btn").fadeToggle();
})

$(document).bind("click touchstart", function (e) {


if (!($(e.target).parents().children().hasClass('mobilemenu_footer')))
{
$(".mobile_btn").fadeOut();

}
})
</script>
</body>
</html>

You might also like