$(document).ready(
	function()
	{
		$(".aCloseModal").click( function(){ $.unblockUI(); } );
		
		$("#tabForeign").click(
			function()
			{
				$("#dvPersons_Local").hide();
				$("#dvPersons_Local").fadeOut("slow");
				$("#dvPersons_Foreign").fadeIn("slow");
				
				$("#aLinkPrevious").show();
				$("#aLinkNext").show();
				
				$("#tdLocals").css( { border: 'none' } );
				$("#tdLocals").css( { borderBottom: '1px solid #CCC' } );
				
				$("#tdForeign").css(
					{
						borderLeft: '1px solid #CCC',
						borderRight: '1px solid #CCC',
						borderTop: '1px solid #CCC',
						borderBottom: 'none'
					}
				);				
			}
		);
		
		$("#tabLocals").click(
			function()
			{
				$("#dvPersons_Foreign").hide();
				$("#dvPersons_Foreign").fadeOut("slow");
				$("#dvPersons_Local").fadeIn("slow");
			
				$("#aLinkPrevious").hide();
				$("#aLinkNext").hide();
							
				$("#tdForeign").css( { border: 'none' } );
				$("#tdForeign").css( { borderBottom: '1px solid #CCC' } );
				
				$("#tdLocals").css(
					{
						borderLeft: '1px solid #CCC',
						borderRight: '1px solid #CCC',
						borderTop: '1px solid #CCC',
						borderBottom: 'none'
					}
				);			
			}
		);
		
		$("#aDetails_Foreign1").click(
			function()
			{
				onSelectedForeignPersonTab(1);				
				onFadeSelectedTabForeign(1);				
				showModalForeignPersons('280px');				
			}
		);

		$("#aDetails_Foreign2").click(
			function()
			{
				onSelectedForeignPersonTab(2);				
				onFadeSelectedTabForeign(2);
				showModalForeignPersons('280px');				
			}
		);
		
		$("#aDetails_Foreign3").click(
			function()
			{
				onSelectedForeignPersonTab(3);				
				onFadeSelectedTabForeign(3);
				showModalForeignPersons('280px');				
			}
		);		
		
		$("#aDetails_Foreign4").click(
			function()
			{
				onSelectedForeignPersonTab(4);				
				onFadeSelectedTabForeign(4);
				showModalForeignPersons('280px');				
			}
		);		
		
		$("#aDetails_Foreign5").click(
			function()
			{
				onSelectedForeignPersonTab(5);
				onFadeSelectedTabForeign(5);				
				showModalForeignPersons('280px');				
			}
		);	
		
		$("#aDetails_Foreign6").click(
			function()
			{
				onSelectedForeignPersonTab(6);
				onFadeSelectedTabForeign(6);
				showModalForeignPersons('280px');				
			}
		);	
			
		
		$("#aDetails_Local1").click(
			function()
			{
				onSelectedLocalPersonTab(1);
				$("#dvRossanaNaraga").hide();
				$("#dvTheresaSarenas").hide();
				$("#dvGlennLegaspi").show();				
				showModalLocalPersons('285px');
			}
		);
		
		$("#aDetails_Local2").click(
			function()
			{
				onSelectedLocalPersonTab(2);
				$("#dvRossanaNaraga").show();
				$("#dvTheresaSarenas").hide();
				$("#dvGlennLegaspi").hide();
				showModalLocalPersons('285px');
			}
		);		
		
		$("#aDetails_Local3").click(
			function()
			{
				onSelectedLocalPersonTab(3);
				$("#dvRossanaNaraga").hide();
				$("#dvTheresaSarenas").show();
				$("#dvGlennLegaspi").hide();
				showModalLocalPersons('285px');
			}
		);		
		
		$("#aLinkLocalP1").click(
			function()
			{
				onFadeSelectedTabLocal(1);
				onSelectedLocalPersonTab(1);
			}
		);
		
		$("#aLinkLocalP2").click(
			function()
			{
				onFadeSelectedTabLocal(2);
				onSelectedLocalPersonTab(2);
			}
		);
		
		$("#aLinkLocalP3").click(
			function()
			{
				onFadeSelectedTabLocal(3);
				onSelectedLocalPersonTab(3);
			}
		);
		
		$("#aLinkForeignP1").click(
			function()
			{
				onFadeSelectedTabForeign(1);
				onSelectedForeignPersonTab(1);
			}
		);
		
		$("#aLinkForeignP2").click(
			function()
			{
				onFadeSelectedTabForeign(2);
				onSelectedForeignPersonTab(2);
			}
		);

		$("#aLinkForeignP3").click(
			function()
			{
				onFadeSelectedTabForeign(3);
				onSelectedForeignPersonTab(3);
			}
		);
		
		$("#aLinkForeignP4").click(
			function()
			{
				onFadeSelectedTabForeign(4);
				onSelectedForeignPersonTab(4);
			}
		);
		
		$("#aLinkForeignP5").click(
			function()
			{
				onFadeSelectedTabForeign(5);
				onSelectedForeignPersonTab(5);
			}
		);
		
		$("#aLinkForeignP6").click(
			function()
			{
				onFadeSelectedTabForeign(6);
				onSelectedForeignPersonTab(6);
			}
		);
	}
);

function onFadeSelectedTabLocal(status)
{
	switch(status)
	{
		case 1:
			$("#dvRossanaNaraga").hide();
			$("#dvTheresaSarenas").hide();
			$("#dvGlennLegaspi").fadeIn("slow");
			break;
		case 2:
			$("#dvGlennLegaspi").hide();
			$("#dvTheresaSarenas").hide();
			$("#dvRossanaNaraga").fadeIn("slow");
			break;
		case 3:
			$("#dvGlennLegaspi").hide();
			$("#dvRossanaNaraga").hide();
			$("#dvTheresaSarenas").fadeIn("slow");
			break;
	}
}

function onFadeSelectedTabForeign(status)
{
	switch(status)
	{
		case 1:
			$("#dvFPerson1").fadeIn("slow");
			$("#dvFPerson2").hide();
			$("#dvFPerson3").hide();
			$("#dvFPerson4").hide();
			$("#dvFPerson5").hide();
			$("#dvFPerson6").hide();
			break;
		case 2:
			$("#dvFPerson1").hide();
			$("#dvFPerson2").fadeIn("slow");
			$("#dvFPerson3").hide();
			$("#dvFPerson4").hide();
			$("#dvFPerson5").hide();
			$("#dvFPerson6").hide();	
			break;
		case 3:
			$("#dvFPerson1").hide();
			$("#dvFPerson2").hide();
			$("#dvFPerson3").fadeIn("slow");
			$("#dvFPerson4").hide();
			$("#dvFPerson5").hide();
			$("#dvFPerson6").hide();	
			break;
		case 4:
			$("#dvFPerson1").hide();
			$("#dvFPerson2").hide();
			$("#dvFPerson3").hide();
			$("#dvFPerson4").fadeIn("slow");
			$("#dvFPerson5").hide();
			$("#dvFPerson6").hide();	
			break;
		case 5:
			$("#dvFPerson1").hide();
			$("#dvFPerson2").hide();
			$("#dvFPerson3").hide();
			$("#dvFPerson4").hide();
			$("#dvFPerson5").fadeIn("slow");
			$("#dvFPerson6").hide();
			break;
		case 6:
			$("#dvFPerson1").hide();
			$("#dvFPerson2").hide();
			$("#dvFPerson3").hide();
			$("#dvFPerson4").hide();
			$("#dvFPerson5").hide();
			$("#dvFPerson6").fadeIn("slow");	
			break;
	}
}


function onSelectedForeignPersonTab(status)
{
	switch(status)
	{
		case 1:
			$("#tdForeign1").css( { borderLeft: '1px solid #CCC', borderRight: '1px solid #CCC', borderTop: '1px solid #CCC', borderBottom: 'none' } );
			
			$("#tdForeign2").css( { border: 'none' } );
			$("#tdForeign3").css( { border: 'none' } );
			$("#tdForeign4").css( { border: 'none' } );
			$("#tdForeign5").css( { border: 'none' } );
			$("#tdForeign6").css( { border: 'none' } );
			
			$("#tdForeign2").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign3").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign4").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign5").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign6").css( { borderBottom: '1px solid #CCC' } );
			break;
		case 2:
			$("#tdForeign2").css( { borderLeft: '1px solid #CCC', borderRight: '1px solid #CCC', borderTop: '1px solid #CCC', borderBottom: 'none' } );
			
			$("#tdForeign1").css( { border: 'none' } );
			$("#tdForeign3").css( { border: 'none' } );
			$("#tdForeign4").css( { border: 'none' } );
			$("#tdForeign5").css( { border: 'none' } );
			$("#tdForeign6").css( { border: 'none' } );
			
			$("#tdForeign1").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign3").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign4").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign5").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign6").css( { borderBottom: '1px solid #CCC' } );
			break;
		case 3:
			$("#tdForeign3").css( { borderLeft: '1px solid #CCC', borderRight: '1px solid #CCC', borderTop: '1px solid #CCC', borderBottom: 'none' } );
			
			$("#tdForeign1").css( { border: 'none' } );
			$("#tdForeign2").css( { border: 'none' } );
			$("#tdForeign4").css( { border: 'none' } );
			$("#tdForeign5").css( { border: 'none' } );
			$("#tdForeign6").css( { border: 'none' } );
			
			$("#tdForeign1").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign2").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign4").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign5").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign6").css( { borderBottom: '1px solid #CCC' } );
			break;		
		case 4:
			$("#tdForeign4").css( { borderLeft: '1px solid #CCC', borderRight: '1px solid #CCC', borderTop: '1px solid #CCC', borderBottom: 'none' } );
			
			$("#tdForeign1").css( { border: 'none' } );
			$("#tdForeign2").css( { border: 'none' } );
			$("#tdForeign3").css( { border: 'none' } );
			$("#tdForeign5").css( { border: 'none' } );
			$("#tdForeign6").css( { border: 'none' } );
			
			$("#tdForeign1").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign2").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign3").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign5").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign6").css( { borderBottom: '1px solid #CCC' } );
			break;		
		case 5:
			$("#tdForeign5").css( { borderLeft: '1px solid #CCC', borderRight: '1px solid #CCC', borderTop: '1px solid #CCC', borderBottom: 'none' } );
			
			$("#tdForeign1").css( { border: 'none' } );
			$("#tdForeign2").css( { border: 'none' } );
			$("#tdForeign3").css( { border: 'none' } );
			$("#tdForeign4").css( { border: 'none' } );
			$("#tdForeign6").css( { border: 'none' } );
			
			$("#tdForeign1").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign2").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign3").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign4").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign6").css( { borderBottom: '1px solid #CCC' } );
			break;
		case 6:
			$("#tdForeign6").css( { borderLeft: '1px solid #CCC', borderRight: '1px solid #CCC', borderTop: '1px solid #CCC', borderBottom: 'none' } );
			
			$("#tdForeign1").css( { border: 'none' } );
			$("#tdForeign2").css( { border: 'none' } );
			$("#tdForeign3").css( { border: 'none' } );
			$("#tdForeign4").css( { border: 'none' } );
			$("#tdForeign5").css( { border: 'none' } );
			
			$("#tdForeign1").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign2").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign3").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign4").css( { borderBottom: '1px solid #CCC' } );
			$("#tdForeign5").css( { borderBottom: '1px solid #CCC' } );
			break;									
		
	}
}

function onSelectedLocalPersonTab(status)
{
	switch(status)
	{
		case 1:
			$("#tdLocal2").css( { border: 'none' } );
			$("#tdLocal3").css( { border: 'none' } );
			
			$("#tdLocal2").css( { borderBottom: '1px solid #CCC' } );
			$("#tdLocal3").css( { borderBottom: '1px solid #CCC' } );				
			
			$("#tdLocal1").css(
				{
					borderLeft: '1px solid #CCC',
					borderRight: '1px solid #CCC',
					borderTop: '1px solid #CCC',
					borderBottom: 'none'
				}
			);
			break;
		case 2:
			$("#tdLocal1").css( { border: 'none' } );
			$("#tdLocal3").css( { border: 'none' } );
			
			$("#tdLocal1").css( { borderBottom: '1px solid #CCC' } );
			$("#tdLocal3").css( { borderBottom: '1px solid #CCC' } );
			
			$("#tdLocal2").css(
				{
					borderLeft: '1px solid #CCC',
					borderRight: '1px solid #CCC',
					borderTop: '1px solid #CCC',
					borderBottom: 'none'
				}
			);
			break;
		case 3:
			$("#tdLocal1").css( { border: 'none' } );
			$("#tdLocal2").css( { border: 'none' } );
			
			$("#tdLocal1").css( { borderBottom: '1px solid #CCC' } );
			$("#tdLocal2").css( { borderBottom: '1px solid #CCC' } );
			
			$("#tdLocal3").css(
				{
					borderLeft: '1px solid #CCC',
					borderRight: '1px solid #CCC',
					borderTop: '1px solid #CCC',
					borderBottom: 'none'
				}
			);
			break;
	}
}

function showModalLocalPersons(heightVal)
{
	$.blockUI(
		{
			message: $('#dvLocalPersons'),
			css: { width: '500px', height: '310px', 
					textAlign: 'left', padding: '15px',	backgroundColor: '#fff', 
					color: '#000', border: 'none', fontSize: '11px', fontFamily: 'Verdana', 
					'-webkit-border-radius': '10px', 
					'-moz-border-radius': '10px'
			}
		}
	);
}

function showModalForeignPersons(heightVal)
{
	$.blockUI(
		{
			message: $('#dvForeignPersons'),
			css: {	height: ''+heightVal+'', 
					width: '500px', textAlign: 'left', padding: '15px',	backgroundColor: '#fff', 
					color: '#000', border: 'none', fontSize: '11px', fontFamily: 'Verdana',
					'-webkit-border-radius': '10px', 
					'-moz-border-radius': '10px'
			}
		}
	);
}