var JSPage = Class.create();

JSPage.prototype = {                       
	
    initialize : function() {
       Object.extend(window, this);
       
       Event.observe("idConcert", "change", window.mostrarConcert);
       Event.observe("numAmics", "change", window.mostrarDadesAmics);
       Event.observe("submitForm", "click", window.submitForm);
    },
    
    mostrarConcert : function(){
		opcionSel = $("idConcert").options[$("idConcert").selectedIndex];
		$("strDia").value = opcionSel.getAttribute("data");
		$("strHora").value = opcionSel.getAttribute("hora");
		$("strSala").value = opcionSel.getAttribute("sala");
		$("strObres").value = opcionSel.getAttribute("obres");
		$("concert").value = opcionSel.innerHTML;
    },
    
    mostrarDadesAmics: function(){
		for(cont = 1; cont <= 6; cont++){
			if(cont > $F("numAmics")){
				$("nomAmic" + cont).value = "";
				$("numAmic" + cont + "a").value = "";
				$("numAmic" + cont + "b").value = "";
				$("dadesAmic" + cont).hide();
			}else{
				$("dadesAmic" + cont).show();
			}
		}
    },
    
    submitForm : function(){
		complet = true;
		for(cont = 1; cont <= 6; cont++){
			if($("dadesAmic" + cont).visible()){
				complet = complet && ($F("nomAmic" + cont) != "");
				complet = complet && ($F("numAmic" + cont + "a").length == "4") && (isFinite( ($F("numAmic" + cont + "a") * 1.0) )  );
				complet = complet && ($F("numAmic" + cont + "b").length == "6") && (isFinite( ($F("numAmic" + cont + "b") * 1.0) )  );
			}
		}
		if(!complet){
			alert($F('err-amics'));
		}else{
			$("formulari").submit();
			return false;
		}
    }
}

Event.observe(window,"load",function(){ new JSPage(); });