$(init);

var ajaxscript = '/library/php/diagnostic/ajax.php';

function init(){
	browserClass();
	
	antiAlias();

	/*if ($.browser.msie) {
		if ($.browser.version=="6.0") {
		}
	}*/
	
	initClickListes('#diag_flash #liste_questions a');
	initClickListes('#diag_flash #liste_etapes a');
	
	initForm();
	//initNavLinks();
	
	$('a#reset').click(
		function(){
			$.ajax({
				url: (ajaxscript),
				data: "reset=1",
				success: reset,
				error: erreur
			})
		}
	);
}

function initClickListes(id){
	$(id).each(
	function(){
		$(this).click(function(){
			//eviter le click sur les liens
			/*var type = getType($(this).attr('id')); 
			var id= getId($(this).attr('id'));
			
			switch(type){
				case 'qu':
					loadQuestion(id);
				break;
				
				case 'et':
					loadEtape(id);
				break;
			}*/
			return false;
		});
	});
}

function loadQuestion(id){

	$('#liste_etapes img.loader').show();

	$("#question").animate({opacity: '0'}, 500 ,
	function(){
		
		/*$('#liste_questions li').each(
			function(){
				if($(this).hasClass('actif')){$(this).removeClass('actif');}
			}
		)*/
		
		$('#liste_questions li.actif').removeClass('actif');
		
		$('#liste_questions #qu-'+id).addClass('actif');
		
		$.ajax({
			url: (ajaxscript),
			//data: "question="+id+"&userinfo="+$('#userinfo').val(),
			data: "question="+id+"&lang="+$('#sess_lang').val(),
			success: afficheQuestion,
			error: erreur
		})
	});
	
}

function afficheQuestion(r){
	$('#liste_etapes img.loader').hide();
	
	$('#question').html(r);
	
	antiAlias();
	
	$("#question").animate({
   		opacity: '1'}, 600 );
		
	if ($.browser.msie && $.browser.version=="6.0") {
		ie6MinHeight();
	}
	
	
	initForm();
}

function antiAlias(){
	if ($.browser.msie){
		$("#question *").css({backgroundColor:'#fff',opacity:'1'});
	}
}

function ie6MinHeight(){
	if($('#question').height()<150){
		$('#question').css({ 
			height:'150px'
		});
		$('#l_q').css({ 
			position:'absolute',
			bottom:'1px'
		});
	}
}

function afficheListeQuestions(r){
	$('#liste_etapes img.loader').hide();

	$('#liste_questions').html(r);
	
	$("#liste_questions").animate({opacity: '1'}, 250);
	
	initClickListes('#diag_flash #liste_questions a');
}

function initNavLinks(){

	$('a.nextstep, a.prevstep').each(
	function(){
		$(this).click(function(){

			var aclass = $(this).attr('class');
			
			var type = getType($(this).attr('id')); 
			var id= ( getId($(this).attr('id')) * 1 );
			
			switch(aclass){
				case 'nextstep':
					id += 1;
					
					if($('#isvalid').val()!=1){
						return false;
					}
					
				break;
				
				case 'prevstep':
					if(id!=0){id -= 1;}					
				break;
			}
			switch(type){
				case 'qu':
					loadQuestion(id);
				break;
				
				case 'et':
					loadEtape(id);
				break;
			}
			removeNavLinks();
			return false;
		});
	});
}

function loadListeQuestions(id){
	$("#liste_questions").animate({
   	opacity: '0'}, 250 ,
		function(){
			$.ajax({
				url: (ajaxscript),
				data: "listequestions="+id,
				success: afficheListeQuestions,
				error: erreur
			})		
		}
	);
}


function loadEtape(id){
	
	$('#liste_etapes img.loader').show();
	
	$('#liste_etapes li').each(
		function(){
			if($(this).hasClass('actif')){$(this).removeClass('actif');}
		}
	)
	$('#et-'+id).addClass('actif');
	
	$("#question").animate({
   		opacity: '0.1'}, 450 ,
	   	function(){
			$.ajax({
				url: (ajaxscript),
				data: "etape="+id+"&lang="+$('#sess_lang').val(),
				success: afficheQuestion,
				error: erreur
			})
			loadListeQuestions(id);
		}
	);
}

function addLink(r,cls,id,txt){
	
	$('#'+r).html('<a href="#" class="'+cls+'" id="'+id+'" >'+txt+'</a>');
	
	initNavLinks();
}

function removeNavLinks(){
	$('#prv a, #nxt a').animate({
   		opacity: '0'}, 450 ,
	   	function(){
			$(this).hide();
		}
	);
}
function initForm(){
	$('#question form').submit(
		function(){
			return false;
		}
	);
}

function getType(id){
	return id.slice(0,2);
}

function getId(id){
	var i = id.slice(3);
	return i;
}

function reset(){
	loadEtape(0);
}

function erreur(){
	alert('#REQUEST-ERROR');
}

function browserClass(){
	var ua = navigator.userAgent.toLowerCase(); 
    var myBrowsers = { 
        // Déjà détectés en natif par jQuery 
        mozilla: $.browser.mozilla, 
        safari:  $.browser.safari, 
        opera:   $.browser.opera, 
        ie:      $.browser.msie, 
        // Quelques améliorations et ajouts 
        ie6:     $.browser.msie && ($.browser.version < 7), 
        ie7:     $.browser.msie && ($.browser.version == 8), 
        ie8:     $.browser.msie && ($.browser.version > 7), 
        iphone:  /iphone/.test(ua), 
        chrome:  /chrome/.test(ua), 
        firefox: /firefox/.test(ua), 
        webkit:  /webkit/.test(ua), 
        // Détection de plateformes 
        osx:     /mac os x/.test(ua), 
        win:     /win/.test(ua), 
        linux:   /linux/.test(ua) 
    }; 
    $.each(myBrowsers, function(a, b) { 
        if (b) $('html').addClass(a); 
		//if (b) $('#footer').append(a);
    }); 
}
