///////////////////////////////////////////////////////////////////////////////////////////
///////							CREAR PANEL DE SERCVICIOS							///////
///////////////////////////////////////////////////////////////////////////////////////////
var _obj_servicios = new class_servicios("td_servicios", 10);

function class_servicios(_element, _cant_items)
{
	this.CONST_CANT_ITEM	=	_cant_items;
	
	var _obj_element			= document.all[_element];
	var _tramaHTML = '';
	_tramaHTML += "<table id='tbl_servicios' width='170px' cellSpacing='0' cellPadding='0' border='0'>";
	
	for (var _indice = 0; _indice <= this.CONST_CANT_ITEM; _indice++)
	{
		var _tag_row;
		var _tr_divisor;
		
		if (_indice == 0)
		{
			_tramaHTML += Method_Make_Items_Header();
		}
		else if (_indice < this.CONST_CANT_ITEM && _indice != 2)
		{
			if (_indice == 1)
			{
				_tramaHTML += Method_Make_Items(
													_indice,	CONST_JPG_ITERACTIVE_PATTERN_NAME, 
													CONST_JPG_ITERACTIVE_PATTERN_NAME_NORMAL, 
													CONST_JPG_ITERACTIVE_PATTERN_NAME_OVER, 
													CONST_GIF_ITERACTIVE_PATTERN_EXTENSION
												);
			}
			else
			{
				_tramaHTML += Method_Make_Items(
													_indice,	CONST_JPG_ITERACTIVE_PATTERN_NAME, 
													CONST_JPG_ITERACTIVE_PATTERN_NAME_NORMAL, 
													CONST_JPG_ITERACTIVE_PATTERN_NAME_OVER, 
													CONST_JPG_ITERACTIVE_PATTERN_EXTENSION
												 );
			}
			
			if (_indice != (this.CONST_CANT_ITEM - 1))
			{
				_tramaHTML += Method_Make_Divisor();
			}
		}
		else if (_indice == this.CONST_CANT_ITEM)
		{
			_tramaHTML += Method_Make_Items_Footer(_indice);
		}
	}
	document.all["td_servicios"].innerHTML = _tramaHTML;
}

function Method_Make_Divisor()
{
	var CONST_FILE_IMG_DIVISOR	= "jpg_table_divisor" + CONST_JPG_ITERACTIVE_PATTERN_EXTENSION;
	
	var _tramaHTML = '';
	_tramaHTML += "<tr>";
	_tramaHTML += "<td>";
	_tramaHTML += "<img width='170px' height='7px' src='" + (CONST_PATH_IMAGES_SERVICES + CONST_FILE_IMG_DIVISOR) + "'>";
	_tramaHTML += "</td>";
	_tramaHTML += "</tr>";
	
	return _tramaHTML;
}

function Method_Make_Items_Header()
{
	var CONST_FILE_IMG_HEADER	= "jpg_table_header" + CONST_JPG_ITERACTIVE_PATTERN_EXTENSION;
	
	var _tramaHTML = '';
	_tramaHTML += "<tr>";
	_tramaHTML += "<td>";
	_tramaHTML += "<img style='cursor: hand; cursor: pointer;' onclick=\"javascript: Method_Link_Page_Interior_Seccion_Page('SP004');\"' width='170px' border='0' height='32px' src='" + 
					(CONST_PATH_IMAGES_SERVICES + CONST_FILE_IMG_HEADER) + "' />";
	_tramaHTML += "</td>";
	_tramaHTML += "</tr>";
	
	return _tramaHTML;
}

function Method_Make_Items_Footer(indice)
{
	var CONST_FILE_IMG_FOOTER_NORMAL	=	"jpg_table_footer_" + indice + CONST_JPG_ITERACTIVE_PATTERN_NAME_NORMAL + 
											CONST_JPG_ITERACTIVE_PATTERN_EXTENSION;
											
	var CONST_FILE_IMG_FOOTER_OVER		=	"jpg_table_footer_" + indice + CONST_JPG_ITERACTIVE_PATTERN_NAME_OVER + 
											CONST_JPG_ITERACTIVE_PATTERN_EXTENSION;
											
	var name = "TV_Servicios_Item_" + indice;
	var _onmouseout			= " onmouseout=\"javascript: Method_Swap_Image(this,'" + (CONST_PATH_IMAGES_SERVICES + CONST_FILE_IMG_FOOTER_NORMAL) + "')\"";
	var _onmouseover		= " onmouseover=\"javascript: Method_Swap_Image(this,'" + (CONST_PATH_IMAGES_SERVICES + CONST_FILE_IMG_FOOTER_OVER) + "')\"";
	var _onclick			= " onclick=\"javascript: Method_Link_Page_Interior_Seccion_Page('SP004')\"";
	
	var _tramaHTML = '';
	_tramaHTML += '<tr>';
	_tramaHTML += '<td>';
	_tramaHTML += "<img src='" + (CONST_PATH_IMAGES_SERVICES + CONST_FILE_IMG_FOOTER_NORMAL) + "' width='170px' height='35px' border='0' name='" + name + "' ";
	_tramaHTML += "id='" + name + "'" + _onmouseout + _onmouseover + _onclick + " style='cursor: hand; cursor: pointer;' />";
	
	_tramaHTML += '</td>';
	_tramaHTML += '</tr>';
	
	return _tramaHTML;
}

function Method_Make_Items(_indice, 
							CONST_PATTERN_NAME, CONST_PATTERN_NAME_NORMAL, 
							CONST_PATTERN_NAME_OVER, CONST_PATTERN_EXTENSION)
{
	var _src_normal			= (CONST_PATTERN_NAME + _indice + CONST_PATTERN_NAME_NORMAL + CONST_PATTERN_EXTENSION);
	var _src_over			= (	CONST_PATH_IMAGES_SERVICES + CONST_PATTERN_NAME + _indice + 
								CONST_PATTERN_NAME_OVER + CONST_PATTERN_EXTENSION);

	var name				= "TV_Servicios_Item_" + _indice;
	var _onmouseout			= " onmouseout=\"javascript: Method_Swap_Image(this,'" + (CONST_PATH_IMAGES_SERVICES + _src_normal) + "');\"";
	var _onmouseover		= " onmouseover=\"javascript: Method_Swap_Image(this,'" + _src_over + "');\"";
	var _onclick			= " onclick=\"javascript: Method_Link_Page_Interior_Wong_Services(" + _indice + ");\"";
	
	var _tramaHTML = '';
	_tramaHTML += '<tr>';
	_tramaHTML += '<td>';
	_tramaHTML += "<img src='" + (CONST_PATH_IMAGES_SERVICES + _src_normal) + "' width='170px' height='60px' border='0' name='" + name + "' ";
	_tramaHTML += "id='" + name + "'" + _onmouseout + _onmouseover + _onclick + " style='cursor: hand; cursor: pointer;' />";
	_tramaHTML += '</td>';
	_tramaHTML += '</tr>';
	return _tramaHTML;
}

function Method_Link_Page_Interior_Wong_Services_Headers(option)
{
	//alert('WSP00' + option);
	Method_Link_Page_Interior_Wong_Services(option);
}

function Method_Link_Page_Interior_Wong_Services(servicio)
{
	var txtRequestQueryString = document.getElementById('txtRequestQueryString');
	txtRequestQueryString.value	= "I|WongServices=True|" + servicio;
	CountdownTimer();
	//alert(txtRequestQueryString.value);
	window.document.forms[0].submit();
}