// JavaScript Document


var req;
var dest;
var backendUrl;
var prodCode;

function callback() {
	if (req.readyState == 4){
        contentInput = document.getElementById(dest);
        if (req.status == 200){
            response = req.responseText;
			contentInput.innerHTML = response;
		       
        } else {
			contentInput.innerHTML = "Loading, please wait...";	
        }
    }
}

function getThumbnails(method,type,thumbNumb,destination) {
	backendUrl = "/aUrl";
	sortBy = method;
	mediaType = type;
	dest = destination;
	
	if(window.XMLHttpRequest) {
		req = new XMLHttpRequest();
		 
		req.onreadystatechange = callback;
		req.open("GET", backendUrl + "?method=" + sortBy + "&type="  + mediaType + "&size=" + thumbNumb, true);
		req.send(null);
	} else if(window.ActiveXObject) {
		req = new ActiveXObject("Microsoft.XMLHTTP");
		req.onreadystatechange = callback;
		req.open("GET", backendUrl + "?method=" + sortBy + "&type="  + mediaType + "&size=" + thumbNumb, true);
		req.send(null);
		
	} 
}

function swapMediaTabs(tabgroup,tab) {
	
		if(!document.getElementById(tab)){
			var chosenTabGroup = document.getElementById(tabgroup);
			var tabArray = chosenTabGroup.getElementsByTagName("li");
			for (var liCount = 0; liCount < tabArray.length; liCount++) {
				var idValue = tabArray[liCount].getAttribute("id");
				if (idValue.indexOf("Off") == -1) {
					var idValueOff = idValue + "Off";
					tabArray[liCount].setAttribute("id",idValueOff);
				}
			}			
			var chosenTabOff = tab + "Off";
			document.getElementById(chosenTabOff).setAttribute("id",tab);
		}
}