// JavaScript Document
$(document).ready(function(){  	
			
		    var count = $("#myUL").children().length;  
		    var screen2=document.body.offsetWidth;
			var content2= $(".content").width();			
			var width2= content2+(screen2-content2)/2;
			var width3=-width2;								
			$('.questions_experience').css("left",width3);	
		    var i, j;		
			
 
	$("#quiz").children("ul").children("li").click(function(){
		    var clickno = $(this).attr("id");
			i = clickno.replace("rel","");
			var screen1=document.body.offsetWidth;
			var content1= $("#content").width();			
			var width1= content1+(screen1-content1)/2;
			var width2=-width1;	
			$(".questions_experience").css({'left':width2});		
			$("#ques"+i).css('left',width2);		
			$("#vids"+i).css('left',width2);
			  		
	        $("body").css("overflow-x","hidden");
		    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
 			var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
 			if (ieversion<=7)
			{
  				var d = document;
				var dsS = d.styleSheets;
				if (dsS[0].addRule) dsS[0].addRule("html", "overflow-x: hidden");
				}
			}
			$('#rel'+i).css("color","#59a245");
			for(var j=1;j<=count;j++)
			{
				if(j != i)
				{   
					$('#rel'+j).animate({"margin-left": width1},2000,"easeInOutExpo",function() {$(this).css("visibility","hidden")});	
				}
			}
 			
			function generateOutput()
			{ 
				$("#rel"+i).animate({"margin-left":width1},2000,"easeInOutExpo",function() {$(this).css("visibility","hidden")});
			}			
			window.setTimeout(generateOutput,1000,true);
			
			
			function generateOutput1()
			{ 
				$('.questions_experience').css("display","block");
				$('#ques'+i).css("display","block");
				$('#vids'+i).css("display","block");
				for(var j=1;j<=count;j++)
				{
					if(j != i)
					{
						$('#ques'+j).css("display","none");
						$('#vids'+j).css("display","none");
					}
				}
			}
			window.setTimeout(generateOutput1,1000,true);
			
			function generateOutput2()
			{ 	
				$(".questions_experience").animate({"left":"30px"},2000,"easeInOutExpo");	
				$('#ques'+i).animate({"left":"30px"},2000,"easeInOutExpo");	
				$('#vids'+i).animate({"left":"30px"},2000,"easeInOutExpo");	
			}
			window.setTimeout(generateOutput2,1000,true);
						
			for(var j=1;j<=count;j++)
			{
				if(j != i)
				{
					$("#rel"+j).click(function(){location.reload()});			
				}
			}
       });

});