// JavaScript Document
$j = jQuery.noConflict();

$j(function(){
	
	var i = 0 ;
	var html,score;
	var sid = 0;
	var s_array = new Array();
	var s_rand = new Array();
	var s_result = new Array({});
	var test = '';
	//***********************************
	$j('div.opacity').css({'opacity':0.2});
	
	function sRand() { // Случайная
		return Math.random() > 0.5 ? 1 : -1;
	}
	
	$j('p.sentence').each(function(){
		s_array['s-' + i] = $j(this).html().split(' ');
		s_rand['s-' + i +'-r'] = [].concat(s_array['s-' + i]);
		s_rand['s-' + i +'-r'].sort(sRand);
		
		html = '';
		html += '<div class="opacity" id="o-'+ i +'"></div>';
		html += '<a class="check_s" rel="'+ i +'">check</a>';
		html += '<ul class="sentence-words" id="s-' + i + '">';
		
		for(n=0; n<s_rand['s-' + i +'-r'].length; n++){
			html +='<li>'+s_rand['s-' + i + '-r'][n]+'</li>';
		}
		html += '</ul>';		
		$j(this).empty()
			.html(html);
		
		i++;
		$j(this).children(".sentence-words").sortable({
			placeholder: 'ui-state-highlight'
			});
		$j(this).children(".sentence-words").disableSelection();
		
		});
	// *****************************
	
	
	
	$j('a.check_s').click(function(){
		test = '';
		sid = $j(this).attr('rel');
		$j('#s-' + sid).children('li').attr('class','');
		for( n = 0; n < $j('#s-' + sid).children('li').length; n++){
			if(n!=0){
				test +=' ';
				}
			test += $j('#s-' + sid)
				.children('li:eq(' + n + ')')
				.html();
			s_result['r-'+ sid] = test.split(' '); 
		}
		
		score = 0;

		html = '';
		$j('#o-' + sid).css({'display':'block','opacity':0.1}).animate({'opacity':0.8},300,function(){
		
		for(i=0; i < s_array['s-'+ sid].length; i++){		
			if(s_result['r-'+ sid][i] == s_array['s-'+ sid][i]){
				$j('#s-' + sid).children('li:eq(' + i + ')').attr('class','good');
				score++;
				}		
				else{
				$j('#s-' + sid).children('li:eq(' + i + ')').attr('class','notgood');	
				}
		}
		if(score==s_array['s-'+ sid].length){
			$j('#s-' + sid).children('li')
			.css({'borderColor':'#A2ED8C'})
			.animate({'marginLeft':0,'marginRight':0},300);
			$j('a.check_s[rel='+sid+']').css({'backgroundPosition':'2px -28px'});
			$j('#s-' + sid).sortable('disable');
			
		}
		$j(this).animate({'opacity':0.1},300,function(){$j(this).css({'display':'none'});});
		});
	});



// end;
});