function getValue(v) {
	for(var i=0;i<$("#filter-splatskills-form input:radio[@name='"+v+"']").length;i++) {
		if($("#filter-splatskills-form input:radio[@name='"+v+"']")[i].checked == true) {
			return $("#filter-splatskills-form input:radio[@name='"+v+"']")[i].value;
		}
	}
	return false;
}

function skillMeetsCriteria(skill,a,t,p) {	
	if(skill.age_range.indexOf(a) != -1 || a == "any") {
		if(skill.time_play.indexOf(t) != -1 || t == "any") {
			if(skill.play_area.indexOf(p) != -1 || p == "anywhere") {
				if(skill.category.indexOf(category) != -1 || category == "all") {
					return true;
				}
			}
		}
	}
	return false;
}

var category = "all";
var current_cat = "all";
var current_img = "url(../img/bg-all.jpg)";
var current_color = "#fff";
var first_run = true


function setCategory(c) {
	category = c;
	first_run = false
	
	setTab(current_cat, current_img, current_color);
	// set the new current tab
	setTab(category,"url(../img/bg-selected.jpg)",$("li."+category+"-bg").css("background-color"));
	
	CategoryRefering = "&category=" + category;
	
	updateList();
	
}

function setTab(tCategory, tImg, tColor){
	current_cat = tCategory
	current_img = "url(../img/bg-" + tCategory + ".jpg)";
	current_color = "#fff"
	
	$("li."+tCategory+"-bg").css("background-image",tImg)
	$("li."+tCategory+"-bg h2").css("color",tColor)
	
}

function updateList() {

	var age_range = getValue("age-range");
	var time_play = getValue("time-play");
	var play_area = getValue("play-area");
	
	var html = "";
	
	var parameters = "?age-range=" + age_range + "&time-play=" + time_play + "&play-area=" + play_area + CategoryRefering;
		
	for(var i=0;i<splatskills.length;i++) {
	
	
		if(skillMeetsCriteria(splatskills[i],age_range,time_play,play_area)) {
				
				// rating
				var rating = "";
				for(var j=0;j<splatskills[i].rating;j++) {
					rating += '<img src="../img/star.gif" class="rating-star"/>';
				}
				for(var j;j<5;j++) {
					rating += '<img src="../img/star-fade.gif" class="rating-star"/>';
				}
				
				//category
				var category_images = "";
				var categories = splatskills[i].category.split("||");
				for(j=0;j<categories.length;j++) {
					category_images +=	'<img src="../img/icon-'+categories[j]+'.gif" class="category-image"/>';
				}
				
				
				html += '<div class="splatskill-info-wrapper"><ul class="splatskill-info">';
				html += '	<li class="name"><a href="' + splatskills[i].url + parameters +'">'+splatskills[i].name+'</a></li>';
				html += '	<li class="category">'+category_images+'</li>';
				html += '	<li class="rating">'+rating+'</li>';
				html += '</ul></div>';
				
		}
	}
	
	if(html.length > 0) {
		
		
		var header = '<div id="splatskills-header"><ul>';
        header +=	'<li class="name"><h3>' + TitleTrans + '</h3></li>';
        header +=   '<li class="category"><p style="margin: 11px 0; font-family: Arial; font-size: 14px; line-height:1.5em; font-weight: bold;">' + SkillsCoveredTrans + '</p></li>';
        header +=   '<li class="rating"><h3>' + RatingTrans + '</h3></li>';
        header +='</ul></div>';
		
		$("#splatskills-list").html(header + html);
		
	} else {
		$("#splatskills-list").html("<h3>" + ErrorTrans + "</h3></p>");
	}
	
}