(function($){
	var frac="";
	var sim2d={};
	$(function(){
		frac = new Fraction();
		sim2d.panelTabs();
		sim2d.initRegions();
		sim2d.initSlider();
		sim2d.initAccordian();
		sim2d.initTextFields();
		sim2d.loadQuestions();
		//sim2d.initSelectBox();
	
		setTimeout(function(){
			sim2d.addTimeEvent();
		},1000)
		});
	var board, graph, xaxis, yaxis, aGlider, bGlider, avgRateLine;

	sim2d.initGraph=function(){
	if(board != undefined) {
		JXG.JSXGraph.freeBoard(board);
	}
		try{
			if(JXG.boards.jxgBoard1!=undefined){
				return false;
				
			}
	}catch(e){}
	JXG.Options.axis.ticks.ticksDistance = 1;
		board = JXG.JSXGraph.initBoard('graph_wrapper', {
			showCopyright:false,
			showNavigation:false,
			grid:false,
			boundingbox: [-15, 15, 15, -15],
			axis:false
		
		}); 
	
	xaxis = board.create('axis', [[0, 0], [1,0]], {
			name:'x', 
			withLabel: true,
			label:   {
			position: 'rt',  // possible values are 'lft', 'rt', 'top', 'bot'
					 offset: [-5, 12]   // (in pixels)
					 }
			});
	yaxis = board.create('axis', [[0, 0], [0, 1]], {
			name:'y', 
			withLabel: true,
			label:	{
			  position: 'rt',  // possible values are 'lft', 'rt', 'top', 'bot'
			  offset: [-12, 0]   // (in pixels)
					}
			});
	
}
	
	sim2d.panelTabs=function(){
		$('.tabs li a').on('click',function(){
			if($(this).parent('li').hasClass('active')){
				return false;
			}
			var tabRef=$(this).attr('data-href');
			$('.whole_tabs').hide();
			$(''+tabRef).show();
			$('.tabs li.active').removeClass('active');	
			$(this).parent('li').addClass('active');
			
			if($(this).parent('li').index()==1){
				sim2d.initGraph();
				$('.regions:eq(0)').trigger('click');
				
			if($(this).parent('li').index()==1){
				$('.regions').removeClass('active');
				sim2d.initGraph();
				$('.regions:eq(0)').trigger('click');
	
			}
			}
			
			videojs('how_video_1').pause();
			});
		
	}
	  
	sim2d.drawPoints=function() {
		if(!aGlider) {
			board.update();
		
		} else {
		}
}
	sim2d.drawEquation=function(index){
		sim2d.initGraph();
		graph = board.create('functiongraph', [function(x){ 
				return eval(equationArr[index]);
			},-20,20
		]);
		sim2d.drawPoints();
		
}
	
	
	sim2d.initRegions=function(){
		$('.regions').on('click',function(){
			if($(this).hasClass('active')){
				return false;
			}
			$('.regions').removeClass('active');
			$(this).addClass('active');
			//$('.rangeslider').slider('value',0);
			$('.rangeslider:eq(2)').slider('value',5);
		});
	};
	sim2d.initSlider=function(){
		

		$('.rangeslider:eq(0)').slider({
		
			range: "min",
			value:1,
			min:-14,
			max:14,
			step:0.5,
			slide: function( event, ui ) {
				$(this).parent('.block').find( ".field" ).val( "" + eval(ui.value.toFixed(1)) );
				
				sim2d.getEquation(ui.value,$(this).attr('id'));
				
				
			},
			change:function(event, ui){
				$(this).parent('.block').find( ".field" ).val( "" + eval(ui.value.toFixed(1)) );
				//sim2d.drawEquation();
				sim2d.getEquation(ui.value,$(this).attr('id'));
			}
		});
		$('.rangeslider:eq(1)').slider({
			range: "min",
			value:0,
			min:-14,
			max:14,
			step:0.5,
			slide: function( event, ui ) {
				$(this).parent('.block').find( ".field" ).val( "" + eval(ui.value.toFixed(1)) );
				$('#verticalInput').val( "" + eval(ui.value.toFixed(1)) );
				//sim2d.drawEquation();
				sim2d.getEquation(ui.value,$(this).attr('id'));
				
				//board.update();
			},
			change:function(event, ui){
				$(this).parent('.block').find( ".field" ).val( "" + eval(ui.value.toFixed(1)) );
				//sim2d.drawEquation();
				sim2d.getEquation(ui.value,$(this).attr('id'));
			}
		});
		$('.rangeslider:eq(2),.rangeslider:eq(3)').slider({
			range: "min",
			value:5,
			min:-5,
			max:15,
			step:0.1,
			slide: function( event, ui ) {
				$(this).parent('.block').find( ".field" ).val( "" + ui.value );
				//sim2d.drawEquation();
				sim2d.getEquation(ui.value,$(this).attr('id'));
				//board.update();
			},
			change:function(event, ui){
				$(this).parent('.block').find( ".field" ).val( "" + ui.value );
				sim2d.getEquation(ui.value,$(this).attr('id'));
			}
		});
	}
	sim2d.initAccordian=function(){
		$( ".areaaccordion" ).accordion();
	}
	sim2d.initTextFields=function(){
		$('input.field.small').on('keyup',function(event){
			event.preventDefault();
			event.stopPropagation();
			
			if(event.keyCode==13 || event.keyCode==9){
				sim2d.calcTextField(this);
				return ;
			}
			sim2d.drawPoints();
			
		});
		$('input.field.small').on('keydown',function(event){
				if(event.keyCode==9){
				sim2d.calcTextField(this);
				return ;
			}
			sim2d.drawPoints();
			
		});
		/*$('input.field.small').on('blur',function(event){
			event.stopPropagation();
			var objThis=this;
			sim2d.calcTextField(objThis);
			return ;
		});*/
		/*$('.field[contenteditable=true]').on('keyup',function(event){
			event.preventDefault();
			if(event.keyCode==13){
				return ;
			}
		});*/
	}
	sim2d.calcTextField=function(objThis){
		var numToChange=$(objThis).val();
		var min=$(objThis).parent('.block').find('.rangeslider').slider('option','min');
		var max=$(objThis).parent('.block').find('.rangeslider').slider('option','max');
		if(max==4.1){
			max=4.0;
		}
		var isFraction=(numToChange+"").split('/').length;
		try{
			if(isFraction>1){
				alert('Enter decimal values');
				$(objThis).val(($(objThis).parent('.block').find('.rangeslider').slider('value').toFixed(1)));
				return;
			}
			if(!isNaN(eval(numToChange))){
				if(Number(eval(numToChange))<min || Number(eval(numToChange))>max){
					alert('Enter the range between '+min+' & '+max+'.');
					$(objThis).val(($(objThis).parent('.block').find('.rangeslider').slider('value').toFixed(1)));
					return;
				}
				$(objThis).parent('.block').find('.rangeslider').slider('value',Number(eval(numToChange)));
			}else{
				$(objThis).val(($(objThis).parent('.block').find('.rangeslider').slider('value').toFixed(1)));
				return;
			}
		}catch(e){
			alert('Enter the range between '+min+' & '+max+'.');
			$(objThis).val(($(objThis).parent('.block').find('.rangeslider').slider('value').toFixed(1)));
			return;
		}
	}
	function replaceAll(oldStr, removeStr, replaceStr, caseSenitivity)
	{
		if(caseSenitivity == 1)
		{
			cs = "g";
		}
		else
		{
			cs = "gi";  
		}
		var myPattern=new RegExp(removeStr,cs);
		newStr =oldStr.replace(myPattern,replaceStr);
		
		return newStr;
	}
		var g2,g3,g4,g5,l2="";
		var S,P,Q,T,R,V,L_1,L_2,rp1,INV,INV1,T,T1,T2,T3,hr_line1,hr_line2,hr_line4,hr_line,urlImg1,urlImg2,im,im1,sol_set,sol_set1,b_text,b_text1,brack_1,brack_2,brack_3,brack_4,brack_5,brack_6,graph4= "";
		
	sim2d.getEquation=function(x,index){
		var b=0;
		var a=1;
		var h=0;
		var k=0;

		if(index==="rangeslider1")
		{
			var a=eval($('.rangeslider:eq(0)').slider('value').toFixed(1));
			var b=eval($('.rangeslider:eq(1)').slider('value').toFixed(1));
			var c=eval($('.rangeslider:eq(2)').slider('value').toFixed(1));
		}
		else if(index==="rangeslider2")
		{
			var a=eval($('.rangeslider:eq(0)').slider('value').toFixed(1));
			var c=eval($('.rangeslider:eq(2)').slider('value').toFixed(1));
			var b=eval($('.rangeslider:eq(1)').slider('value').toFixed(1));
		}
		else if(index==="rangeslider3")
		{
			var a=eval($('.rangeslider:eq(0)').slider('value').toFixed(1));
			var b=eval($('.rangeslider:eq(1)').slider('value').toFixed(1));
			var c=eval(x.toFixed(1));
		}
		else if(index==="rangeslider4")
		{
			
		}
	
		var eqNo=($('.regions.active').index()+1);
		var equation="";
		
	if(eqNo===1)
		{
		equation=a*Math.pow(b*(1/x));
		var replaceValue="y = "+k+"(1/("+h+"*(x-"+b+")))+"+a+"";
		$('.equation-text-change').html(replaceValue.replace(/\--/g,'+').replace(/\+-/g,'-'));
		
		}
	else 
		{
				alert('no other function allowed');
		}	
		
	if(graph){
		board.removeObject(graph);
		board.removeObject(graph1);
		board.removeObject(graph4);
		board.removeObject(p);
		board.removeObject(p00);
		board.removeObject(p10);
		board.removeObject(R);
		board.removeObject(rp1);
		board.removeObject(INV);
		board.removeObject(INV1);
		board.removeObject(L_1);
		board.removeObject(L_2);
		board.removeObject(L_seg1);
		board.removeObject(L_seg2);
		board.removeObject(T);
		board.removeObject(T1);
		board.removeObject(hr_line1);
		board.removeObject(hr_line2);
		board.removeObject(hr_line4);
		board.removeObject(hr_line);
		board.removeObject(urlImg1);
		board.removeObject(urlImg2);
		board.removeObject(im);
		board.removeObject(im1);
		board.removeObject(sol_set);
		board.removeObject(sol_set1);
		board.removeObject(b_text);
		board.removeObject(b_text1);
		board.removeObject(brack_1);
		board.removeObject(brack_2);
		board.removeObject(brack_3);
		board.removeObject(brack_4);
		board.removeObject(brack_5);
		board.removeObject(brack_6);
		
		}
	
	 p00 = board.create('point', [function () {
     coords = new JXG.Coords(JXG.COORDS_BY_SCREEN, [0, board.canvasHeight - 50], board);
    return coords.usrCoords;}], {needsRegularUpdate: true, visible: false});
	
	 p10 = board.create('point', [function () {
     coords = new JXG.Coords(JXG.COORDS_BY_SCREEN, [board.canvasWidth, board.canvasHeight - 50], board);
    return coords.usrCoords;}], {needsRegularUpdate: true, visible: false});
	
	 l = board.create('axis', [p00, p10], {needsRegularUpdate: false, strokeColor: 'green'});
	
	//p = board.create('glider',[eval(-b/a),0,xaxis],{size:2,name:'T'});
	
	
	//ine2 = board.create('line', [30, 0, -5],{dash:1}), // Line y = 2/3 x + 1 or 0 = -3y + 2x +1
	//ineq2 = board.create('inequality', [line2],{inverse:true}, {fillColor: 'yellow'});
	//p=eval(-b/a);
	//graph=board.create('functiongraph', [function(x){return /*p.X()**/Math.abs(a*x+b);}],{dash:1});
	//graph1=board.create('functiongraph', [function(x){return (c);}],{dash:1});
	//console.log(L_2.X())
	p = board.create('glider',[eval(-b/a),/*,function(){return 0}*/0,xaxis],{size:2,name:''});
	//var h=p.X();
	//b=eval(-a*h)

	
	graph=board.create('functiongraph', [function(x){return /*p.X()**/Math.abs(a*x+(-a*p.X()));}],{dash:1});
	graph1=board.create('functiongraph', [function(x){return eval(c);}],{dash:1});
				
	R = board.create('intersection', [graph1, graph,0],{name: '',fillColor:'white',strokeColor:'blue',size:3});
	rp1 = board.create('intersection', [graph1, graph,1],{	name: '',fillColor:'white',strokeColor:'blue',	size:3});

	if(c<=10)
	{
		INV=board.create('segment',[p,R],{dash:2});
		INV1=board.create('segment',[p,rp1],{dash:2});
	}
	
	else
	{
		INV=board.create('segment',[p,R]);
		INV1=board.create('segment',[p,rp1]);
	}
	
		L_1 = board.create('glider', [function(){return R.X()},-5,l], {
			visible:false,
			name: 'L1'
		});
		L_seg1 = board.create('segment', [R, L_1], {/*withLabel:true, name:'l1,'*/ dash:2})
	 

	
		board.update();
		L_2 = board.create('glider', [function(){return rp1.X()},5,l], {
			visible:false,
			name: 'L2'
		});
		var a_Val1=eval($('.rangeslider:eq(0)').slider('value').toFixed(1));
		if(a_Val1==0){graph4=board.create('functiongraph', [function(x){return eval(b);}],{dash:1});}
		
		var l_val=L_1.X();
		var l2_val=L_2.X();
		sol_set = board.create('text',[l_val,-13,+l_val]);
		sol_set1 = board.create('text',[l2_val,-13,+l2_val]);
		
		var b_text="(";
		brack_1 = board.create('text',[l_val-0.1,-11,"("]);
		var b_text1=")";
		brack_2 = board.create('text',[l2_val-0.1,-11,")"]);
		
		p.on('drag',function(event, ui)
		{ 
		var h=p.X();
		b=eval(-a*h)
		$('#verticalInput_1').val(b.toFixed(2));
		
		//var l_value=R.X();
		//L_1.coords.usrCoords[1]=l_value;
		//var l_value1=rp1.X();
		//L_2.coords.usrCoords[1]=l_value1;
		$('.rangeslider:eq(1)').slider('value',+b);
		//$('.rangeslider:eq(0)').slider('value',+a);
		//$('.rangeslider:eq(2)').slider('value',+c);
		
		//hr_line=board.create('segment',[L_1,L_2],{name:'',straightLast:false});
		//sim2d.initSelectBox();
	
		});
		
		L_seg2 = board.create('segment', [rp1, L_2], {withLabel:true, name:'',  dash:2})
		sim2d.initSelectBox();
		board.update();
		}
	
	sim2d.initSelectBox=function(){
	$('.selectBox select').on('change',function(event){
		//console.log($(this).val());
		//$('.rangeslider:eq(0)').slider('value',5);
		//sim2d.initSlider();
		$('.forms').hide();
		$('.'+$(this).val()).show();
		
		
			var selectVal=$('.selectBox :selected').text();
		
			var a_Val1=eval($('.rangeslider:eq(0)').slider('value').toFixed(1));
			var b_Val1=eval($('.rangeslider:eq(1)').slider('value').toFixed(1));
			var c_Val1=eval($('.rangeslider:eq(2)').slider('value').toFixed(1));
			var ab_val=eval((a_Val1*p.X()-b_Val1));
		
		 if (ab_val<10)
	{
	INV=board.create('segment',[p,R]);
	INV1=board.create('segment',[p,rp1]);
	}
		//console.log(ab_val)
			if(ab_val>=10)
	{
	
			T = board.create('point', [-15.92, -11.15], {	
			style: 2,
			name: 'T',
			});
			
			hr_line=board.create('segment',[L_1,T],{name:'',straightLast:false});
			
			T1 = board.create('point', [15.92, -11.15], {
			style: 2,
			name: 'T1',
			});
			
			hr_line1=board.create('segment',[L_2,T1],{name:'',straightLast:false});
			
			
	}
	
		else (ab_val<=10.1)
	{
				hr_line=board.create('segment',[L_1,L_2],{name:'',straightLast:false});
			
	}
			if(graph)
			{
		board.removeObject(brack_3);
		board.removeObject(brack_4);
		board.removeObject(graph4);
		board.removeObject(hr_line4);
			}
			
			if(selectVal=="≥"&&c_Val1<0)
		{
		console.log("1st iff")
		$('#r_x').val('( -∞ , ∞ )');
		$('.singleR').show();
		//$('.Rint').show();
		}
		else if(selectVal=="<"/*||ab_val<10*/)
		{
			R = board.create('intersection', [graph1, graph,0],{name: '',fillColor:'white',strokeColor:'blue',size:3});
			rp1 = board.create('intersection', [graph1, graph,1],{	name: '',fillColor:'white',strokeColor:'blue',	size:3});
			var c_sl=eval($('.rangeslider:eq(2)').slider('value').toFixed(1))
			var b_sl=eval($('.rangeslider:eq(1)').slider('value').toFixed(1))
			var a_sl=eval($('.rangeslider:eq(0)').slider('value').toFixed(1))
		
			var con_1=eval((-c_sl-b_sl)/a_sl)
			con_1=con_1.toFixed(2);
			var con_2=eval((c_sl-b_sl)/a_sl)
			con_2=con_2.toFixed(2);
			$('#r_x').val("("+con_1+" , "+con_2+")");
			$('.singleR').show();
		
			if(($('#r_x').val()=="-Infinity , Infinity")||($('#r_x').val()=="[ -Infinity , Infinity ]")){$('#r_x').val('( –∞ , ∞ )');
			if(b_Val1==-8){
			//console.log("value-"+b_Val1)
			graph4=board.create('functiongraph', [function(x){return eval(-b_Val1);}]);
			T2 = board.create('point', [-15.92, -11.15], {	style: 2,name: 'T'	});
			T3 = board.create('point', [15.92, -11.15], {	style: 2,name: 'T1' });
			hr_line4=board.create('segment',[T2,T3],{name:'',straightLast:false});
			}
			}
			$('.Rint').show();
			board.update();
 		}
		else if(selectVal=="≤"/*|| ab_val<=10*/)
		{
			
			var c_sl=eval($('.rangeslider:eq(2)').slider('value').toFixed(1))
			var b_sl=eval($('.rangeslider:eq(1)').slider('value').toFixed(1))
			var a_sl=eval($('.rangeslider:eq(0)').slider('value').toFixed(1))
			board.removeObject(hr_line1);
			board.removeObject(hr_line2);
			var con_1=eval((-c_sl-b_sl)/a_sl)
			con_1=con_1.toFixed(2);
			var con_2=eval((c_sl-b_sl)/a_sl)
			con_2=con_2.toFixed(2);
			$('#r_x').val("[ "+con_1+" , "+con_2+" ]");
			$('.singleR').show();
			if(($('#r_x').val()=="-Infinity , Infinity")||($('#r_x').val()=="[ -Infinity , Infinity ]"))
			{
			$('#r_x').val(' -∞ , ∞ ');
			//console.log("from <=")
			graph4=board.create('functiongraph', [function(x){return eval(-b_Val1);}]);
			T2 = board.create('point', [-15.92, -11.15], {	style: 2,name: 'T'	});
			T3 = board.create('point', [15.92, -11.15], {	style: 2,name: 'T1' });
			hr_line4=board.create('segment',[T2,T3],{name:'',straightLast:false});
			}
			$('.Rint').show();
				
			/*	hr_line=board.create('segment',[L_1,L_2],{name:'',straightLast:false});*/
			
				var l_val=L_1.X();
				var l2_val=L_2.X();
		
			brack_3 = board.create('text',[l_val-0.2,-11,"["]);
			brack_4 = board.create('text',[l2_val+0.1,-11,"]"]);
			board.removeObject(brack_1);
			board.removeObject(brack_2);
			
				R = board.create('intersection', [graph1, graph,0],{
			name: '',
			//color:'green',
			fillColor:'blue',
			strokeColor:'blue',
			size:3
		});
		
	
	rp1 = board.create('intersection', [graph1, graph,1],{
			name: '',
			//color:'green',
			fillColor:'blue',
			strokeColor:'blue',
			size:3
	});
				board.update();	
		}
	else if(selectVal==">"&&c_Val1<0)
		{
		console.log("1st if")
		$('#r_x').val('( -∞ , ∞ )');
		$('.singleR').show();
		//$('.Rint').show();
		}
		else if(selectVal=="<"&&ab_val>0)
		{
		console.log("|1/2 x-1|<-2")
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		//$('.Rint').show();
		}
		else if(selectVal=="≤"&&ab_val>0)
		{
		console.log("|1/2 x-1|≤-2")
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		//$('.Rint').show();
		}
		else if(selectVal=="≥"&&a_Val1==0)
		{
		console.log("|0x-8|>=3 ")
		$('#r_x').val('( -∞ , ∞ )');
		graph4=board.create('functiongraph', [function(x){return eval(-b_Val1);}]);
		T2 = board.create('point', [-15.92, -11.15], {	style: 2,name: 'T'	});
		T3 = board.create('point', [15.92, -11.15], {	style: 2,name: 'T1' });
		hr_line4=board.create('segment',[T2,T3],{name:'',straightLast:false});
		$('.singleR').show();
		//$('.Rint').show();
		}
		
		else if(selectVal==">"&&a_Val1==0)
		{
		console.log("|0x-8|>3 ")
		$('#r_x').val('( -∞ , ∞ )');
		graph4=board.create('functiongraph', [function(x){return eval(-b_Val1);}]);
		T2 = board.create('point', [-15.92, -11.15], {	style: 2,name: 'T'	});
		T3 = board.create('point', [15.92, -11.15], {	style: 2,name: 'T1' });
		hr_line4=board.create('segment',[T2,T3],{name:'',straightLast:false});
		$('.singleR').show();
		//$('.Rint').show();
		}
		else if(selectVal=="<"&&(!(ab_val<3)))
		{
		console.log("|0x-8|<3 ")
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		//$('.Rint').show();
		}
		else if(selectVal=="≤"&&(!(ab_val<=3)))
		{
		console.log("|0x-8|≤3 ")
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		//$('.Rint').show();
		}
		else if(a_Val1==0&&(!(ab_val>11)))
		{
		console.log("|0x-8|>11 ")
		$('#r_x').val(" Φ ");
		//graph4=board.create('functiongraph', [function(x){return eval(-b_Val1);}]);
		//T2 = board.create('point', [-15.92, -11.15], {	style: 2,name: 'T'	});
		//T3 = board.create('point', [15.92, -11.15], {	style: 2,name: 'T1' });
		//hr_line4=board.create('segment',[T2,T3],{name:'',straightLast:false});
		$('.singleR').show();
		//$('.Rint').show();
		}
		else if(!(a_Val1==0)&&(c_Val1==0))
		{
		console.log(": |3x+12|≥0")
		$('#r_x').val('( -∞ , ∞ )');
		//graph4=board.create('functiongraph', [function(x){return eval(-b_Val1);}]);
		//T2 = board.create('point', [-15.92, -11.15], {	style: 2,name: 'T'	});
		//T3 = board.create('point', [15.92, -11.15], {	style: 2,name: 'T1' });
		//hr_line4=board.create('segment',[T2,T3],{name:'',straightLast:false});
		$('.singleR').show();
		//$('.Rint').show();
		}
		/*
		else if(!(a_Val1==0)&&((ab_val>0)))
		{
		console.log(": |3x+12|<0")
		$('#r_x').val('Φ');
		//graph4=board.create('functiongraph', [function(x){return eval(-b_Val1);}]);
		//T2 = board.create('point', [-15.92, -11.15], {	style: 2,name: 'T'	});
		//T3 = board.create('point', [15.92, -11.15], {	style: 2,name: 'T1' });
		//hr_line4=board.create('segment',[T2,T3],{name:'',straightLast:false});
		$('.singleR').show();
		//$('.Rint').show();
		}*/
		else if(selectVal=="≤"&&ab_val<=0&&(!(a_Val1==0)))
		{
		var b_sl=eval($('.rangeslider:eq(1)').slider('value').toFixed(1))
		var a_sl=eval($('.rangeslider:eq(0)').slider('value').toFixed(1))
		var con_1=eval((-b_sl)/a_sl)
		con_1=con_1.toFixed(2);
		$('#r_x').val(+con_1);
		$('.singleR').show();
		$('.Rint').show();
		}
		 else if(selectVal=="≥")
		{
		console.log("inside >=")
			board.removeObject(hr_line);
			var c_sl=eval($('.rangeslider:eq(2)').slider('value').toFixed(1))
			var b_sl=eval($('.rangeslider:eq(1)').slider('value').toFixed(1))
			var a_sl=eval($('.rangeslider:eq(0)').slider('value').toFixed(1))
		
			var con_1=eval((-c_sl-b_sl)/a_sl)
			con_1=con_1.toFixed(2);
			var con_2=eval((c_sl-b_sl)/a_sl)
			con_2=con_2.toFixed(2);
		
			$('#r_x').val('(-∞'+","+con_1+" ]∪[ "+con_2+","+'∞)');
			
			$('.singleR').show();
			$('.Rint').show();
				
			T = board.create('point', [-15.92, -11.15], {	
			style: 2,
			name: 'T',
			});
			
			hr_line2=board.create('segment',[L_1,T],{name:'',straightLast:false});
			
			T1 = board.create('point', [15.92, -11.15], {
			style: 2,
			name: 'T1',
			});
			
			hr_line1=board.create('segment',[L_2,T1],{name:'',straightLast:false});
		
		
		var l_val=L_1.X();
		var l2_val=L_2.X();
		
		brack_3 = board.create('text',[l_val-0.1,-11,"]"]);
		brack_4 = board.create('text',[l2_val-0.1,-11,"["]);
		board.removeObject(brack_1);
		board.removeObject(brack_2);
		
		R = board.create('intersection', [graph1, graph,0],{
			name: '',
			//color:'green',
			fillColor:'blue',
			strokeColor:'blue',
			size:3
		});
		
	
	rp1 = board.create('intersection', [graph1, graph,1],{
			name: '',
			//color:'green',
			fillColor:'blue',
			strokeColor:'blue',
			size:3
	});
		
		board.update();
			
			
	}
		
		
		else if(selectVal==">"/*||ab_val>9*/)
		{
		if(graph)
			{board.removeObject(hr_line);}
			R = board.create('intersection', [graph1, graph,0],{name: '',fillColor:'white',strokeColor:'blue',size:3});
			rp1 = board.create('intersection', [graph1, graph,1],{	name: '',fillColor:'white',strokeColor:'blue',	size:3});
			//console.log("inside >")
			var c_sl=eval($('.rangeslider:eq(2)').slider('value').toFixed(1))
			var b_sl=eval($('.rangeslider:eq(1)').slider('value').toFixed(1))
			var a_sl=eval($('.rangeslider:eq(0)').slider('value').toFixed(1))
		
			var con_1=eval((-c_sl-b_sl)/a_sl)
			con_1=con_1.toFixed(2);
			var con_2=eval((c_sl-b_sl)/a_sl)
			con_2=con_2.toFixed(2);
		//console.log("value"+con_2)
			$('#r_x').val('(-∞'+","+con_1+" )∪( "+con_2+","+' ∞)');
			
			$('.singleR').show();
			$('.Rint').show();
			board.removeObject(hr_line);
			T = board.create('point', [-15.92, -11.15], {	
			style: 2,
			name: 'T',
			});
			
			hr_line2=board.create('segment',[L_1,T],{name:'',straightLast:false});
			
			T1 = board.create('point', [15.92, -11.15], {
			style: 2,
			name: 'T1',
			});
			
			hr_line1=board.create('segment',[L_2,T1],{name:'',straightLast:false});
				
			
			var l_val=L_1.X();
			var l2_val=L_2.X();
		
			brack_3 = board.create('text',[l_val-0.2,-11,")"]);
			brack_4 = board.create('text',[l2_val+0.1,-11,"("]);
			board.removeObject(brack_1);
			board.removeObject(brack_2);
			
			board.update();
		}
			else if(selectVal=="<"/*||ab_val<10*/)
		{
			R = board.create('intersection', [graph1, graph,0],{name: '',fillColor:'white',strokeColor:'blue',size:3});
			rp1 = board.create('intersection', [graph1, graph,1],{	name: '',fillColor:'white',strokeColor:'blue',	size:3});
			var c_sl=eval($('.rangeslider:eq(2)').slider('value').toFixed(1))
			var b_sl=eval($('.rangeslider:eq(1)').slider('value').toFixed(1))
			var a_sl=eval($('.rangeslider:eq(0)').slider('value').toFixed(1))
		
			var con_1=eval((-c_sl-b_sl)/a_sl)
			con_1=con_1.toFixed(2);
			var con_2=eval((c_sl-b_sl)/a_sl)
			con_2=con_2.toFixed(2);
			$('#r_x').val("("+con_1+" , "+con_2+")");
			$('.singleR').show();
		
			if(($('#r_x').val()=="-Infinity , Infinity")||($('#r_x').val()=="[ -Infinity , Infinity ]")){$('#r_x').val('( –∞ , ∞ )');
			if(b_Val1==-8){
			//console.log("value-"+b_Val1)
			graph4=board.create('functiongraph', [function(x){return eval(-b_Val1);}]);
			T2 = board.create('point', [-15.92, -11.15], {	style: 2,name: 'T'	});
			T3 = board.create('point', [15.92, -11.15], {	style: 2,name: 'T1' });
			hr_line4=board.create('segment',[T2,T3],{name:'',straightLast:false});
			}
			}
			$('.Rint').show();
			board.update();
 		}
		
		
	
		
	/*	else if(selectVal=="≥"&&c_Val1>=10.5)
		{
		//console.log("c_Val1≥11")
		$('#r_x').val(" Φ ");
	
		$('.singleR').show();
		$('.Rint').show();
		}
		//519-542 for > 5&<5
		else if(selectVal==">"&&b_Val1==-5)
		{
		//console.log("ab_val>5")
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		$('.Rint').show();
		}
		else if(selectVal=="<"&&b_Val1==-5)
		{
		//console.log("ab_val<<5")
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		$('.Rint').show();
		}
		else if(selectVal=="≤"&&b_Val1==-5)
		{
		//console.log("ab_val≤5")
		$('#r_x').val(' –∞ , ∞ ');
		$('.singleR').show();
		$('.Rint').show();
		}
		else if(selectVal=="≥"&&a_Val1==0)
		{
		//console.log("1st if==0")
		$('#r_x').val(' –∞ , ∞ ');
		$('.singleR').show();
		$('.Rint').show();
		}
		else if(selectVal==">"&&c_Val1>=10.5)
		{
		//console.log("c_Val1>=11")
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		$('.Rint').show();
		}
		else if(selectVal==">"&&a_Val1==0)
		{
		//console.log("1st if>>>0")
		$('#r_x').val(' –∞ , ∞ ');
		$('.singleR').show();
		if(b_Val1==-8&&c_Val1==3){
		//console.log(b_Val1)
		graph4=board.create('functiongraph', [function(x){return eval(-b_Val1);}]);
		T2 = board.create('point', [-15.92, -11.15], {	style: 2,name: 'T'	});
		T3 = board.create('point', [15.92, -11.15], {	style: 2,name: 'T1' });
		hr_line4=board.create('segment',[T2,T3],{name:'',straightLast:false});
		}
		if(b_Val1==-8&&selectVal==">"){
		//console.log(b_Val1)
		graph4=board.create('functiongraph', [function(x){return eval(-b_Val1);}]);
		T2 = board.create('point', [-15.92, -11.15], {	style: 2,name: 'T'	});
		T3 = board.create('point', [15.92, -11.15], {	style: 2,name: 'T1' });
		hr_line4=board.create('segment',[T2,T3],{name:'',straightLast:false});
		}
		$('.Rint').show();
		}
		else if(selectVal=="≥"&&c_Val1<-1)
		{
		//console.log("4th if")
		$('#r_x').val(' –∞ , ∞ ');
		$('.singleR').show();
		
		}
		else if(selectVal=="≥"&&b_Val1==-1)
		{
		//console.log("2nd if")
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		$('.Rint').show();
		}
		else if(selectVal=="≥"&&c_Val1==-2)
		{
		//console.log("3rd if")
		$('#r_x').val(' –∞ , ∞ ');
		$('.singleR').show();
		
		}
		else if(selectVal==">"&&c_Val1<-1)
		{
		//console.log("c_Val1<-1")
		$('#r_x').val(' –∞ , ∞ ');
		$('.singleR').show();
			
		}
		//need to chk this
		else if(selectVal=="<"&&c_Val1<=3)
		{
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		$('.Rint').show();
		}
		else if(selectVal=="≤"&&ab_val<=0)
		{
		var b_sl=eval($('.rangeslider:eq(1)').slider('value').toFixed(1))
		var a_sl=eval($('.rangeslider:eq(0)').slider('value').toFixed(1))
		//console.log("in <=0")
		var con_1=eval((-b_sl)/a_sl)
		//console.log("con 1 val"+con_1)
		con_1=con_1.toFixed(2);
		$('#r_x').val(+con_1);
		$('.singleR').show();
		$('.Rint').show();
		}
		else if(selectVal=="≤"&&c_Val1<=3)
		{
		//console.log("c_Val1<=3")
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		$('.Rint').show();
		}
		
		
		else if(selectVal=="<"&&c_Val1==0)
		{
		//console.log("c_Val1==0")
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		$('.Rint').show();
		}
		
		else if(selectVal=="<"&&c_Val1<=-2)
		{
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		}
			else if(selectVal=="≤"&&c_Val1<=-2)
		{
		$('#r_x').val(" Φ ");
		$('.singleR').show();
		}
		*/
		
		
	});
	$('.selectBox select').trigger('change');
}
	
	
sim2d.loadQuestions=function(){
	$('.questionParent').empty();
	$.get("xml/absolute_val.xml", function( data ) {
		$(data).find('assessment questions').each(function(key,value){
			var noOfOptions=$(value).attr("data-cor").split(',').length > 1 ? true : false;
			var questHtml='<div class="questions" data-opt1="'+$(value).attr("data-cor")+'">\
				 <div id="question1">'+$(value).find("question").text()+'</div>';
			var optHtml="";	
			$(value).find('options').each(function(key1,value1){
				if(noOfOptions){
					optHtml+='	<label data-isCorrect="'+$(value1).attr("isCorrect")+'">\
						<input type="checkbox" name="q'+key+'" id="radio" value="'+(key1+1)+'">\
						'+$(value1).text()+'\
					</label>';
				}else{
					optHtml+='	<label data-isCorrect="'+$(value1).attr("isCorrect")+'">\
						<input type="radio" name="q'+key+'" id="radio" value="'+(key1+1)+'">\
						'+$(value1).text()+'\
					</label>';
				}
			});
			var finalHtml='<div class="feedback" style="display: none;"> <u><span class="headText">Correct !</span> <span class="smallText">Good Job!</span></u> </div>\
			</div>';
			$('.questionParent').append(questHtml+optHtml+finalHtml);
		});
	$('.questions').each(function(key,value){
		$(this).attr('data-rel',''+(key+1));
	})
	$('.questions').removeClass('active');
	$('.quesNav').removeClass('active inActive')
	$('.quesNav[data-rel=1]').addClass('active')
	$('.questions:eq(0)').removeClass('active').addClass('active');
	$('.next-but').removeClass('prev').addClass('next').find('a').text('NEXT');
	$('.submit-but').removeClass('submit tryAgain').addClass('submit').text('SUBMIT').attr('disabled',true);
	$('.questions input').attr('disabled',false);
	$('.questions label span').remove();
	$('.question input:checked').removeAttr('checked');
	$('.question .feedback').hide();
	$('.prev.quesNav').removeClass('inActive').addClass('inActive');
	$('.next.quesNav').removeClass('inActive');
	$('.next-but').unbind('click').bind('click',function(){

		if($(this).hasClass('next')){
			var dataRel=(parseInt($('.questions.active').attr('data-rel'))+1);
			$('.prev.quesNav,.next.quesNav').removeClass('inActive');
			if(dataRel==$('.questions').length){
				$(this).removeClass('next').addClass('prev').find('a').text('PREV');
				$('.prev.quesNav').removeClass('inActive');
				$('.next.quesNav').removeClass('inActive').addClass('inActive');
			}
			$('.questions.active').removeClass('active');
			$('.questions[data-rel='+dataRel+']').addClass('active');
			$('.quesNav.active').removeClass('active inActive').addClass('inActive');
			$('.quesNav[data-rel='+dataRel+']').addClass('active');
			$('.submit-but').removeClass('submit tryAgain').addClass('submit').text('SUBMIT');
		}else{
			var dataRel=(parseInt($('.questions.active').attr('data-rel'))-1);
			$('.prev.quesNav,.next.quesNav').removeClass('inActive');
			if(dataRel==1){
				$('.next-but').removeClass('prev').addClass('next').find('a').text('NEXT');
				$('.prev.quesNav').removeClass('inActive').addClass('inActive');
				$('.next.quesNav').removeClass('inActive');
			}
			$('.questions.active').removeClass('active');
			
			$('.questions[data-rel='+dataRel+']').addClass('active');
			$('.quesNav.active').removeClass('active inActive').addClass('inActive');
			$('.quesNav[data-rel='+dataRel+']').addClass('active');
		}
		if($('.questions.active label span').length>0){
			$('.submit-but').attr('disabled',true);
		}else{
			$('.submit-but').attr('disabled',false);
		}
        sim2d.enableDisableSubmitBtn();
	});
	$('.quesNav.prev,.quesNav.next').unbind('click').bind('click',function(){
		if($(this).hasClass('next')){
			var dataRel=(parseInt($('.questions.active').attr('data-rel'))+1);
			if(dataRel>$('.questions').length){
				return false;
			}
			$('.prev.quesNav,.next.quesNav').removeClass('inActive');
			if(dataRel==$('.questions').length){
				$('.next-but').removeClass('next').addClass('prev').find('a').text('PREV');
				$('.prev.quesNav').removeClass('inActive');
				$('.next.quesNav').removeClass('inActive').addClass('inActive');
			}
			$('.questions.active').removeClass('active');
			$('.questions[data-rel='+dataRel+']').addClass('active');
			$('.quesNav.active').removeClass('active inActive').addClass('inActive');
			$('.quesNav[data-rel='+dataRel+']').addClass('active');
			$('.submit-but').removeClass('submit tryAgain').addClass('submit').text('SUBMIT');
		}else{
			var dataRel=(parseInt($('.questions.active').attr('data-rel'))-1);
			if(dataRel<1){
				return false;
			}
			$('.prev.quesNav,.next.quesNav').removeClass('inActive');
			if(dataRel==1){
				$('.next-but').removeClass('prev').addClass('next').find('a').text('NEXT');
				$('.prev.quesNav').removeClass('inActive').addClass('inActive');
				$('.next.quesNav').removeClass('inActive');
			}
			$('.questions.active').removeClass('active');
			$('.questions[data-rel='+dataRel+']').addClass('active');
			$('.quesNav.active').removeClass('active inActive').addClass('inActive');
			$('.quesNav[data-rel='+dataRel+']').addClass('active');
			$('.submit-but').removeClass('submit tryAgain').addClass('submit').text('SUBMIT');
		}
        sim2d.enableDisableSubmitBtn();
	});
	$('.quesNav.number').unbind('click').bind('click',function(){
			var dataRel=(parseInt($(this).attr('data-rel')));
			$('.prev.quesNav,.next.quesNav').removeClass('inActive');
			if(dataRel==1){
				$('.next-but').removeClass('prev').addClass('next').find('a').text('NEXT');
				$('.prev.quesNav').removeClass('inActive').addClass('inActive');
				$('.next.quesNav').removeClass('inActive');
			}
			if(dataRel==$('.questions').length){
				$('.next-but').removeClass('next').addClass('prev').find('a').text('PREV');
				$('.prev.quesNav').removeClass('inActive');
				$('.next.quesNav').removeClass('inActive').addClass('inActive');
			}
			$('.questions.active').removeClass('active');
			$('.questions[data-rel='+dataRel+']').addClass('active');
			$('.quesNav.active').removeClass('active inActive').addClass('inActive');
			$('.quesNav[data-rel='+dataRel+']').addClass('active');
			$('.submit-but').removeClass('submit tryAgain').addClass('submit').text('SUBMIT');
			sim2d.enableDisableSubmitBtn();
	});	
	if($('.questions.active label span').length>0){
			$('.submit-but').attr('disabled',true);
	}else{
			$('.submit-but').attr('disabled',false);
	}
	// Submit Answers
	$('#submit').click(function(e) {
		if($('.submit-but').text()=="TRY AGAIN"){
			$('.submit-but').text('SUBMIT');
			$('.questions.active input').attr('disabled',false);
			$('.questions.active label span').remove();
			$('.questions.active input:checked').removeAttr('checked');
			return false;
		}
		if($('.questions.active input').attr('disabled')==true){
			return false;
		}
		if($(this).hasClass('tryAgain')){
			$('.questions.active input').attr('disabled',false);
			$('.questions.active label span').remove();
			$('.question input:checked').removeAttr('checked');
			$('.submit-but').removeClass('submit tryAgain').addClass('submit').text('SUBMIT');
			$('.question .feedback').hide();
			return false;
		}
		$("#submit").addClass("submit_but_hover");
		$("#submit").css("border","border: 2px solid #333;");
		if($('.questions.active input:checked').length<=0){
		 //errorBox(e, "Please answer all questions");
		 return false;
		}
		q1 = $('input[name=q1]:checked').val();
		q2 = $('input[name=q2]:checked').val();
		//q3 = $('input[name=q3]:checked').val();
		var valueResult="";
		$('input[name=q3]:checked').each(function(key,value){
			valueResult+=','+$(this).val()
		});
		q3=valueResult.substring(1,valueResult.length);
		var answers = new Array();
		//var answersBox=$('.equations:visible').attr('data-opt'+$('.questions.active').attr('data-rel'));
		var answersBox=$('.questions.active').attr('data-opt1');
		if(answersBox.split(',').length<=1){
			$('.questions.active input').each(function(key,value){
					if($(this).val()==answersBox){
						//$(this).parent().prepend('<span class="correctOption"></span>');
					}
				})
				$('.questions.active input:checked').each(function(key,value){
					if($(this).val()==answersBox){
						$(this).parent().prepend('<span class="correctOption"></span>');
					}
					if($(this).val()!=answersBox){
						$(this).parent().prepend('<span class="incorrectOption"></span>');
					}
				});
		}else{
			$(answersBox.split(',')).each(function(key1,value1){
				$('.questions.active input').each(function(key,value){
					if($(this).val()==value1){
						//$(this).parent().prepend('<span class="correctOption"></span>');
					}
				});
			});
			$('.questions.active input:checked').each(function(key,value){
					//console.log(answersBox+'  '+$(this).val())
					//console.log((answersBox).indexOf(''+$(this).val()))
					if((answersBox).indexOf(''+$(this).val())==-1){
						$(this).parent().prepend('<span class="incorrectOption"></span>');
					}else{
						$(this).parent().prepend('<span class="correctOption"></span>');
					}
			});
		}
		if($('.questions.active span.incorrectOption').length>=1){
			//$('.submit-but').removeClass('submit tryAgain').addClass('tryAgain').text('TRY AGAIN');
			$('.submit-but').text('TRY AGAIN');
			//$('.question .feedback').hide();
			$('.questions.active input').attr('disabled',true);
			$('.submit-but').attr('disabled',false);
		}
		else{	
			$('.submit-but').removeClass('submit tryAgain').addClass('submit').text('SUBMIT');
			//$('.questions.active .feedback').show();
			$('.questions.active input').attr('disabled',true);
			$('.submit-but').attr('disabled',true);
		}
		//$('.questions.active input').attr('disabled',true);
		//$('.submit-but').attr('disabled',true);
	});
	});
    sim2d.enableDisableSubmitBtn();
}
sim2d.enableDisableSubmitBtn=function(){
    $('.questions.active label input').click(function()
    {
        $('.submit-but').attr('disabled',false);
    });
	if($('.questions.active label span').length>0){
			$('.submit-but').attr('disabled',true);
	}else{
			$('.submit-but').attr('disabled',false);
	}
	if($('.questions.active label span.incorrectOption').length>0){
		$('.submit-but').attr('disabled',false);
		$('.submit-but').text('TRY AGAIN');	
		//alert();
	}else{
		$('.submit-but').text('SUBMIT');	
	}
}

sim2d.addTimeEvent=function(){
	videojs('how_video_1').on("timeupdate", myTimeFunc);
}

function Fraction(){}
Fraction.prototype.convert = function(x, improper)
{
    improper = improper || false;
    var abs = Math.abs(x);
    this.sign = x/abs;
    x = abs;
    var stack = 0;
    this.whole = !improper ? Math.floor(x) : 0;
    var fractional = !improper ? x-this.whole : abs;
    /*recursive function that transforms the fraction*/
    function recurs(x){
        stack++;
        var intgr = Math.floor(x); //get the integer part of the number
        var dec = (x - intgr); //get the decimal part of the number
        if(dec < 0.0019 || stack > 20) return [intgr,1]; //return the last integer you divided by
        var num = recurs(1/dec); //call the function again with the inverted decimal part
        return[intgr*num[0]+num[1],num[0]]
    }
    var t = recurs(fractional); 
    this.numerator = t[0];
    this.denominator = t[1];
}


var myTimeFunc=function(){
	var currentTime=videojs('how_video_1').currentTime();
	/*if (currentTime >= 135 && currentTime <= 211){
		if($('.content').scrollTop()<=1){
		}else{
			$('.content').animate({scrollTop: 1}, 800);
		}
		$('.highlight1').css('background','yellow');
		$('.highlight2').css('background','transparent');
	}else if (currentTime >= 53  && currentTime <= 132){
		if($('.content').scrollTop()>50){}else{
			$('.content').animate({scrollTop: 52}, 800);
		}
		$('.highlight1').css('background','transparent');
		$('.highlight2').css('background','yellow');
	}else{
		$('.highlight1').css('background','transparent');
		$('.highlight2').css('background','transparent');
	}*/
	//console.log(currentTime+' here')
	if (currentTime >= 135 && currentTime <= 137) {//&& currentTime <= 211){
		if($('.content').scrollTop()<=1){
		}else{
			$('.content').animate({scrollTop: 1}, 800);
		}
		$('.highlight1').css('background','yellow');
		$('.highlight2').css('background','transparent');
	}else if (currentTime >= 53  && currentTime <= 55){//&& currentTime <= 132){
		if($('.content').scrollTop()>50){}else{
			$('.content').animate({scrollTop: 52}, 800);
		}
		$('.highlight1').css('background','transparent');
		$('.highlight2').css('background','yellow');
	}else if(currentTime<53 || (currentTime>132 && currentTime<135) || currentTime>211){
		//console.log(currentTime+' here')
		$('.highlight1').css('background','transparent');
		$('.highlight2').css('background','transparent');
	}
}

})(jQuery)