// JavaScript Document

var dateIndex = -1;
var priceIndex = -1;
var currentPriceStyle = 0;

function enabledPasswordFields(){
	var chbChange = document.getElementById('changePassword');
	var objPassword = document.getElementById('password');
	var objPasswordConfirm = document.getElementById('passwordConfirm');
	
	if (chbChange.checked) {
		objPassword.disabled = false;
		objPasswordConfirm.disabled = false;
	}
	else {
		objPassword.disabled = true;
		objPasswordConfirm.disabled = true;
	}
}

function createTabs() {
	$('#infs > ul').tabs({ fx: { opacity: 'toggle' } });
}

function formatItem(row) {
	return row;//[0] + " (" + row[1] + ")";
}

function verifyPackage(){
	var chbPaq = document.getElementById('types_paq');
	var chbAir = document.getElementById('types_air');
	var chbHotel = document.getElementById('types_hotel');
	var chbAuto = document.getElementById('types_auto');
	var chbCruise = document.getElementById('types_cruise');
	var chbTrain = document.getElementById('types_train');
	
	var selStyle = document.getElementById('pricingStyle');
	
	// Verify how many checkboxes are selected and display/hide the related elements
	var checked = 0;
	changeClassDisplay('air', 'none');
	changeClassDisplay('hotel', 'none');
	changeClassDisplay('auto', 'none');
	changeClassDisplay('cruise', 'none');
	changeClassDisplay('train', 'none');
	changeClassDisplay('paq', 'none');
	if (chbAir.checked){
		checked++;
		changeClassDisplay('air', 'inline');
	}
	if (chbHotel.checked){
		checked++;
		changeClassDisplay('hotel', 'inline');
	}
	if (chbAuto.checked){
		checked++;
		changeClassDisplay('auto', 'inline');
	}
	if (chbCruise.checked){
		checked++;
		changeClassDisplay('cruise', 'inline');
	}
	if (chbTrain.checked){
		checked++;
		changeClassDisplay('train', 'inline');
	}
	
	// Change checkbox and pricing style according to type selection
	if (checked == 1 && !chbPaq.checked){
		if (chbAir.checked){
			selStyle.selectedIndex = 1;
		}
		else if (chbHotel.checked){
			selStyle.selectedIndex = 2;
		}
		else if (chbAuto.checked){
			selStyle.selectedIndex = 3;	
		}
		else {
			selStyle.selectedIndex = 0;
		}
	}
	else if (checked > 1){
		chbPaq.checked = true;	
	}
	
	// Disable/enable options in pricing style for air and/or hotel 
	if (chbAir.checked){
		selStyle.options[1].disabled = false;	
	}
	else {
		if (selStyle.value == 1){
			selStyle.selectedIndex = 0;
		}
		selStyle.options[1].disabled = true;	
	}
	if (chbHotel.checked){
		selStyle.options[2].disabled = false;	
	}
	else {
		if (selStyle.value == 2){
			selStyle.selectedIndex = 0;
		}
		selStyle.options[2].disabled = true;	
	}
	if (chbAuto.checked){
		selStyle.options[3].disabled = false;	
	}
	else {
		if (selStyle.value == 3){
			selStyle.selectedIndex = 0;
		}
		selStyle.options[3].disabled = true;	
	}
	
	// Change display for package related elements
	if (chbPaq.checked){
		changeClassDisplay('paq', 'inline');
	}
	
	// Display the correspondant pricing style elements according to the selection
	displayPricingStyle();
}

function verifyPrice(currentStyle){
	currentPriceStyle = currentStyle;
	displayPricingStyle();
}

function displayPricingStyle(){
	var selStyle = document.getElementById('pricingStyle');
	for (var i = 0; i < 4; i++){
		var table = document.getElementById('pricingStyle' + i);
		if (i == selStyle.value){
			table.style.display = 'inline';
		}
		else {
			table.style.display = 'none';	
		}
	}
	var priceContainer = document.getElementById("priceContainer");
	if (currentPriceStyle != selStyle.value) {
		priceContainer.style.display = 'none';
	}
	else {
		priceContainer.style.display = 'inline';
	}
}

function setPriceIndex(index){
	priceIndex = index;	
}

function verifyDate(){
	displayDateStyle();
}

function displayDateStyle(){
	var objType = document.getElementById('departureType');
	for (var i = 0; i < 3; i++){
		var objDates = document.getElementById('departureType' + i);
		if (i == objType.value){
			objDates.style.display = 'inline';	
		}
		else {
			objDates.style.display = 'none';	
		}
	} 
}

function setDateIndex(index){
	dateIndex = index;	
}

function appendDate(){
	var objFrom = document.getElementById('periodFrom');
	var objThrough = document.getElementById('periodThrough');
	var objContainer = document.getElementById('dateContainer');
	dateIndex++;
	var html = "<table id=\"dateItem" + dateIndex + "\"><tr><td>";
	html += objFrom.value + " - " + objThrough.value;
    html += "<input type=\"hidden\" name=\"departureDate[" + dateIndex + "]\" id=\"departureDate" + dateIndex + "\" ";
	html += "value=\"" + objFrom.value + "\" />";
    html += "<input type=\"hidden\" name=\"returnDate[" + dateIndex + "]\" id=\"returnDate" + dateIndex + "\" ";
	html += "value=\"" + objThrough.value + "\" /></td>";
    html += "<td><ul><li class=\"linkDelete\"><a href=\"javascript: {}\" onclick=\"deleteDate(" + dateIndex + ");\">&nbsp;</a></li></ul></td>";
	html += "</tr></table>";
	objContainer.innerHTML += html;
}

function appendPrice(pricingStyle){
	var objContainer = document.getElementById('priceContainer');
	priceIndex++;
	
	var html = '<table id="priceItem' + priceIndex +'">';
	
	if (pricingStyle == 0) {
		var price0 = document.getElementById("price0");
		var tax0 = document.getElementById("tax0");
		var capacity0 = document.getElementById("capacity0");
		var name0 = document.getElementById("priceName0");
		var fromDate0 = document.getElementById("priceFromDate0");
		var throughDate0 = document.getElementById("priceThroughDate0");
		var comments0 = document.getElementById("priceComments0");
        
		html += '<tr><td colspan="2">' + name0.value + '<input type="hidden" name="priceName[' + priceIndex + ']" id="priceName-' + priceIndex + '" value="' + name0.value + '" /></td> ';
        html += '<td colspan="3">' + fromDate0.value + ' - ' + throughDate0.value + '<input type="hidden" name="priceFromDate[' + priceIndex + ']" id="priceFromDate-' + priceIndex + '" value="' + fromDate0.value + '" /><input type="hidden" name="priceThroughDate[' + priceIndex + ']" id="priceThroughDate-' + priceIndex + '" value="' + throughDate0.value + '" /></td></tr>';
		html += '<tr><td colspan="5">Observaciones:<br />' + comments0.value + '<input type="hidden" name="priceComments[' + priceIndex + ']" id="priceComments-' + priceIndex + '" value="' + comments0.value + '" /></td></tr>';
		html += '<tr><th></th><th>Precio</th><th>Impuestos</th><th>Cupo</th><th></th></tr>';
		html += '<tr>';
        html += '<td colspan="2">' + price0.value + '<input type="hidden" value="' + price0.value + '" name="price[' + priceIndex + '][0]" id="price' + priceIndex + '-0" /></td>';
		html += '<td>' + tax0.value + '<input type="hidden" value="' + tax0.value + '" name="tax[' + priceIndex + '][0]" id="tax' + priceIndex + '-0" /></td>';
		html += '<td>' + capacity0.value + '<input type="hidden" value="' + capacity0.value + '" name="capacity[' + priceIndex + '][0]" id="capacity' + priceIndex + '-0" /></td>';
        html += '<td><ul><li class="linkDelete"><a href="javascript: {}" title="Eliminar" onclick="deletePrice(' + priceIndex + ');">&nbsp;</a></li></ul></td>';
		html += '</tr>';
	}
	else if (pricingStyle == 1) {
		var price1 = document.getElementById("price1");
		var price2 = document.getElementById("price2");
		var price3 = document.getElementById("price3");
		var tax1 = document.getElementById("tax1");
		var tax2 = document.getElementById("tax2");
		var tax3 = document.getElementById("tax3");
		var capacity1 = document.getElementById("capacity1");
		var capacity2 = document.getElementById("capacity2");
		var capacity3 = document.getElementById("capacity3");
		var name1 = document.getElementById("priceName1");
		var fromDate1 = document.getElementById("priceFromDate1");
		var throughDate1 = document.getElementById("priceThroughDate1");
		var comments1 = document.getElementById("priceComments1");
            
		html += '<tr><td colspan="2">' + name1.value + '<input type="hidden" name="priceName[' + priceIndex + ']" id="priceName-' + priceIndex + '" value="' + name1.value + '" /></td> ';
        html += '<td colspan="3">' + fromDate1.value + ' - ' + throughDate1.value + '<input type="hidden" name="priceFromDate[' + priceIndex + ']" id="priceFromDate-' + priceIndex + '" value="' + fromDate1.value + '" /><input type="hidden" name="priceThroughDate[' + priceIndex + ']" id="priceThroughDate-' + priceIndex + '" value="' + throughDate1.value + '" /></td></tr>';
		html += '<tr><td colspan="5">Observaciones:<br />' + comments1.value + '<input type="hidden" name="priceComments[' + priceIndex + ']" id="priceComments-' + priceIndex + '" value="' + comments1.value + '" /></td></tr>';
		html += '<tr><th></th><th>Precio</th><th>Impuestos</th><th>Cupo</th><th></th></tr>';
		html += '<tr><td>Adulto</td>';
        html += '<td>' + price1.value + '<input type="hidden" value="' + price1.value + '" name="price[' + priceIndex + '][0]" id="price' + priceIndex + '-0" /></td>';
		html += '<td>' + tax1.value + '<input type="hidden" value="' + tax1.value + '" name="tax[' + priceIndex + '][0]" id="tax' + priceIndex + '-0" /></td>';
		html += '<td>' + capacity1.value + '<input type="hidden" value="' + capacity1.value + '" name="capacity[' + priceIndex + '][0]" id="capacity' + priceIndex + '-0" /></td>';
        html += '<td><ul><li class="linkDelete"><a href="javascript: {}" title="Eliminar" onclick="deletePrice(' + priceIndex + ');">&nbsp;</a></li></ul></td>';
		html += '</tr>';
		html += '<tr><td>Ni&ntilde;o</td>';
        html += '<td>' + price2.value + '<input type="hidden" value="' + price2.value + '" name="price[' + priceIndex + '][1]" id="price' + priceIndex + '-1" /></td>';
		html += '<td>' + tax2.value + '<input type="hidden" value="' + tax2.value + '" name="tax[' + priceIndex + '][1]" id="tax' + priceIndex + '-1" /></td>';
		html += '<td>' + capacity2.value + '<input type="hidden" value="' + capacity2.value + '" name="capacity[' + priceIndex + '][1]" id="capacity' + priceIndex + '-1" /></td>';
        html += '<td></td>';
		html += '</tr>';
		html += '</tr>';
		html += '<tr><td>Beb&eacute;</td>';
        html += '<td>' + price3.value + '<input type="hidden" value="' + price3.value + '" name="price[' + priceIndex + '][2]" id="price' + priceIndex + '-2" /></td>';
		html += '<td>' + tax3.value + '<input type="hidden" value="' + tax3.value + '" name="tax[' + priceIndex + '][2]" id="tax' + priceIndex + '-2" /></td>';
		html += '<td>' + capacity3.value + '<input type="hidden" value="' + capacity3.value + '" name="capacity[' + priceIndex + '][2]" id="capacity' + priceIndex + '-2" /></td>';
        html += '<td></td>';
		html += '</tr>';
	}
	else if (pricingStyle == 2) {
		var price4 = document.getElementById("price4");
		var price5 = document.getElementById("price5");
		var price6 = document.getElementById("price6");
		var price7 = document.getElementById("price7");
		var price8 = document.getElementById("price8");
		var extra4 = document.getElementById("extra4");
		var extra5 = document.getElementById("extra5");
		var extra6 = document.getElementById("extra6");
		var extra7 = document.getElementById("extra7");
		var extra8 = document.getElementById("extra8");
		var tax4 = document.getElementById("tax4");
		var tax5 = document.getElementById("tax5");
		var tax6 = document.getElementById("tax6");
		var tax7 = document.getElementById("tax7");
		var tax8 = document.getElementById("tax8");
		var capacity4 = document.getElementById("capacity4");
		var capacity5 = document.getElementById("capacity5");
		var capacity6 = document.getElementById("capacity6");
		var capacity7 = document.getElementById("capacity7");
		var capacity8 = document.getElementById("capacity8");
		var name2 = document.getElementById("priceName2");
		var fromDate2 = document.getElementById("priceFromDate2");
		var throughDate2 = document.getElementById("priceThroughDate2");
        var comments2 = document.getElementById("priceComments2");    
		
		html += '<tr><td colspan="3">' + name2.value + '<input type="hidden" name="priceName[' + priceIndex + ']" id="priceName-' + priceIndex + '" value="' + name2.value + '" /></td> ';
        html += '<td colspan="3">' + fromDate2.value + ' - ' + throughDate2.value + '<input type="hidden" name="priceFromDate[' + priceIndex + ']" id="priceFromDate-' + priceIndex + '" value="' + fromDate2.value + '" /><input type="hidden" name="priceThroughDate[' + priceIndex + ']" id="priceThroughDate-' + priceIndex + '" value="' + throughDate2.value + '" /></td></tr>';
		html += '<tr><td colspan="5">Observaciones:<br />' + comments2.value + '<input type="hidden" name="priceComments[' + priceIndex + ']" id="priceComments-' + priceIndex + '" value="' + comments2.value + '" /></td></tr>';
		html += '<tr><th></th><th>Precio</th><th>Impuestos</th><th>Cupo</th><th></th></tr>';
		html += '<tr><td>Sencilla</td>';
        html += '<td>' + price4.value + '<input type="hidden" value="' + price4.value + '" name="price[' + priceIndex + '][0]" id="price' + priceIndex + '-0" /></td>';
		var extraTemp = parseFloat(extra4.value);
		if (extraTemp != 'NaN' && extraTemp > 0) {
			html += '<td>' + extra4.value;
		}
		else {
			html += '<td>N/A';
		}
		html += '<input type="hidden" value="' + extra4.value + '" name="extra[' + priceIndex + '][0]" id="extra' + priceIndex + '-0" /></td>';
		html += '<td>' + tax4.value + '<input type="hidden" value="' + tax4.value + '" name="tax[' + priceIndex + '][0]" id="tax' + priceIndex + '-0" /></td>';
		html += '<td>' + capacity4.value + '<input type="hidden" value="' + capacity4.value + '" name="capacity[' + priceIndex + '][0]" id="capacity' + priceIndex + '-0" /></td>';
        html += '<td><ul><li class="linkDelete"><a href="javascript: {}" title="Eliminar" onclick="deletePrice(' + priceIndex + ');">&nbsp;</a></li></ul></td>';
		html += '</tr>';
		html += '<tr><td>Doble</td>';
        html += '<td>' + price5.value + '<input type="hidden" value="' + price5.value + '" name="price[' + priceIndex + '][1]" id="price' + priceIndex + '-1" /></td>';
		extraTemp = parseFloat(extra5.value);
		if (extraTemp != 'NaN' && extraTemp > 0) {
			html += '<td>' + extra5.value;
		}
		else {
			html += '<td>N/A';
		}
		html += '<input type="hidden" value="' + extra5.value + '" name="extra[' + priceIndex + '][1]" id="extra' + priceIndex + '-1" /></td>';
		html += '<td>' + tax5.value + '<input type="hidden" value="' + tax5.value + '" name="tax[' + priceIndex + '][1]" id="tax' + priceIndex + '-1" /></td>';
		html += '<td>' + capacity5.value + '<input type="hidden" value="' + capacity5.value + '" name="capacity[' + priceIndex + '][1]" id="capacity' + priceIndex + '-1" /></td>';
        html += '<td></td>';
		html += '</tr>';
		html += '</tr>';
		html += '<tr><td>Triple</td>';
        html += '<td>' + price6.value + '<input type="hidden" value="' + price6.value + '" name="price[' + priceIndex + '][2]" id="price' + priceIndex + '-2" /></td>';
		extraTemp = parseFloat(extra6.value);
		if (extraTemp != 'NaN' && extraTemp > 0) {
			html += '<td>' + extra6.value;
		}
		else {
			html += '<td>N/A';
		}
		html += '<input type="hidden" value="' + extra6.value + '" name="extra[' + priceIndex + '][2]" id="extra' + priceIndex + '-2" /></td>';
		html += '<td>' + tax6.value + '<input type="hidden" value="' + tax6.value + '" name="tax[' + priceIndex + '][2]" id="tax' + priceIndex + '-2" /></td>';
		html += '<td>' + capacity6.value + '<input type="hidden" value="' + capacity6.value + '" name="capacity[' + priceIndex + '][2]" id="capacity' + priceIndex + '-2" /></td>';
        html += '<td></td>';
		html += '</tr>';
		html += '<tr><td>Cuadruple</td>';
        html += '<td>' + price7.value + '<input type="hidden" value="' + price7.value + '" name="price[' + priceIndex + '][3]" id="price' + priceIndex + '-3" /></td>';
		extraTemp = parseFloat(extra7.value);
		if (extraTemp != 'NaN' && extraTemp > 0) {
			html += '<td>' + extra7.value;
		}
		else {
			html += '<td>N/A';
		}
		html += '<input type="hidden" value="' + extra7.value + '" name="extra[' + priceIndex + '][3]" id="extra' + priceIndex + '-3" /></td>';
		html += '<td>' + tax7.value + '<input type="hidden" value="' + tax7.value + '" name="tax[' + priceIndex + '][3]" id="tax' + priceIndex + '-3" /></td>';
		html += '<td>' + capacity7.value + '<input type="hidden" value="' + capacity7.value + '" name="capacity[' + priceIndex + '][3]" id="capacity' + priceIndex + '-3" /></td>';
        html += '<td></td>';
		html += '</tr>';
		html += '<tr><td>Ni&ntilde;o</td>';
        html += '<td>' + price8.value + '<input type="hidden" value="' + price8.value + '" name="price[' + priceIndex + '][4]" id="price' + priceIndex + '-4" /></td>';
		extraTemp = parseFloat(extra8.value);
		if (extraTemp != 'NaN' && extraTemp > 0) {
			html += '<td>' + extra8.value;
		}
		else {
			html += '<td>N/A';
		}
		html += '<input type="hidden" value="' + extra8.value + '" name="extra[' + priceIndex + '][4]" id="extra' + priceIndex + '-4" /></td>';
		html += '<td>' + tax8.value + '<input type="hidden" value="' + tax8.value + '" name="tax[' + priceIndex + '][4]" id="tax' + priceIndex + '-4" /></td>';
		html += '<td>' + capacity8.value + '<input type="hidden" value="' + capacity8.value + '" name="capacity[' + priceIndex + '][4]" id="capacity' + priceIndex + '-4" /></td>';
        html += '<td></td>';
		html += '</tr>';
	}
	else {
		var price9 = document.getElementById("price9");
		var price10 = document.getElementById("price10");
		var tax9 = document.getElementById("tax9");
		var tax10 = document.getElementById("tax10");
		var capacity9 = document.getElementById("capacity9");
		var capacity10 = document.getElementById("capacity10");
		var name3 = document.getElementById("priceName3");
		var name23 = document.getElementById("priceName23");
		var fromDate3 = document.getElementById("priceFromDate3");
		var throughDate3 = document.getElementById("priceThroughDate3");
		var comments3 = document.getElementById("priceComments3");
            
		html += '<tr><td colspan="2">' + name3.value + '<input type="hidden" name="priceName[' + priceIndex + ']" id="priceName-' + priceIndex + '" value="' + name3.value + '" />' + ' - ' + name23.value + '<input type="hidden" name="priceName2[' + priceIndex + ']" id="priceName2-' + priceIndex + '" value="' + name23.value + '" />' + '</td> ';
        html += '<td colspan="3">' + fromDate3.value + ' - ' + throughDate3.value + '<input type="hidden" name="priceFromDate[' + priceIndex + ']" id="priceFromDate-' + priceIndex + '" value="' + fromDate3.value + '" /><input type="hidden" name="priceThroughDate[' + priceIndex + ']" id="priceThroughDate-' + priceIndex + '" value="' + throughDate3.value + '" /></td></tr>';
		html += '<tr><td colspan="5">Observaciones:<br />' + comments3.value + '<input type="hidden" name="priceComments[' + priceIndex + ']" id="priceComments-' + priceIndex + '" value="' + comments3.value + '" /></td></tr>';
		html += '<tr><th></th><th>Precio</th><th>Impuestos</th><th>Cupo</th><th></th></tr>';
		html += '<tr><td>D&iacute;a</td>';
        html += '<td>' + price9.value + '<input type="hidden" value="' + price9.value + '" name="price[' + priceIndex + '][0]" id="price' + priceIndex + '-0" /></td>';
		html += '<td>' + tax9.value + '<input type="hidden" value="' + tax9.value + '" name="tax[' + priceIndex + '][0]" id="tax' + priceIndex + '-0" /></td>';
		html += '<td>' + capacity9.value + '<input type="hidden" value="' + capacity9.value + '" name="capacity[' + priceIndex + '][0]" id="capacity' + priceIndex + '-0" /></td>';
        html += '<td><ul><li class="linkDelete"><a href="javascript: {}" title="Eliminar" onclick="deletePrice(' + priceIndex + ');">&nbsp;</a></li></ul></td>';
		html += '</tr>';
		html += '<tr><td>Semana</td>';
        html += '<td>' + price10.value + '<input type="hidden" value="' + price10.value + '" name="price[' + priceIndex + '][1]" id="price' + priceIndex + '-1" /></td>';
		html += '<td>' + tax10.value + '<input type="hidden" value="' + tax10.value + '" name="tax[' + priceIndex + '][1]" id="tax' + priceIndex + '-1" /></td>';
		html += '<td>' + capacity10.value + '<input type="hidden" value="' + capacity10.value + '" name="capacity[' + priceIndex + '][1]" id="capacity' + priceIndex + '-1" /></td>';
        html += '<td></td>';
	}
	html += '</table>';
	
	if (pricingStyle != currentPriceStyle) {
		objContainer.innerHTML = '';
		currentPriceStyle = pricingStyle;
	}
	objContainer.style.display = 'inline';
	objContainer.innerHTML += html;
}

function deletePrice(index){
	var objContainer = document.getElementById('priceContainer');
	var objItem = document.getElementById('priceItem' + index);
	objContainer.removeChild(objItem);
}

function deleteDate(index){
	var objContainer = document.getElementById('dateContainer');
	var objItem = document.getElementById('dateItem' + index);
	objContainer.removeChild(objItem);
}

function movePicturesForm(){
	var objForm = document.getElementById('picturesForm');
	var objContainer = document.getElementById('tempParent');
	objContainer.appendChild(objForm);
}

function submitPicturesForm(){
	var objForm = document.getElementById('picturesForm');
	objForm.submit();
}

function changeReservationState(state){
	var objProcessed = document.getElementById('reservationProcessed');	
	objProcessed.value = state;
}

function searchItems(targetURL){
	var objText = document.getElementById('searchText');
	
	postAjax('item_list', targetURL, 'searchText=' + objText.value);
}
