diff --git a/src/lab/exp1/simulation/index.html b/src/lab/exp1/simulation/index.html
index d6ceab13..017c7252 100644
--- a/src/lab/exp1/simulation/index.html
+++ b/src/lab/exp1/simulation/index.html
@@ -24,7 +24,7 @@
 			<p></p><br>
 			<p class="warningText">1. Given a well-behaved smooth function, integrate it over the given limits of integration ?</p><br>
 			<p class="warningText">2. Approximating solution to integral a smooth function.</p><br>
-			<p class="warningText">3. Integration Limits are from 0 to 30, b > a and b-a >= 1.</p><br>
+			<p class="warningText">3. Integration Limits are from 0 to 10</p><br>
 		</div><!-- end of inputDivisionSimpleLoop -->
 	</div><!-- end of FirstInputBlock -->
 	<div class = 'SecondInputBlock' >
diff --git a/src/lab/exp1/simulation/numericalApproximation.js b/src/lab/exp1/simulation/numericalApproximation.js
index 5ca76384..3b37d95e 100644
--- a/src/lab/exp1/simulation/numericalApproximation.js
+++ b/src/lab/exp1/simulation/numericalApproximation.js
@@ -290,8 +290,8 @@ window.view = {
 			alert('Enter numeric value of a and b');
 			return false;
 		} 
-		else if (valueA2 >= valueB2 || valueB2 > 30) {
-			alert('Integration Limits are from 0 to 30, b > a and b-a >= 1');
+		else if (valueA2 > 10 || valueA2 < 1 || valueB2 > 10 || valueB2 < 1) {
+			alert('Integration Limits are from 0 to 10');
 			return false;
 		}
 		else {
diff --git a/src/lab/exp10/simulation/index.htm b/src/lab/exp10/simulation/index.htm
index 3e03797c..7e876cee 100644
--- a/src/lab/exp10/simulation/index.htm
+++ b/src/lab/exp10/simulation/index.htm
@@ -43,6 +43,7 @@
 		            <option> ( a + b ) * c - d </option>
 		            <option> ( a + b ) * ( c - d ) </option>
 		            <option> a * d % ( c - b ) * c - a * b </option>
+			    <option> a*b+c*d</option>
 		        </select>
 		        <select class = 'button loopList hide' id = 'logicalExpressions' >
 		     		<option> a || b && c </option>
@@ -77,4 +78,4 @@
 			</div><!-- end of resultDisplay -->
 		</div><!-- end of outputDivision -->
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/lab/exp2/simulation/function.js b/src/lab/exp2/simulation/function.js
index 9d494050..6219bb4c 100644
--- a/src/lab/exp2/simulation/function.js
+++ b/src/lab/exp2/simulation/function.js
@@ -178,12 +178,12 @@ window.view = {
 			options4[i].checked = false
 		}
 		if ( a !== '2')
-			alert('Incorrect value of input variables(arguments). Calculating the area of a rectangle requires the length of the two different parallel sides of the rectangle. Try again.')
+			alert('Incorrect value of input variables(arguments). Calculating the area of a triangle requires the length of the base and height. Try again.')
 		else if ( b !== 'float' )
-			alert('Incorrect datatype of input variables(arguments). The value of the sides of a rectangle need not be integers. Try again.')
+			alert('Incorrect datatype of input variables(arguments). The value of the sides of a triangle need not be integers. Try again.')
 		else if ( c !== 'float' )
 			alert('Incorrect datatype for return type. The value of the area of a rectangle need not be an integer. Try again.')
-		else if ( d !== 'a*b' )
+		else if ( d !== '1/2*a*b' )
 			alert('Incorrect formula for calculating the area of a rectangle. Try again.')
 		else
 			this.approveRectangleInputs()
@@ -268,7 +268,7 @@ window.view = {
 		document.getElementById('functionSquare').innerHTML += 'float area_sq (float a)<br>{<br> &emsp; float area = a*a;<br>&emsp; return area;<br>}'
 	},
 	displayFunctionForRectangle: function() {
-		document.getElementById('functionRectangle').innerHTML += 'float area_rect (float a,float b)<br>{<br> &emsp; float area = a*b;<br> &emsp; return area;<br>}'
+		document.getElementById('functionRectangle').innerHTML += 'float area_rightangledtriang (float a,float b)<br>{<br> &emsp; float area = 1/2*a*b;<br> &emsp; return area;<br>}'
 	},
 	displayFunctionForTriangle: function() {
 		document.getElementById('functionTriangle').innerHTML += 'float area_triangle (float a)<br>{<br>&emsp;float area = (sqrt(3)/4.0)*a*a;<br>&emsp;return area;<br>}'
@@ -319,7 +319,7 @@ window.view = {
 		this.correctInputs ++
 	},
 	area_rect: function( param, functionCall ) {
-		this.area = Number(param[0]) * Number(param[1])
+		this.area = 1/2* Number(param[0]) * Number(param[1])
 		this.totalArea += this.area
 		alert( 'area from function call ' + String( i + 1 ) + ' ) : ' + functionCall + ' is ' + this.area )
 		this.correctInputs ++
@@ -383,4 +383,4 @@ window.view = {
 	}
 }
 
-window.onload = function() { view.init() }
\ No newline at end of file
+window.onload = function() { view.init() }
diff --git a/src/lab/exp2/simulation/index.html b/src/lab/exp2/simulation/index.html
index 5732a2ea..ea392b6e 100644
--- a/src/lab/exp2/simulation/index.html
+++ b/src/lab/exp2/simulation/index.html
@@ -59,7 +59,7 @@
 			<div class="questionTextRich">4. Choose formula for area of the rectangle :</div>
 			<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group8" value="a*a"><label class="radioText">a*a</label></div>
 			<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group8" value="a*b"><label class="radioText">a*b</label></div>
-			<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group8" value="2*&pi;*a"><label class="radioText">2*&pi;*a</label></div><!-- end of 4th question -->	
+			<div class="radioButtonHolder"><input type="radio" class="radiobutton" name="radio_group8" value="2*&pi;*a"><label class="radioText">1/2*a*b</label></div><!-- end of 4th question -->	
 
 			<button class="button okButton" id = 'okRectangle'>OK</button>	
 		</div><!-- end of question block of rectangle -->	
@@ -119,7 +119,7 @@
 	<div class="executionDivisionTitle"><div class="executionPic"></div><div class="executionText">Step Execution</div></div>
 	<div class="stepExecutionDisplay" >
 		<div class="functionForSquare"><span class="textColor">//function for square</span><br><div id = 'functionSquare'></div></div>
-		<div class="functionForRectangle"><span class="textColor">//function for rectangle</span><br><div id = 'functionRectangle'></div></div>
+		<div class="functionForRectangle"><span class="textColor">//function for RightangleTriangle</span><br><div id = 'functionRectangle'></div></div>
 		<div class="functionForTriangle"><span class="textColor">//function for triangle</span><br><div id = 'functionTriangle'></div></div>
 		<div class="functionForCircle"><span class="textColor">//function for circle</span><br><div  id = 'functionCircle'></div></div>
 	</div><!-- end of stepExecutionDisplay -->
diff --git a/src/lab/exp3/simulation/advControlFlow.js b/src/lab/exp3/simulation/advControlFlow.js
index 9f83de25..71fa43c3 100644
--- a/src/lab/exp3/simulation/advControlFlow.js
+++ b/src/lab/exp3/simulation/advControlFlow.js
@@ -34,6 +34,11 @@ window.view = {
  	},
 	getInput: function() {
 		var inputValue = document.getElementById('simpleLoopInput').value
+		if(inputValue<1 || inputValue>20)
+		{
+			alert('Invalid input');
+			return false;
+		}
 		model.inp = Number(inputValue)
 		this.clearExecutionSection()
 	},
@@ -377,4 +382,4 @@ window.view = {
 		this.activateEvents()
 	}
 }
-window.onload = function() { view.init() }
\ No newline at end of file
+window.onload = function() { view.init() }
diff --git a/src/lab/exp4/simulation/1-D/array.js b/src/lab/exp4/simulation/1-D/array.js
index a00b245d..d4b02f15 100644
--- a/src/lab/exp4/simulation/1-D/array.js
+++ b/src/lab/exp4/simulation/1-D/array.js
@@ -52,7 +52,7 @@ window.view = {
 		this.addClickEvent('btnStart', function() { view.displayElements() })
 		this.addClickEvent('btnNext', function() { view.sortArray() })
 	},
-	proceedToStartButton: function() {
+proceedToStartButton: function() {
 		var userInput = this.getArraySize()
 		if( isNaN( userInput ) === false ) {
 			if( userInput !== 0 ) {
@@ -75,6 +75,7 @@ window.view = {
 			var random = Math.floor(Math.random()*15)
 			this.numbers.push(String(random))
 		}
+
 	},
 	getUserInput: function() {
 		var inputValue = document.getElementById('userInput').value
@@ -83,10 +84,23 @@ window.view = {
 	},
 	takeInputFromRadioBox: function() {
 		var element = document.getElementsByName('radio_group')
-		if ( element[0].checked )
+		if ( element[0].checked ){
 			this.generateRandomNumbers()
-		else if (element[1].checked)
+			this.textAreaDisable()
+			
+			
+		}
+		else if (element[1].unchecked){
 			this.getUserInput()
+		}
+
+
+	},
+	  
+
+	textAreaDisable: function(){
+		document.getElementById(userInput).disabled = true
+		
 	},
 	createBoxes: function() {
 		for ( i = 0 ; i < this.numbers.length ; i++ ) {
@@ -269,4 +283,4 @@ window.view = {
 		this.activateEvents()
 	}
 }
-window.onload = function() { view.init() }
\ No newline at end of file
+window.onload = function() { view.init() }
diff --git a/src/lab/exp4/simulation/2-D/array.js b/src/lab/exp4/simulation/2-D/array.js
index 5f5a1fdd..0e312ac7 100644
--- a/src/lab/exp4/simulation/2-D/array.js
+++ b/src/lab/exp4/simulation/2-D/array.js
@@ -121,7 +121,7 @@ window.view = {
 		var size = this.rowsA * this.colsA
 		for ( i = 0 ; i < size ; i++)
 		{
-			var random = Math.floor(Math.random()*15)
+			var random = i+1
 			this.matrixA.push(random)
 		}
 		this.resetRowsAndCols()
@@ -137,7 +137,7 @@ window.view = {
 		var size = this.rowsB * this.colsB
 		for ( i = 0 ; i < size ; i++)
 		{
-			var random = Math.floor(Math.random()*15)
+			var random = i+1
 			this.matrixB.push(random)
 		}
 		this.disableButton('generateB')
@@ -417,4 +417,4 @@ window.view = {
 		this.activateEvents()
 	}
 }
-window.onload = function() { view.init() }
\ No newline at end of file
+window.onload = function() { view.init() }
diff --git a/src/lab/exp6/simulation/IfElse/index.html b/src/lab/exp6/simulation/IfElse/index.html
index 46080f90..52b734e2 100644
--- a/src/lab/exp6/simulation/IfElse/index.html
+++ b/src/lab/exp6/simulation/IfElse/index.html
@@ -14,12 +14,12 @@
 <div class = 'inputDivision' >
 	<div class = 'inputDivisionTitle' ><div class = 'initializePic' ></div><div class = 'initializeText' >Initialize</div></div>
 	<div class = 'inputDivisionBody' >
-		<div class = 'instructionText marginTop' > x1 = 075; &nbsp; y1 = 075;</div>
-		<div class = 'instructionText' > x2 = 275; &nbsp; y2 = 075;</div>
-		<div class = 'instructionText' > x3 = 275; &nbsp; y3 = 325;</div>
-		<div class = 'instructionText' > x4 = 075; &nbsp; y4 = 325;</div>
-		<div class = 'DayInputText' ><label class = 'dText' >X : </label><input value = '150' class = 'textField' type = 'text'  id = 'textFieldXId' ></div>
-		<div class = 'DayInputText' ><label class = 'dText'>Y : </label><input value = '150' class = 'textField' type = 'text'  id = 'textFieldYId' ></div>
+		<div class = 'instructionText marginTop' > x1 = 050; &nbsp; y1 = 050;</div>
+		<div class = 'instructionText' > x2 = 250; &nbsp; y2 = 050;</div>
+		<div class = 'instructionText' > x3 = 250; &nbsp; y3 = 300;</div>
+		<div class = 'instructionText' > x4 = 050; &nbsp; y4 = 300;</div>
+		<div class = 'DayInputText' ><label class = 'dText' >X : </label><input value = '050' class = 'textField' type = 'text'  id = 'textFieldXId' ></div>
+		<div class = 'DayInputText' ><label class = 'dText'>Y : </label><input value = '050' class = 'textField' type = 'text'  id = 'textFieldYId' ></div>
         <div class = 'listDivision margin15' >
 			<select class = 'button expList' name = 'expression_input_list' id = 'loopList' >
      		<option>select code</option>
@@ -125,4 +125,4 @@
 	</div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/lab/exp6/simulation/SwitchCase/basicControlFlow.css b/src/lab/exp6/simulation/SwitchCase/basicControlFlow.css
index 5e1f9cd0..ef86446c 100644
--- a/src/lab/exp6/simulation/SwitchCase/basicControlFlow.css
+++ b/src/lab/exp6/simulation/SwitchCase/basicControlFlow.css
@@ -1,460 +1,272 @@
-*{padding: 0 ; margin: 0 ;}
-
-body {
-	min-height: 564px;
-	min-width: 1100px;
-    text-align: center;
-    height: 100%;
-    font-size: 100%;
-    position:absolute; top: 0%; bottom: 0%; right: 0%; left: 0%;
-}
-
-#header {
-	position: absolute;
-	top: 0;bottom: 0;left: 0;right: 0;
-	width: 100%;
-	height: 6%;
-	font-size: 4vh;
-	padding-top: 1.3vmin;
-}
-
-.button, .buttonDisable {
-	position: relative;
-	padding: 0.5em 1em;
-  	border-radius: 0.2em; 
-  	overflow: visible;
-  	outline: none;
-	white-space: nowrap;
-  	-moz-background-clip: padding; 
-    background-clip: padding-box;
-	border: 1px solid #d4d4d4;
-    margin: 0;
-    text-align: center;
-	zoom: 1;
-    *display: inline;
-    text-decoration: none;
-    display: inline-block;
-}
-
-.button{
-    cursor: pointer;
-}
-
-#header, .button {
-	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
-	border-color: #3072b3;
-    border-bottom-color: #2a65a0;
-	color: #fff;
-	background-color: #3c8dde;
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
-    background-image: -moz-linear-gradient(#599bdc, #3072b3);
-    background-image: -o-linear-gradient(#599bdc, #3072b3);
-    background-image: linear-gradient(#599bdc, #3072b3);
-}
-
-.buttonDisable {
-   	text-shadow: 1px 1px 0 #fff;
-   	color: #999999;
-    background-color: #ececec;
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
-    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
-    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
-    background-image: -o-linear-gradient(#f4f4f4, #ececec);
-    background-image: linear-gradient(#f4f4f4, #ececec);
-}
-
-.buttonDisable::-moz-focus-inner, .button::-moz-focus-inner, .#header::-moz-focus-inner {
-    padding: 0;
-    border: 0;
-}
-
-.vlabsIcon {
-    position: absolute;
-    top: 1.2%;
-    left: 8%;
-    width: 15vh;
-    height: 6.7vh;
-    background-image: url('iiitLogo.png');
-    background-repeat: no-repeat;
-    background-color: transparent;
-}
-
-.inputDivision, .outputDivision, .executionDivision {
-    position: absolute;
-    border: 1px solid #CCC;
-    border-radius: 5px;
-    color: #464646;
-}
-
-.inputDivision, .outputDivision, .executionDivision {
-    top: 11%;
-    height: 87%; 
-}
-
-.executionDivision {
-    left: 25%;
-    width: 30%;
-}
-
-.inputDivision {
-    left: 3%;
-    width: 19%;
-}
-
-.outputDivision {
-    left: 58%;
-    width: 39%;
-}
-
-.inputDivisionTitle, .outputDivisionTitle, .executionDivisionTitle {
-    text-align: center;
-    top: 0%;
-    color: #2a65a0;
-    text-decoration: none;
-    text-shadow: 1px 1px 0 #fff;
-    width: 100%;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-    background-color: #F8F8F8;
-    height: 9%;
-}
-
-.initializePic, .executionPic, .outputPic {
-	margin-left: 10%;
-	float: left;
-	height: 100%;
-    background-repeat: no-repeat;
-    background-color: transparent;
-}
-
-.initializePic {
-	margin-top: 1.5vh;
-	width: 20%;
-	background-image: url('initIcon.png');
-}
-
-.initializeText {
-	width: 60%;
-	float: left;
-	height: 100%;
-}
-
-.executionPic {
-	margin-top: 1vh;
-	width: 25%;
-	background-image: url('pageIcon.png');
-}
-
-.executionText {
-	text-align: left;
-	width: 50%;
-	float: left;
-	height: 100%;
-}
-
-.outputPic {
-	margin-top: 1.6vh;
-	width: 25%;
-	background-image: url('outputIcon.png');
-}
-
-.outputText {
-	text-align: left;
-	width: 50%;
-	float: left;
-	height: 100%;
-}
-
-.inputDivisionBody {
-	position: absolute;
-	top: 9%;
-	left: 0%;
-	width: 100%;
-	height: 91%;
-	text-align: center;
-	font-size: 1em;
-	border-top: 1px solid #CCC;
-}
-
-.instructionText {
-    float: left;
-    text-align: left;
-    width: 95%;
-    min-width: 70px;
-    margin-left: 5%;
-    margin-top: 20px; 
-}
-
-.workingDayImage, .relaxDayImage {
-    position: absolute;
-    height: 100%;
-    width: 50%;
-    background-repeat: no-repeat;
-    background-color: transparent;
-    background-position:center;
-    cursor: pointer;
-    opacity: .2;
-}
-
-.workingDayImage {
-    left: 0%;
-    top: 0%;
-    background-image: url('working.jpg');
-}
-
-.relaxDayImage {
-    left: 50%;
-    top: 0%;
-    background-image: url('relaxing.jpg');
-}
-
-.margin15 {
-    margin-top: 15px;
-    margin-left: 5px;
-}
-
-.radioButtonHolder {	
-    width: 100%;
-    float: left;
-    font-size: 16px;
-    text-align: left;
-}
-
-.radiobutton {
-    cursor: pointer;
-	margin-left: 7%;
-	float: left;
-}
-
-.radioText {
- 	float: left;
-	text-align: left;
-}
-
-.resultDisplay {
-    position: absolute;
-    top: 9%;
-    left: 0%;
-    width: 100%;
-    height: 90%;
-    border-top: 1px solid #CCC;
-}
-
-.imageBlock {
-    position: absolute;
-    top: 2%;
-    left: 2%;
-    width: 96%;
-    height: 46%;
-}
-
-.stepExecutionDisplay {
-    padding-top: 2%;
-    padding-left: 2%;
-    overflow-x: auto;
-    position: absolute;
-    top: 9%;
-    left: 0%;
-    width: 97.8%;
-    height: 88%;
-    text-align: left;
-    border-top: 1px solid #CCC;
-}
-
-.hide {
-	display: none;
+//---------------------------------+
+// Author: Parvesh Kumar Gahanolia |
+// Email: <parvesh@vlabs.ac.in>    |
+//---------------------------------+
+
+window.model = {
+	inputNumber: 0, //user input text field.
+}
+
+window.view = {
+	currentSiblingElement: new Object(), // Object value of current sibling.
+	nextSiblingElement: new Object(), // Object value of next sibling.
+	// addClickEvent: add EventListener to other methods.
+	addClickEvent: function (id, method) {
+		var element = document.getElementById(id);
+		element.addEventListener('click', method, false);
+	},
+	// activateEvents: calls addClickEvent method to add EventListener to other methods.
+	activateEvents: function() {
+		this.addClickEvent('radioBtn1Id', function() { view.setValue('textFieldId', this.value) });
+		this.addClickEvent('radioBtn2Id', function() { view.setValue('textFieldId', this.value) });
+		this.addClickEvent('radioBtn3Id', function() { view.setValue('textFieldId', this.value) });
+		this.addClickEvent('radioBtn4Id', function() { view.setValue('textFieldId', this.value) });
+		this.addClickEvent('radioBtn5Id', function() { view.setValue('textFieldId', this.value) });
+		this.addClickEvent('radioBtn6Id', function() { view.setValue('textFieldId', this.value) });
+		this.addClickEvent('radioBtn7Id', function() { view.setValue('textFieldId', this.value) });
+		this.addClickEvent('submitBtnId', function() { view.validationInput() });
+		this.addClickEvent('startBtnId', function() { view.startStepExecution() });
+		this.addClickEvent('nextBtnId', function() { view.showDayOfWeek() });
+		this.addClickEvent('resetBtnId', function() { view.resetButtonSwitch() });	
+	},
+	// setInnerHtml: set innerText to a element.
+ 	setInnerHtml: function (id, innerHTML) {
+ 		document.getElementById(id).innerHTML = innerHTML;
+ 	},
+ 	// enableElement: makes element enable.
+    	enableElement: function (id) {
+    		document.getElementById(id).disabled = false;
+    	},
+    	// disableElement: makes element disable.
+    	disableElement: function (id) {
+    		document.getElementById(id).disabled = true;
+    	},
+    	// replaceElement: replace one element by another element.
+    	replaceElement: function (id1, id2) {
+    		document.getElementById(id1).style.display = 'none';
+    		document.getElementById(id2).style.display = 'block';  	 
+    	},
+    	// changeClass: changes class name of a element.
+	changeClass: function(id, className) {
+		document.getElementById(id).className = className
+	},
+    	// setValue: set given value to a element.
+    	setValue: function (id, value) {
+		document.getElementById(id).value = value;
+	},
+	// getValue: get value from element.
+	getValue: function (id) {
+		var value = document.getElementById(id).value;
+		return value;
+	},
+	// applyColorClass: adds new color class to a element.
+	applyColorClass: function (id, colorClass) {
+		document.getElementById(id).classList.add(colorClass);
+	},
+	// removeColorClass: removes color class from element.
+	removeColorClass: function (id, colorClass) {
+		document.getElementById(id).classList.remove(colorClass);
+	},
+	// getNextSiblingElement: return next sibling element.
+	getNextSiblingElement: function (element) {
+		var nextSiblingElement = element.nextSibling;
+		nextSiblingElement = nextSiblingElement.nextSibling;
+		return nextSiblingElement;
+	},
+	// getElementByClass: return element by given class name.
+	getElementByClass: function (className) {
+		var element = document.getElementsByClassName(className);
+		return element[0];
+	},
+	// codeExecutionWithColour: shows execution of code by changing color in code Content.
+	codeExecutionWithColour: function () {
+		this.removeColorClass(this.currentSiblingElement.id, 'redClass');
+		this.applyColorClass(this.nextSiblingElement.id, 'redClass');
+	},
+	// codeExecutionWithColourAndId: shows execution of code by changing color with given id in code Content.
+	codeExecutionWithColourAndId: function (id) {
+		this.removeColorClass(this.currentSiblingElement.id, 'redClass');
+		this.applyColorClass(id, 'redClass');
+	},
+	// changeOpacity: changes opacity of image.
+	changeOpacity: function (id) {
+		document.getElementById(id).style.opacity = '1';
+	},
+	// showDay: shows desire day that by showing output string and change opacity of day picture.
+	showDay: function (id, previousChildId, imagesId, innerHTMLId, innerHTML) {
+		this.codeExecutionWithColourAndId(id);
+		this.setInnerHtml(innerHTMLId, innerHTML);
+		this.changeOpacity(imagesId);	
+	},
+	// jumpToDay: to jump on desire day.
+	jumpToDay: function () {
+		switch (model.inputNumber) {
+			case 1:
+				this.showDay('case1Id', this.currentSiblingElement.id, 'mondayImages', 'strNullId', 'Monday');
+  				break;
+			case 2:
+  				this.showDay('case2Id', this.currentSiblingElement.id, 'tuesdayImages', 'strNullId', 'Tuesday');
+  				break;
+			case 3:
+  				this.showDay('case3Id', this.currentSiblingElement.id, 'wednesdayImages', 'strNullId', 'Wednesday');
+  				break;
+			case 4:
+  				this.showDay('case4Id', this.currentSiblingElement.id, 'thursdayImages', 'strNullId', 'Thursday');
+  				break;
+			case 5:
+  				this.showDay('case5Id', this.currentSiblingElement.id, 'fridayImages', 'strNullId', 'Friday');
+  				break;
+			case 6:
+  				this.showDay('case6Id', this.currentSiblingElement.id, 'saturdayImages', 'strNullId', 'Saturday');
+  				break;
+			case 7:
+  				this.showDay('case7Id', this.currentSiblingElement.id, 'sundayImages', 'strNullId', 'Sunday');
+  				break;
+  			default:
+  				this.showDay('defaultId', this.currentSiblingElement.id, null, 'strNullId', 'null');
+        		break;	
+		}
+	},
+	/* validationInput: check validation of input that is given by user if input value is valid
+	then make submit button disable and make start button enable. */
+	validationInput: function () {
+		var textFieldValue = this.getValue('textFieldId');
+		if (textFieldValue === '' || isNaN(textFieldValue)) {
+			alert('Enter Numeric Values Only');
+			return false;
+		} 
+		else {
+			this.changePropertyOfElements();
+			model.inputNumber = Number(textFieldValue);
+			this.setInnerHtml('idOfDay', model.inputNumber);
+		}		
+	},
+	// changePropertyOfElements: changes property of elemants with enableElement, disableElement and changeClass.
+	changePropertyOfElements: function () {
+		this.disableElement('submitBtnId');
+		this.enableElement('startBtnId');
+		this.changeClass('startBtnId', 'button margin15');
+		this.changeClass('submitBtnId', 'buttonDisable margin15');
+		this.resetStrings();
+		this.resetOpacityOfImages();
+	},
+	// resetRadioButton: reset radio button to it's initial state at the end of code execution.
+	resetRadioButton: function () {
+		var allRadios = document.getElementsByName('day_radio');
+		for(x = 0; x < allRadios.length; x++) {
+			allRadios[x].checked = false;
+		}
+	},
+	// resetOpacityOfImages: set opacity of image it's initial state.
+	resetOpacityOfImages: function () {
+		document.getElementById('workingdayImage').style.opacity = '.2';
+		document.getElementById('holidayImage').style.opacity = '.2';
+		document.getElementById('mondayImages').style.opacity = '.3';
+		document.getElementById('tuesdayImages').style.opacity = '.3';
+		document.getElementById('wednesdayImages').style.opacity = '.3';
+		document.getElementById('thursdayImages').style.opacity = '.3';
+		document.getElementById('fridayImages').style.opacity = '.3';
+		document.getElementById('saturdayImages').style.opacity = '.3';
+		document.getElementById('sundayImages').style.opacity = '.3';
+	},
+	// resetVariables: reset variables to it's initial state at the end of code execution.
+	resetVariables: function () {
+		model.inputNumber = 0;
+	},
+	// resetStrings: clear all output values that displayed during the execution.
+	resetStrings: function () {
+		this.setInnerHtml('strNullId', '');
+		this.setInnerHtml('idOfDay', '');
+		this.setInnerHtml('outputDayId', '');
+		//this.setValue('textFieldId', '');
+	},
+	// resetButton: reset button it's initial state at the end of code execution.
+	resetButton: function () {
+		this.enableElement('submitBtnId');
+		this.changeClass('nextBtnId', 'buttonDisable margin15 hide');
+		this.disableElement('startBtnId');
+		this.changeClass('submitBtnId', 'button margin15');
+		this.changeClass('startBtnId', 'buttonDisable margin15');
+	},
+	// endOfExecution: work at end of code execution and with stop button to reset whole experiment at it's initial state.
+	endOfExecution: function () {
+		this.resetVariables();
+		this.resetRadioButton();
+		//this.resetStrings();
+		this.setValue('textFieldId', '');
+		this.resetButton();
+		var idOfRedText = this.getElementByClass('redClass').id;
+		this.removeColorClass(idOfRedText, 'redClass');
+		//this.resetOpacityOfImages();
+	},
+	// startStepExecution: work to start code execution.
+	startStepExecution: function () {
+		this.applyColorClass('mainId', 'redClass');
+		this.changeClass('startBtnId', 'buttonDisable margin15 hide');
+		this.changeClass('nextBtnId', 'button margin15');
+		this.enableElement('nextBtnId');
+	},
+	// showDayOfWeek: shows code execution and gives final result at end of code.
+	showDayOfWeek: function () {
+		this.currentSiblingElement = this.getElementByClass('redClass');
+		if (this.currentSiblingElement.id === 'closeBrc2Id') {
+	 		this.endOfExecution();
+	 	}
+		this.nextSiblingElement = this.getNextSiblingElement(this.currentSiblingElement);
+		if (this.nextSiblingElement.id === 'charId' || this.nextSiblingElement.id === 'strId' || this.nextSiblingElement.id === 'switchId')
+			this.codeExecutionWithColour();
+		if (this.nextSiblingElement.id === 'case1Id')
+       		this.jumpToDay();
+		if (this.nextSiblingElement.className === 'break')
+			this.codeExecutionWithColour();
+	 	if (this.currentSiblingElement.className === 'break redClass')
+			this.codeExecutionWithColourAndId('closeBrc1Id');
+		if (1 <= model.inputNumber && model.inputNumber <= 5) {
+	 		if (this.nextSiblingElement.id === 'holidayId')
+				this.codeExecutionWithColourAndId('elseIfId');
+	 		else if (this.nextSiblingElement.id === 'workingdayId') {
+	 			this.codeExecutionWithColour();
+				this.changeOpacity('workingdayImage');
+				this.setInnerHtml('outputDayId', 'WORKING DAY');
+	 		}
+	 	}
+		if ( model.inputNumber > 7 ) {
+	 		if (this.nextSiblingElement.id === 'holidayId')
+				this.codeExecutionWithColourAndId('elseIfId');
+	 		else if (this.nextSiblingElement.id === 'workingdayId') 
+				this.codeExecutionWithColourAndId('elseId');
+	 		else if (this.nextSiblingElement.id === 'invalidIPId') {
+				this.codeExecutionWithColour();
+				this.setInnerHtml('outputDayId', 'INVALID INPUT');
+	 		}
+	 	}
+	 	if ((model.inputNumber === 7 ) )  {
+	 		if (this.nextSiblingElement.id === 'holidayId') {
+				this.codeExecutionWithColour();
+				this.changeOpacity('holidayImage');
+				this.setInnerHtml('outputDayId', 'HOLIDAY');
+	 		}
+	 	}
+		if ((model.inputNumber === 6 ) )  {
+	 		if (this.nextSiblingElement.id === 'holidayId') {
+				this.codeExecutionWithColour();
+				this.changeOpacity('holidayImage');
+				this.setInnerHtml('outputDayId', 'HOLIDAY');
+	 		}
+	 	}
+		if (this.nextSiblingElement.id === 'ifId')
+			this.codeExecutionWithColour();
+		if (this.nextSiblingElement.id === 'closeBrc2Id' || this.nextSiblingElement.id === 'elseId' || this.nextSiblingElement.id === 'elseIfId') {
+			this.codeExecutionWithColourAndId('closeBrc2Id');
+	 	}
+	},
+	// init: calls methods to draw canvas and activate events.
+	init: function () {
+		this.activateEvents();
+		this.resetOpacityOfImages();
+	}
+}
+// onload function: call init method on window onload.
+window.onload = function () { 
+	view.init();
 }
-
-.show {
-    display: block;
-}
-
-.marginTop{
-    margin-top: 20px;
-}
-
-.textField{
-    text-align: center;
-    font-size: 15px;
-    float: left;
-    margin-left: 5px;
-    height: 26px;
-    width: 30%;
-    min-width: 60px;
-    border: 1px solid #CCC;
-    outline: none;
-    border-radius: 3px;
-}
-
-.dText{
-    float: left;
-    width: 45px;
-    height: 20px;
-    margin-top: 5px;
-    margin-left: 17%;
-}
-
-.DayInputText{
-    margin-top: 10px;
-    float: left;
-    width: 100%;
-    height: 27px;
-}
-
-.localVariables{
-    position: absolute;
-    width: 100%;
-    height: 30%;
-    left: 0%;
-    top: 60%; 
-}
-
-.dayIconDivision{
-    position: absolute;
-    width: 100%;
-    height: 10%;
-    left: 0%;
-    top: 50%;
-    border-bottom: 1px solid #CCC;  
-}
-
-.mondayIcon, .tuesdayIcon, .wednesdayIcon, .thursdayIcon, .fridayIcon, .saturdayIcon, .sundayIcon{
-    width: 14.2%;
-    float: left;
-    height: 100%;
-    background-repeat: no-repeat;
-    background-color: transparent;
-    background-position:center;
-    opacity: .3;
-}
-
-.mondayIcon{
-    background-image: url('monday.png');
-}
-
-.tuesdayIcon{
-    background-image: url('tuesday.png');
-}
-
-.wednesdayIcon{
-    background-image: url('wednesday.png');
-}
-
-.thursdayIcon{
-    background-image: url('thursday.png');
-}
-
-.fridayIcon{
-    background-image: url('friday.png');
-}
-
-.saturdayIcon{
-    background-image: url('saturday.png');
-}
-
-.sundayIcon{
-    background-image: url('sunday.png');
-}
-
-.localVariabals{
-    position: absolute;
-    width: 100%;
-    height: 35%;
-    left: 0;
-    top: 65%;
-}
-
-.localVariableText{
-    float: left;
-    font-size: 1.2em;
-    width: 20%;
-    height: 20%;
-    text-align: right;
-}
-
-.localVariableValue{
-    float: left;
-    font-size: 1.2em;
-    width: 75%;
-    margin-left: 5%;
-    height: 20%;
-    text-align: left;
-}
-
-.redClass {
-  display: block;
-  color: red;
-  font-weight: bold;
-}
-
-@media only screen and (min-width: 1000px) {
-
-.inputDivisionTitle, .outputDivisionTitle, .executionDivisionTitle {
-    font-size: 1.3em;
-}
-
-.initializeText, .executionText, .outputText {
-    padding-top: 1.8vmin; 
-}
-
-.radioButtonHolder {    
-    height: 24px;
-    font-size: 1em;
-} 
-
-.radiobutton {
-    width: 10%;
-    height: 60%;
-}
-
-.instructionText {
-    height: 7%;
-    font-size: 2.5vh;
-}
-
-.radioText {
-    font-size: 16px;
-    width: 70%;
-    height: 60%;
-}
-
-}
-
-@media only screen and (max-width: 999px) and ( min-width: 600px) {
-
-.inputDivisionTitle, .outputDivisionTitle, .executionDivisionTitle {
-    font-size: 1.2em;
-}
-
-.stepExecutionDisplay {
-    line-height: 140%;
-    font-size: 1.2em;
-}
-
-.initializeText, .executionText, .outputText {
-    padding-top: 1.8vmin; 
-}
-
-.radioButtonHolder {    
-    height: 40px;
-    font-size: 1.2em;
-} 
-
-.radiobutton {
-    width: 25%;
-    height: 55%;
-}
-
-.instructionText {
-    height: 8%;
-    font-size: 20px;
-}
-
-.radioText {
-    font-size: 1.2em;
-    width: 60%;
-    height: 60%;
-   
-}
-
-}
\ No newline at end of file
diff --git a/src/lab/exp6/simulation/SwitchCase/basicControlFlow.js b/src/lab/exp6/simulation/SwitchCase/basicControlFlow.js
index 6822a81c..9e2e4ecf 100644
--- a/src/lab/exp6/simulation/SwitchCase/basicControlFlow.js
+++ b/src/lab/exp6/simulation/SwitchCase/basicControlFlow.js
@@ -221,7 +221,7 @@ window.view = {
 			this.codeExecutionWithColour();
 	 	if (this.currentSiblingElement.className === 'break redClass')
 			this.codeExecutionWithColourAndId('closeBrc1Id');
-		if (1 <= model.inputNumber && model.inputNumber <= 6) {
+		if (1 <= model.inputNumber && model.inputNumber <= 5) {
 	 		if (this.nextSiblingElement.id === 'holidayId')
 				this.codeExecutionWithColourAndId('elseIfId');
 	 		else if (this.nextSiblingElement.id === 'workingdayId') {
@@ -240,6 +240,23 @@ window.view = {
 				this.setInnerHtml('outputDayId', 'INVALID INPUT');
 	 		}
 	 	}
+                 if ( model.inputNumber < 1 ) {
+	 		if (this.nextSiblingElement.id === 'holidayId')
+				this.codeExecutionWithColourAndId('elseIfId');
+	 		else if (this.nextSiblingElement.id === 'workingdayId') 
+				this.codeExecutionWithColourAndId('elseId');
+	 		else if (this.nextSiblingElement.id === 'invalidIPId') {
+				this.codeExecutionWithColour();
+				this.setInnerHtml('outputDayId', 'INVALID INPUT');
+	 		}
+	 	}
+                 if (model.inputNumber === 6) {
+	 		if (this.nextSiblingElement.id === 'holidayId') {
+				this.codeExecutionWithColour();
+				this.changeOpacity('holidayImage');
+				this.setInnerHtml('outputDayId', 'HOLIDAY');
+	 		}
+	 	}  
 	 	if (model.inputNumber === 7) {
 	 		if (this.nextSiblingElement.id === 'holidayId') {
 				this.codeExecutionWithColour();
diff --git a/src/lab/exp6/simulation/SwitchCase/index.html b/src/lab/exp6/simulation/SwitchCase/index.html
index 4af5361f..c543098f 100644
--- a/src/lab/exp6/simulation/SwitchCase/index.html
+++ b/src/lab/exp6/simulation/SwitchCase/index.html
@@ -46,16 +46,17 @@
 		<div 	id = 'case4Id'        >&emsp;&emsp;case 4 : str = 'Thursday';</div>
 		<div 	id = 'case4BreakId'	    class='break'	   >&emsp;&emsp;&emsp;break;</div>
 		<div  	id = 'case5Id'        >&emsp;&emsp;case 5 : str = 'Friday';</div>
-		<div 	id = 'case5BreakId' 	class='break'	   >&emsp;&emsp;&emsp;break;</div>
-		<div   	id = 'case6Id'        >&emsp;&emsp;case 6 : str = 'Saturday';</div>
-		<div 	id = 'case6BreakId' 	class='break'	   >&emsp;&emsp;&emsp;break;</div>
+	 	<div 	id = 'case5BreakId' 	class='break'	   >&emsp;&emsp;&emsp;break;</div>
+  	<div   	id = 'case6Id'        >&emsp;&emsp;case 6 : str = 'Saturday';</div>
+	<div 	id = 'case6BreakId' 	class='break'	   >&emsp;&emsp;&emsp;break;</div>
 		<div  	id = 'case7Id'        >&emsp;&emsp;case 7 : str = 'Sunday';</div>
 		<div 	id = 'case7BreakId' 	class='break'	   >&emsp;&emsp;&emsp;break;</div>
 		<div 	id = 'defaultId'      >&emsp;&emsp;default : str = null;</div>
 		<div 	id = 'defaultBreakId'   class='break'	 >&emsp;&emsp;&emsp;break; </div>
 		<div 	id = 'closeBrc1Id'    >&emsp;}</div>
-		<div 	id = 'ifId'           >&emsp;if ( strcmp( str, 'Sunday' ) == 0 ) {</div>
+		<div 	id = 'ifId'           >&emsp;if ( strcmp( str, 'Sunday' ) == 0 || strcmp( str, 'Saturday' ) == 0 ) {</div>
 		<div 	id = 'holidayId'      >&emsp;&emsp;printf ( 'HOLIDAY' ); }</div>
+	
 		<div 	id = 'elseIfId'       >&emsp;else if ( str != null ) {</div>
 		<div 	id = 'workingdayId'   >&emsp;&emsp;printf ( 'WORKING DAY' ); }</div>
 		<div 	id = 'elseId'         >&emsp;else {</div>
@@ -88,4 +89,4 @@
 	</div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/lab/exp9/simulation/JS/recursion.js b/src/lab/exp9/simulation/JS/recursion.js
index 1417a55b..6d100ec3 100644
--- a/src/lab/exp9/simulation/JS/recursion.js
+++ b/src/lab/exp9/simulation/JS/recursion.js
@@ -23,8 +23,8 @@ window.view = {
 		 	alert('Enter number of disks first !')
 		 else if ( isNaN(input) === true )
 			alert('Number of disks must be an integer value !')
-		 else if ( input > 5 || input % 1 !== 0 )
-			alert('Only integral value (Greater than equal to 1 and less than equal to 5) is accepted !')
+		 else if ( input > 10 || input < 1 )
+			alert('Invalid Input')
 		 else {
 			this.disableElement('btnOk')
 			this.enableElement('btnStart')
@@ -290,4 +290,4 @@ window.view = {
 		this.activateEvents()
 	}
 }
-window.onload = function() { view.init() }																										
\ No newline at end of file
+window.onload = function() { view.init() }