// JavaScript Document
function goToStep2(idRoutine)
{
	iframe = document.getElementById('ifr');
	iframe.src = "teetimeXML.php?step=2&idRoutine="+idRoutine;
	//alert(iframe.src);
}

function goToStep3(chkDate,idRoutine)
{

	iframe = document.getElementById('ifr');
	iframe.src = "teetimeXML.php?step=3&idRoutine="+idRoutine+"&chkDate="+chkDate;
}

function goToStep4(teeTStamp,idRoutine)
{
	
	iframe = document.getElementById('ifr');
	iframe.src = "teetimeXML.php?step=4&idRoutine="+idRoutine+"&teeTStamp="+teeTStamp;
	//alert(iframe.src );
}

function loginReservas(teeTStamp,idRoutine,demoUser,demoPass)
{
	iframe = document.getElementById('ifr');
	iframe.src = "teetimeXML.php?step=4&idRoutine="+idRoutine+"&teeTStamp="+teeTStamp+"&demoUser="+demoUser+"&demoPass="+demoPass;
	//alert(iframe.src);	
	
}

function deleteTeeTimes(id)
{
	iframe = document.getElementById('ifr');
	iframe.src = "teetimeXML.php?step=5&id="+id;

}

function insertOptionBefore(myText,MyValue,lstObj)
{
  var elSel = document.getElementById(lstObj);

  if (elSel.selectedIndex >= 0) {
    var elOptNew = document.createElement('option');
    elOptNew.text = myText;
    elOptNew.value = MyValue;

    var elOptOld = elSel.options[elSel.selectedIndex];
    try {
      elSel.add(elOptNew, elOptOld); // standards compliant; doesn't work in IE
    }
    catch(ex) {
      elSel.add(elOptNew, elSel.selectedIndex); // IE only
    }
  }
}
function removeOptionSelected(lstObj)
{
  var elSel = document.getElementById(lstObj);
  var i;
  for (i = elSel.length - 1; i>=0; i--) {
    if (elSel.options[i].selected) {
      elSel.remove(i);
    }
  }
}

function appendOptionLast(myText,MyValue,lstObj)
{
  var elOptNew = document.createElement('option');
  elOptNew.text = myText;
  elOptNew.value = MyValue;
  //elOptNew.setAttribute("onchange",MyAlert());
  var elSel = document.getElementById(lstObj);

  try {
    elSel.add(elOptNew, null); // standards compliant; doesn't work in IE
  }
  catch(ex) {
    elSel.add(elOptNew); // IE only
  }
}

function removeOptionLast(lstObj)
{
  var elSel = document.getElementById(lstObj);
  if (elSel.length > 0)
  {
    elSel.remove(elSel.length - 1);
  }
}

function removeAllOption(lstObj)
{
  var elSel = document.getElementById(lstObj);
  while (elSel.length > 0)
  {
    elSel.remove(elSel.length - 1);
  }
}


function addFeeList(name)
{

		var divDates = document.getElementById("containUsers");
		var lstDate = document.createElement("select");
		//lstDate.id = "listDate";

		//lstDate.setAttribute("size","10");
		lstDate.setAttribute("name",name);
		lstDate.setAttribute("id",name);
		//lstDate.setAttribute("onChange", MyAlert());
		//lstDate.onclick = new MyAlert();


		divDates.appendChild(lstDate);

}
function addInvitedUser(name,num)
{

	//var myDiv = document.createElement("<div class=box1>");
	//var myDiv = document.createElement('div');
	//myDiv.setAttribute('class','box1');
	var myDiv = createMyElement('box1','div');
	
	//var myTitle = document.createElement('<label class=subtitle>');
	//var myTitle = document.createElement('label');
	//myTitle.setAttribute('class','subtitle');
	var myTitle = createMyElement('subtitle','label');
	myTitle.innerHTML = 'Jugador opcional numero ' + num;
	myDiv.appendChild(myTitle);

	var myTitle = document.createElement("label");
	myTitle.innerHTML = '<br>Nombre &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'
	myDiv.appendChild(myTitle);

	var myInput = document.createElement("input");
	myInput.name = "InvName"+num;
	myInput.type = "text";
	myDiv.appendChild(myInput);

	var myTitle = document.createElement("label");
	myTitle.innerHTML = '<br>Matricula &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'
	myDiv.appendChild(myTitle);

	var myInput = document.createElement("input");
	myInput.name = "Matr"+num;
	myInput.type = "text";
	myDiv.appendChild(myInput);

	var myTitle = document.createElement("label");
	myTitle.innerHTML = '<br>Handicap &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'
	myDiv.appendChild(myTitle);

	var myInput = document.createElement("input");
	myInput.name = "Dni"+num;
	myInput.type = "text";
	myDiv.appendChild(myInput);

	//var myTitle = document.createElement("label");
	//myTitle.innerHTML = '<br>Seleccione el Green Fee correspondiente '
	//myDiv.appendChild(myTitle);



	//var lstDate = document.createElement("select");
	//lstDate.setAttribute("name",name);
	//lstDate.setAttribute("id",name);

	var divDates = document.getElementById("containUsers");
	//myDiv.appendChild(lstDate);
	divDates.appendChild(myDiv);

}

function addListDate(dateTimestamp,DateName,idRoutine)
{
	var divDates = document.getElementById("containDates");
	/*
	var myChk = document.createElement("input");
	//myChk.id = "idradio";
	myChk.value = id;
	myChk.type = "checkbox";
	myChk.name = "rb";
	*/

	//var myDive = document.createElement("div");

	if (navigator.appName == 'Microsoft Internet Explorer')
		var myChk = document.createElement("<INPUT TYPE=checkbox OnClick='goToStep3(this.value,"+idRoutine+")'  class='optionsBox' NAME='chk' VALUE='"+dateTimestamp+"' >");
	else
	{
		var myChk = document.createElement('input');
		myChk.setAttribute('type','checkbox');
		myChk.setAttribute('OnClick','goToStep3(this.value,'+idRoutine+')');
		myChk.setAttribute('class','optionsBox');
		myChk.setAttribute('name','chk');
		myChk.setAttribute('value',dateTimestamp);
	}
/*
	myChk.type = "checkbox";
	myChk.OnClick = "goToStep3(this.value,"+idRoutine+")";
	myChk.class = "optionsBox";
	myChk.name = "chk";
	myChk.value = dateTimestamp;*/
	
	var myTitle = document.createElement("label");
	myTitle.innerHTML = DateName+"<br>";

	divDates.appendChild(myChk);
	divDates.appendChild(myTitle);
	//myChk.onclick= 'MyAlert()';
	//alert(myChk.onClick);

}



function addLines()
{
	//var divDates = document.getElementById("containDates");
	var divLines = document.getElementById("containLines");
	var selectedDate = document.getElementById("listDate");

}

function deleteAllChilds(contain)
{
	tbody = document.getElementById(contain);
	while(tbody.hasChildNodes())
		tbody.removeChild(tbody.firstChild);
}

function addClub(logo,title,contain)
{
	tbody = document.getElementById(contain);

	//var myDiv = document.createElement("<div class=box1>");
	//var myDiv = document.createElement('div');
	//myDiv.setAttribute('class', 'box1');
	var myDiv = createMyElement('box1','div');


	//var myTitle = document.createElement("<label class=subtitle>");
	//var myTitle = document.createElement('label');
	//myTitle.setAttribute('class','subtitle');
	var myTitle = createMyElement('subtitle','label');
	
	myTitle.innerHTML = '<br>'+title;


	var myImage = document.createElement("img");
	myImage.src = "img/"+logo+"_logo.gif";


	myDiv.appendChild(myImage);
	myDiv.appendChild(myTitle);
	tbody.appendChild(myDiv);

}

function addLabel(myLabel,contain)
{
	tbody = document.getElementById(contain);

	var myTitle = document.createElement("label");
	myTitle.innerHTML = myLabel;
	

	tbody.appendChild(myTitle);
}
function addLabelStyle(myLabel,contain,cssStyle)
{
	tbody = document.getElementById(contain);

	//var myDiv = document.createElement('<div class='+cssStyle +'>');
	var myDiv = createMyElement(cssStyle,'div'); 
	
	

	//var myTitle = document.createElement('<label class=subtitle>');
	//var myTitle = document.createElement('label');
	//myTitle.setAttribute('className', 'subtitle');
	var myTitle = createMyElement('subtitle','label'); 
	
	
	myTitle.innerHTML = myLabel;

	myDiv.appendChild(myTitle);
	tbody.appendChild(myDiv);
}

function createMyElement(cssStyle,element)
{
	if (navigator.appName == 'Microsoft Internet Explorer')
		ccsName = 'className'; else ccsName = 'class';
	var myDiv = document.createElement(element);
	myDiv.setAttribute(ccsName, cssStyle);
	return myDiv;
}

function addTeeTime(teeTime,teeTimeStamp,ocupacy,routine)
{
	tbody = document.getElementById('containLines');

	//var myDiv = document.createElement('<div class=boxTimes>');
	//var myDiv = document.createElement('div');
	//myDiv.setAttribute('class', 'boxTimes');
	var myDiv = createMyElement('boxTimes','div');
	
	if (navigator.appName == 'Microsoft Internet Explorer')
		var myChk = document.createElement("<INPUT TYPE=checkbox OnClick='goToStep4(this.value,"+routine+")' class='optionsBox' NAME='chk2' VALUE='"+teeTimeStamp+"' >");


	else
	{
		var myChk = document.createElement('input');
		myChk.setAttribute('type','checkbox');
		myChk.setAttribute('OnClick','goToStep4(this.value,'+routine+')');
		myChk.setAttribute('class','optionsBox');
		myChk.setAttribute('name','chk2');
		myChk.setAttribute('value',teeTimeStamp);
	}
	
	

	var myTitle = document.createElement("label");
	myTitle.innerHTML = teeTime + ' -  Salidas disponibles: '  +(4-ocupacy) ;

	myDiv.appendChild(myChk);
	myDiv.appendChild(myTitle);
	tbody.appendChild(myDiv);
}

function addUser(id,name, phone, address,feeName)
{
	tbody = document.getElementById('containUsers');
	//var myDiv = document.createElement("<div class=box1>");
	//var myDiv = document.createElement('div');
	//myDiv.setAttribute('class', 'box1');
	var myDiv = createMyElement('box1','div');

	//var myTitle = document.createElement("<label class=subtitle >");
	//var myTitle = document.createElement('label');
	//myTitle.setAttribute('class', 'subtitle');
	var myTitle = createMyElement('subtitle','label');
	
	myTitle.innerHTML = 'Jugador Delta Air Lines Demo Tour<br>';
	myDiv.appendChild(myTitle);

	var myTitle = document.createElement("label");
	myTitle.innerHTML = 'Nombre: &nbsp;&nbsp;<b>' + name + '</b><br>';
	myDiv.appendChild(myTitle);

	var myTitle = document.createElement("label");
	myTitle.innerHTML = 'Teléfono:&nbsp;&nbsp; <b>' + phone + '</b><br>';
	myDiv.appendChild(myTitle);

	var myTitle = document.createElement("label");
	myTitle.innerHTML = 'E-Mail:&nbsp;&nbsp;&nbsp;&nbsp; <b>' + address + '</b><br>';
	myDiv.appendChild(myTitle);

	//var myTitle = document.createElement("label");
	//myTitle.innerHTML = '<br>Seleccione el Green Fee correspondiente<br>';
	//myDiv.appendChild(myTitle);


	//var lstDate = document.createElement("select");
	//lstDate.setAttribute("name",feeName);
	//lstDate.setAttribute("id",feeName);


	//myDiv.appendChild(lstDate);

	tbody.appendChild(myDiv);

}

function CpGoToStep2(idRoutine)
{
	iframe = document.getElementById('ifr');
	iframe.src = "teetimesXMLcp.php?step=2&idRoutine="+idRoutine;
}

function formLoginReservas(destination,teeTStamp,idRoutine){
	
	var oRow = createMyElement('','div');
	var tbody = document.getElementById(destination);	
	
	var myTitle = document.createElement("label");
	myTitle.innerHTML = 'e-Mail:&nbsp;';
	oRow.appendChild(myTitle);
	
	if (navigator.appName == 'Microsoft Internet Explorer')
		var oInput = document.createElement("<INPUT TYPE='text' name='demoUser' id='demoUser' size='10' onChange='user=this.value' >");
	else
	{
		var oInput = document.createElement('input');
		oInput.setAttribute('type','text');
		oInput.setAttribute('size',10);
		oInput.setAttribute('name','demoUser');	
		oInput.setAttribute('id','demoUser');
		oInput.setAttribute('onChange','user=this.value');
	}
	oRow.appendChild(oInput);
	
	var myTitle = document.createElement("label");
	myTitle.innerHTML = '&nbsp;Clave:&nbsp;';
	oRow.appendChild(myTitle);
	
	if (navigator.appName == 'Microsoft Internet Explorer')
		var oInput = document.createElement("<INPUT TYPE='password' name='demoPass' id='demoPass' size='10' onChange='pass=this.value' >");
	else
	{
		var oInput = document.createElement('input');
		oInput.setAttribute('type','password');
		oInput.setAttribute('size',10);
		oInput.setAttribute('name','demoPass');		
		oInput.setAttribute('id','demoPass');	
		oInput.setAttribute('onChange','pass=this.value');
	}
	oRow.appendChild(oInput);
	
	var myTitle = document.createElement("label");
	myTitle.innerHTML = '&nbsp;&nbsp;';
	oRow.appendChild(myTitle);
	
	if (navigator.appName == 'Microsoft Internet Explorer')
		var oInput = document.createElement("<INPUT TYPE='button' name='Submit' value='LOGIN' border='0' onClick='loginReservas("+teeTStamp+","+idRoutine+",user,pass)' >");
	else
	{
		var oInput = document.createElement('input');
		oInput.setAttribute('type','button');
		oInput.setAttribute('border','0');
		oInput.setAttribute('name','Submit');		
		oInput.setAttribute('value','LOGIN');
		oInput.setAttribute('onClick','loginReservas('+teeTStamp+','+idRoutine+',user,pass)');
	}
	oRow.appendChild(oInput);
	
	var myTitle = document.createElement("label");
	myTitle.innerHTML = '&nbsp;&nbsp;';
	oRow.appendChild(myTitle);
	
	if (navigator.appName == 'Microsoft Internet Explorer'){
		var oInput = document.createElement("<a href='#' onClick='openWindow("+'"'+"registrarse.php"+'"'+","+'"'+""+'"'+","+'"'+"scrollbars=yes,width=600,height=600"+'"'+")'>");
	}
	else
	{
		var oInput = document.createElement('a');
		oInput.setAttribute('href','#');		
		oInput.setAttribute('onClick','openWindow(\'registrarse.php?lang=es&locacion=lang\',\'\',\'scrollbars=yes,width=600,height=600\')');		
	}
	oInput.innerHTML = 'Registrarse';
	oRow.appendChild(oInput);


	//le agrego todo lo creado al tag tbody
	tbody.appendChild(oRow);
}

function openWindow(theURL,winName,features){
	window.open(theURL,winName,features);	
}