$(document).ready(
    function(){
    var k = Karma({
		audio: [{'name':'correct','file':'correct.ogg'},
			{'name':'incorrect','file':'incorrect.ogg'}
		]});
		  
    k.ready(
	function(){ 	      

	 var flag, i ,j;
	 var object_counter = 1;
	 var imgNameRand = [];
	 var optPosition = [];
	 var optOtherPos = [];
	 var imageObject = [];
	 var correctPosition;
	 var selectedOption;
	 var score = 0;
	 var wrong_selected = 0;  //wrong option selected so don't score up
	 var pos;
	 var t;
	 var current_image;
	 
	    var $help = $('#kHeaderHelp').dialog({
		position:[ 650, 50], modal:'true',autoOpen:false
		});
	    
	    var $feedback = $('#feedback').feedback();
	    
	    $('#kHeaderHelpBtn').click(function(){ $help.dialog('open');});

	    var scoreboard = $('#scoreArea').scoreboard({'winningScore': 6});
	    scoreboard.bind('scoreboardWinGame', 
		function(){
		    $('.optImg').hide();
		    $('.imageBox').hide();
		    $('#gameOver').show();
		});  
	 
	 load_images();  //load the image numbers for random display
	 game();     //let the game begin
	 

	 
	 function checkDisplay(){   //Displays the correct and incorrect info
		 if(wrong_selected == 1){
		     $('.checkedOption').show();
		     $feedback.feedback('incorrect');
		     $('.checkedOption').fadeOut(1000);
		 }
		 else{
		     $('.checkedOption').hide();
		     //document.getElementById("check").src = "assets/image/correct.png";
			//  k.audio.correct.play();
		      $feedback.feedback('correct');
		     $('.checkedOption').fadeOut(2000);
			 //needs timer for holding on for abt a sec
		 }
	 }
	 
	 $("#anchorPlayAgain").click(function(){
		 $('#gameOver').hide();
		 $('.optImg').show();
		 $('.imageBox').show();
		 load_images();
		 score = 0;
		 object_counter = 1;
		 wrong_selected = 0;
		 //display_score();
		 scoreboard.scoreboard('reset');
		 game();
		 
	 });
	 $("#anchorOpt0").click(function(){
		 selected_Option_Process('0');		 
	 });
	 $("#anchorOpt1").click(function(){
		 selected_Option_Process('1');		 
	 });
	 $("#anchorOpt2").click(function(){
		 selected_Option_Process('2');		 
	 });
	 $("#anchorOpt3").click(function(){
		 selected_Option_Process('3');		 
	 });
	 
	 function generate_random_no(no_limit)	{                //generate random number
		var rand_no = Math.ceil(no_limit*Math.random());
		return rand_no;
	}
	
	function get_random_position(){           //generate random number between 0-3
		var rand_pos = Math.floor(Math.random()*4);
		return rand_pos;
	}
	
	function load_images(){
		
		imageObject[0] = generate_random_no("6");
			for(i=1; i<6; i++){
				do{
					flag = 0;
					imageObject[i] = generate_random_no("6");
					for(j=0; j<i; j++){
						if(imageObject[i]===imageObject[j]){
							flag++;
						}
					}
				}while(flag != 0 );  //end of do while loop	
			}
			
				
	}
		function selected_Option_Process(selectedOption){
			
				if(selectedOption == correctPosition){
					object_counter++;
					if(wrong_selected == 0){
				   	  score++;
					  scoreboard.scoreboard('inc');  
					  scoreboard.scoreboard('incTotal');
					} 
					wrong_selected = 0;
				    
				   checkDisplay();
				   //t=setTimeout('game()',1000);
				   game();
				}
				else {
				 wrong_selected = 1;
				 scoreboard.scoreboard('incTotal');
			 	 checkDisplay();
				}
			
			}
	function game(){
		
		
		//clearTimeout(t);
		wrong_selected = 0;
		//current_image = object_counter-1;
		current_image = object_counter%6;
		document.getElementById("imgObject").src = "assets/image/"+imageObject[current_image]+".png";
		
		//find correct answer and apply it to the position
		var currentImage = imageObject[current_image];
		imgNameRand[0] = currentImage; 
		//generate choices
		
		for(i=1; i<4; i++){
			do{
				flag = 0;
				imgNameRand[i] = generate_random_no("6");
				for(j=0; j<i; j++){
					if(imgNameRand[i]===imgNameRand[j]){
						flag++;
					}
				}
			}while(flag != 0 );  //end of do while loop	
		}
	
		
		correctPosition = get_random_position();
			
		optOtherPos[0] = correctPosition;
		
		for(i=1; i<4; i++){
			do{
				flag = 0;
				optOtherPos[i] = get_random_position();
					for(j=0; j<i; j++){   //chek repeat within optOtherPos array
						if(optOtherPos[i] === optOtherPos[j]){
							flag++;
						}
					}
				
			}while(flag != 0);
				
		}
		
		for(i=0; i<4; i++){
			pos = optOtherPos[i];
			optPosition[pos] = imgNameRand[i];
		}
		

		//random positions are stored in optOtherPos array. Great
				
	
		   for(i=0; i<4; i++){
			   document.getElementById("option"+i+"").src = "assets/image/image_name/"+optPosition[i]+".png";
			}
			
	
	}	    //no change
	}); //end of games
});  //end of DOM