// Configuration //
var numberOfCategories = 8;
var pathToCategories = "images/support/categories/";
var pathToSubCategories = "images/support/subcategories/";
var valueOfSubCategoriesToLookFor = 25;	// Change this if you ever have more than 25 sub categories.
// Configuration //

var fileExtension = ".png";

function preloadSC() {
		
	if (document.images) {
				
		var i=1;
		var s=1;
				
		for (s=1; s<=numberOfCategories-1; s++) {
	
			for (i=1; i<=valueOfSubCategoriesToLookFor; i++) {
				(new Image()).src = pathToSubCategories + s + "/" + i + ".png";
			}
					
		}
	
	}

}
		
function loadContent(cat, subCat) {
	jQuery("#phpWrapper").load("loadcontent.php?o="+cat+"&p="+subCat+"");
	document.getElementById('news').innerHTML='<img src="images/support/fillgap.png" width="225" height="30" alt="News"/>';
	didClickSubCat("sub"+subCat,subCat,cat);
}

function loadSubcategory(id) {
	didClick(id);
	jQuery("#subcatMenuWrapper").load("loadsubcat.php?o="+id+"");
	loadContent(id, 1);
}

function sfWinning(id) {
	jQuery("#subcatMenuWrapper").load("loadsubcat.php?o="+id+"");
	jQuery("#phpWrapper").load("loadcontent.php?o=5&p=2");
	document.getElementById('news').innerHTML='<img src="images/support/fillgap.png" width="225" height="30" alt="News"/>';
}

function didClick(id) {
	document.getElementById("a"+id).innerHTML="<img src=\"" + pathToCategories + id + fileExtension + "\" class=\"catSolid\" alt=\"Category\"/>";
	
	var i=1;

	for (i=1; i<=numberOfCategories; i++) {
	
		if (i != id) {
			document.getElementById("a"+i).innerHTML="<img src=\"" + pathToCategories + i + ".png\" class=\"cat\" alt=\"Category\"/>";
		}
	
	}
	
}

function didClickSubCat(subid,id,cOption) {
	document.getElementById(subid).innerHTML="<img src=\"" + pathToSubCategories + cOption + "/" + id + fileExtension + "\" class=\"catSolid\">";
	
	var count=1;

	for (count=1; count<=valueOfSubCategoriesToLookFor; count++) {
	
		if (count != id) {
			document.getElementById("sub"+count).innerHTML="<img src=\"" + pathToSubCategories + cOption + "/" + count + ".png\" class=\"cat\">";
		}
	
	}

}