//Preload Number jpg in sphere
var smallNoImage=new Array();
smallNoImage[','] = new Image(8,15);
smallNoImage[','].src = "images/counter/small_number_,.png";
for (var i = 0; i <= 9; i++){
	smallNoImage[i] = new Image(8,15);
	smallNoImage[i].src = "images/counter/small_number_"+i+".png";
}

function addPoint(point_num, err_title, err_msg, err_ok){
	//$$('a:contains("skill_btn")').onclick = '';
	for (var btn_num = 1;btn_num < 9 ;btn_num++ ){
		$('skill_btn_'+btn_num).onclick = '';
	}
	var req = new Request({
							method: 'get',
							url: 'ajax_index.php?aj=skillbar',
							data: { point_num:point_num },
							onRequest: function() {
								//disable the button when onRequest
								if (point_num < 6){
									$('skill_btn_'+point_num).removeClass('skillbar_greencross1').addClass('skillbar_nocross1');
								}else{
									$('skill_btn_'+point_num).removeClass('skillbar_greencross2').addClass('skillbar_nocross2');
								}
																
							},
							onFailure: function(){ alertBox(err_title, err_msg, err_ok); },
							onException: function(){ alertBox(err_title, err_msg, err_ok); },
							onSuccess: function(response){ postResult(response, point_num, err_title, err_msg, err_ok);}
	}).send();
}

function postResult(response, point_num, err_title, err_msg, err_ok){
	if($$('.tip')){
		$$('.tip').getParent().setStyle('visibility', 'hidden');
	}
	try{ //Internet Explorer
	  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	  xmlDoc.async="false";
	  xmlDoc.loadXML(response);
	}catch(e){
		try{ //Firefox, Mozilla, Opera, etc.
			parser=new DOMParser();
			xmlDoc=parser.parseFromString(response,"text/xml");
		}catch(e) {
			alertBox(err_title, err_msg, err_ok);
		}
	}
	
	try{
		
		var skill_icon_style = new Array();
		var skill_cross_style = new Array();
		var lang_code = xmlDoc.getElementsByTagName("language")[0].childNodes[0].nodeValue;
		var error_msg = xmlDoc.getElementsByTagName("error_msg")[0].childNodes[0].nodeValue;

		if(error_msg != 'NIL'){
			alertBox(err_title, error_msg, err_ok);
		}

		if (lang_code == 'JO'){
			
			skill_cross_style[0] = 'background-image:url(images/skillbar/plus_on.gif);background-position:0px 0px;background-repeat:no-repeat;width:22px;height:22px;cursor:pointer;display:block;';
			skill_cross_style[1] = 'background-image:url(images/skillbar/plus_skills_on.gif);background-position:0px 1px;background-repeat:no-repeat;width:20px;height:22px;cursor:pointer;display:block;';
			skill_cross_style[2] = 'width:20px;height:22px;display:block;';
		}else{
			
			skill_cross_style[0] = 'background-image:url(images/skillbar/plus_on.gif);background-position:0px 0px;background-repeat:no-repeat;width:22px;height:22px;cursor:pointer;display:block;';
			skill_cross_style[1] = 'background-image:url(images/skillbar/plus_skills_on.gif);background-position:0px 1px;background-repeat:no-repeat;width:20px;height:22px;cursor:pointer;display:block;';
			skill_cross_style[2] = 'width:20px;height:22px;display:block;';
		}


		for (var i = 0; i< 8; i++ ){
			var skill = xmlDoc.getElementsByTagName("top"+(i+1))[0].childNodes[0].nodeValue;
			var skillnum = xmlDoc.getElementsByTagName("value"+(i+1))[0].childNodes[0].nodeValue;
			var skill_value_rel = xmlDoc.getElementsByTagName("top_rel"+(i+1))[0].childNodes[0].nodeValue;
			var skill_cross_rel = xmlDoc.getElementsByTagName("cross_rel"+(i+1))[0].childNodes[0].nodeValue;

			var skill_top_str = '';
			
			var skill_cross_str = '';
			
			if(skill == 1 && i < 5){
				skill_cross_str = '<a id="skill_btn_'+(i+1)+'" onclick="addPoint('+(i+1)+', \''+err_title+'\', \''+err_msg+'\', \''+err_ok+'\');" class="skillbar_greencross1 tooltip" rel="'+skill_cross_rel+'">&nbsp;</a>';	
				skill_top_str = '<a id="topbar_icon'+(i+1)+'" class="skillbar_icon'+(i+1)+' tooltip" rel="'+skill_value_rel+'">&nbsp;</a>'; 
			}else if(skill == 1){
				skill_cross_str = '<a id="skill_btn_'+(i+1)+'" onclick="addPoint('+(i+1)+', \''+err_title+'\', \''+err_msg+'\', \''+err_ok+'\');" class="skillbar_greencross2 tooltip" rel="'+skill_cross_rel+'">&nbsp;</a>';
				skill_top_str = '<a id="topbar_icon'+(i+1)+'" class="skillbar_icon'+(i+1)+' tooltip" rel="'+skill_value_rel+'">&nbsp;</a>';
			}else{
				if(i < 5){
					skill_cross_str = '<a id="skill_btn_'+(i+1)+'" class="skillbar_nocross1 tooltip" rel="'+skill_cross_rel+'">&nbsp;</a>';
				}else{
					skill_cross_str = '<a id="skill_btn_'+(i+1)+'" class="skillbar_nocross2 tooltip" rel="'+skill_cross_rel+'">&nbsp;</a>';
				}
				skill_top_str = '<a id="topbar_icon'+(i+1)+'" class="skillbar_icon_nolight tooltip" rel="'+skill_value_rel+'" >&nbsp;</a>';

			}
			$('topbar_tip'+(i+1)).set('html',skill_top_str);
			$('skillcross_'+(i+1)).set('html', skill_cross_str);
			var skillnum_str = '<div class="franklin15 orgRTL" style="width:100%;position:relative;top:-1px;left:0px;font-size:10px;color:#133b45;">' + skillnum +
			 '<div class="franklinWhite orgRTL" style="width:100%;position:absolute;top:1px;left:0px;font-weight:normal;font-size:10px;">'+ skillnum +
			 '</div>'+
			'</div>';

			$('skillnum_'+(i+1)).set('html', skillnum_str );
			
		}
		
		var user_creditsStr = '';
		var user_credits = xmlDoc.getElementsByTagName("user_credits")[0].childNodes[0].nodeValue;
		if(user_credits!= -1){
			user_creditsStr += '<img src="images/counter/credit.png" alt=""/>';
			for (var i=0;i<user_credits.length;i++){
				var ch = user_credits.charAt(i);
				user_creditsStr += '<img src="' + smallNoImage[ch].src +'" alt=""/>';
			}
		}
		$('user_credits').set('html', user_creditsStr);
		
		init_tooltip();
		if(error_msg == 'NIL'){
			//checking ac
			var ac = gup('ac');
			if (ac == 'verteilen' || ac == 'training'){
				var the_url = window.location.href;
				var questionmark_index = the_url.indexOf('?');
				if (questionmark_index > 0){
					the_url = the_url.substr(0, questionmark_index);
				}
				window.location = the_url + '?ac=' + ac;
			}
		}
		
	}catch(e){
		alertBox(err_title, err_msg, err_ok);
	}

}

function change_skillbar_status( err_title, err_msg, err_ok ){
	var req = new Request({
							method: 'get',
							url: 'ajax_index.php?aj=skillbar_status',
							onFailure: function(){ alertBox(err_title, err_msg, err_ok); },
							onException: function(){ alertBox(err_title, err_msg, err_ok); }
	}).send();
}