function detectBrowser()
	{
	  	var n = navigator;
		var ua = n.userAgent;
		var b;
	  	if (-1 != ua.indexOf( 'Firefox' ) ) b = 'FF';
			else if (-1 != ua.indexOf( 'MSIE' ) ) b = 'IE';				
		return b;
	}

$(document).ready(	function() {
	var allow_click = true;
	var hs_count = 0;
	var sequence = new Array();
	var fail_count = 0;
	
	$.get("handshake-code.php", function(data){	  
	  success = data.split(',');	  
	});
	
	function is_success(check) {		
		if(check) {			
    		$.get("logged_in.php", function(data){	
    			$('#ani_img').css('visibility', 'hidden');
	         	$('.main_wisbar_front').css('visibility', 'visible');
			 	$('#main-wisbar').removeClass('login');
	  			// if ie6 - open new page
	  			var isIE6 = /msie|MSIE 6/.test(navigator.userAgent);
	  			if(isIE6) {
	  				location.href = "ie6-login.php";	  				
	  			} else {
	  			 	$('#main-wisbar').html(data);
	  			 }
	  		});
		} else {
			fail_count++;
			$('#ani_img').css('visibility', 'hidden');	
			$('#login-box').removeClass('clear').addClass('fail');
			allow_click = true;	        
			
			if(fail_count == 3) {
				fail_count = 0;
				var hintBrowser = detectBrowser();		
				if(hintBrowser == 'IE') {
					hint_top = '-200px';								
				} else {
					hint_top = '-191px';
				}
				
				$("#handshake-hint").animate({ 
			        marginTop: hint_top,
			        height: '128px'
		      	}, 1500 );
				
				
				setTimeout((
					function() {
	            		$("#handshake-hint").animate({ 
					        marginTop: '-70px',
					        height: '0px' 
				      	}, 1500, function() { $(this).hide(); } );
	        		}), 5000);							
	        	
			}
		}		
	}
	
	function show_ani(num) {
		$('#login-box').addClass('clear');	
		var new_src = 'img/handshakes/ani-' + sequence[num] + '.gif';
		$('#ani_img').attr('src', new_src);
		$('#ani_img').css('visibility', 'visible');
		num++;
		if(num < 4) {
			setTimeout((
				function() {
	            	show_ani(num);
	        	}), 1500);
        } else {        	
        	if(
        		success[0] == sequence[0] &&
        		success[1] == sequence[1] &&
        		success[2] == sequence[2] &&
        		success[3] == sequence[3]
        	) {
        		setTimeout((
				function() {
	            	is_success(1);
	        	}), 1500);        	
        	} else {
        		setTimeout((
				function() {
	            	is_success(1);
	        	}), 1500);
        	}   
        	sequence = Array();
        	hs_count = 0;     	
        }
	}
	
	function check_code(num) {		
		if(allow_click) {
			sequence[hs_count] = num;
			hs_count++;
			
			if(hs_count > 3) {
				allow_click = false;
				show_ani(0);			
			}		
		}
	}
	
	$('#hs-1').click(function() {
		check_code(1);
	});
	$('#hs-2').click(function() {
		check_code(2);
	});
	$('#hs-3').click(function() {
		check_code(3);
	});
	$('#hs-4').click(function() {
		check_code(4);
	});
	$('#hs-5').click(function() {
		check_code(5);
	});
	$('#hs-6').click(function() {
		check_code(6);
	});
	$('#small-handshakes img').mousedown(function() {
		if(allow_click)
			$(this).css('border-color', '#ffffff');		
	});
	$('#small-handshakes img').mouseup(function() {
		$(this).css('border-color', '#000000');		
	});
});