var PopupWindow = Class.create();
PopupWindow.prototype = {
    initialize: function(className, parentElement) {
        var elements = document.getElementsByClassName(className, parentElement);
        for (var i = 0, len = elements.length; i < len; i++) {
            Event.observe(elements[i], 'click', this.addPopupEvent.bindAsEventListener(this));
            Event.observe(elements[i], 'keypress', this.addPopupEvent.bindAsEventListener(this));
        }
    },
    addPopupEvent: function(event) {
        var element = Event.element(event);
        var link = element.getAttribute('href');
        window.open(link);
        Event.stop(event);
    }
};

function get_versions(){
	var appSelector=document.getElementById("app_selector");
	var index=appSelector.selectedIndex;
	var appName=appSelector.options[index].value;
	if(!appName){
		return;
	}
	var req=new XMLHttpRequest();
	req.open("GET",document.location+"?a="+ appName +"&l=1", true);
	req.setRequestHeader("If-Modified-Since", "Thu, 01 Jun 1970 00:00:00 GMT");
	req.send(null);
	req.onreadystatechange =function(){
		if (req.readyState == 4){
			if(req.status == 200){
				var allVer=req.responseText.split("\n");
				
				var req2=new XMLHttpRequest();
				req2.open("GET",document.location+"?a="+ appName +"&n=1", false);
				req2.setRequestHeader("If-Modified-Since", "Thu, 01 Jun 1970 00:00:00 GMT");
				req2.send(null);
				var newVer=req2.responseText.replace("\n","");
				var result="";
				for(var i=0;i<allVer.length-1;i++){
					result+="<option value=\""+allVer[i]+"\"";
					if(allVer[i] == newVer){
						result+=" selected=\"selected\"";
					}
					result+=">";
					
					result+=allVer[i];
					result+="</option>\n";
				}
				document.getElementById("version_selector").innerHTML=result;
			}else{
				alert("通信エラー:"+req.status);
			}
		}
	}
}