// File: readXML.js

// Start function when DOM has completely loaded 
	//Variable to support handle action.
var gIsOnStep1 = new Boolean(false) ;
var gIsOnStep2 = new Boolean(false) ;
var gIsOnStep3 = new Boolean(false) ;
var gIsOnMain = new Boolean(false);
var gIsOnSessionTime = new Boolean(false);

var gIsSendingEmail = new Boolean(false);

var gSessionTimePerRow = 4; //Number of session time on a row.

var gTempObject1;
var gTempObject2;
var gTempObject3;

var CurrentStep;
var gShowType = '';
var Step1HTML = '';
var TimeOut = 1500;
var gTimeOutToClose = 500;
var gLang = 1; //Page language.
var gFadeInTime = 100;

var gUrlPrintSessionTime = '';
var gRequestSessionTimeParam = '';

//Ngon ngu hien thi tren session time menu
var gLang_1 = new Array('Xem Tất Cả','Theo Tựa Phim','Theo Rạp','Theo Ngày','Chọn Phim','Chọn Rạp','Chọn Ngày','Lịch Chiếu','Xin lỗi bạn, lịch chiếu đang được cập nhật','Xem Thêm','In','Gởi Vô Email');
var gLang_2 = new Array('View All','By Movie','By Cinema','By Date','Select Movie','Select Cinema','Select Date','Session Time','Sorry, session times data is being updated','View More','Print','Send To Mail');
var gCurrentLang = new Array();
var gLangAlias = "";



function addslashes (str) {
    // Escapes single quote, double quotes and backslash characters in a string with backslashes  
    return (str+'').replace(/([\\"'])/g, "\\$1").replace(/\u0000/g, "\\0");
}


$(window).resize(function(){
	customizeMenu();
});


function customizeMenu(){
	var left = $("#SessionTime").offset().left;
	var top = $("#SessionTime").offset().top;
	$("#divSessionTime").css('left',left - 110);
	$("#divSessionTime").css('top',top + 20);
}

$(document).ready(function(){ 
	customizeMenu();
	
	//Get page language;
	if(ddl_session_time_lang)
		gLang = ddl_session_time_lang;
	/*else if($.url.param("visLang")){
		gLang = $.url.param("visLang");
		if (gLang != 1 && gLang !=2) 
			gLang=1;
	}*/
	
	//Get language alias
	if(gLang == 1)//Tiếng Việg
	{
	    gLangAlias = 'vn';
	}
	else //English
	{
	    gLangAlias = 'en';
	}
	
	$('select').css({'z-index':'1'});
	
	
	if (gLang == 1)
		gCurrentLang = gLang_1;
	else
		gCurrentLang = gLang_2;
	
	//set page language (just for session time menu)
	$('#Movie').html(gCurrentLang[1]);
	$('#Cinema').html(gCurrentLang[2]);
	$('#Date').html(gCurrentLang[3]);
	$('#see_all').html(gCurrentLang[0]);
	$('#session_time_title').html(gCurrentLang[7]);
	$('#st_send_mail').attr({'title':gCurrentLang[11]});
	$('#st_print_btn').attr({'title':gCurrentLang[10]});
	
	//Hide title of steps
	$('#steps_title').hide();
	
	
	
//HANDLE EVENT ===========================
	//Handle rootVoice navigator (The main navigator.)
	$('.rootVoice').mouseover(function(){
		if(!$(this).is('#SessionTime')){
			$('#SessionTime').removeClass('active');
			clearScreen();
			closeup();
		}else{
			$('#SessionTime').addClass('active');	
		}
		resetParam();
	});
	
	//Handle #SessionTime event (an item of main menu)	
	
	$('#SessionTime').mouseover(function(){		
		gIsOnSessionTime = true;	
		$('#divSessionTime').show();
		$("#main_sub_nav").find('a').each(function(){
		    if(!$(this).is('#st_up_btn')){
		        $(this).attr({'class':'selected'});		        
		    }		    
		});
	});	
	
	$('#SessionTime').mouseleave(function(){		
		gIsOnSessionTime = false;
		$("#main_sub_nav").find('a').each(function(){
		    if(!$(this).is('#st_up_btn')){
		        $(this).attr({'class':'unselected'});		        
		    }		    
		});
		if(gTempObject3)
			$(gTempObject3).attr({'class':'selected'});
	});
	
	//Handle #divSessionTime event
	$('#divSessionTime').mouseleave(function(){
		gIsOnMain = false;
	});
	
	$('#divSessionTime').mouseover(function(){
		gIsOnMain = true;		
		gIsSendingEmail = false;
	});		
	
	//Handle #Movie event.
	$("#Movie").click(function(){
		gTempObject3 = this;
		clearScreen();
		
		//$('select').hide();//to solve problem from IE. Desc: The div will under the selection
		$('#_ctl0_ContentPlaceHolder1_drpGenres').hide();//to solve problem from IE. Desc: The div will under the selection
		
		
		gShowType = 'Movie';
		gIsOnStep1 = true;
		CurrentStep = 1;
		var step = 1;		
		
		$('#steps_title').show();
		showMovieList(step,'');	
		
		$('#step_1_title').html(gCurrentLang[4]);
		$('#step_2_title').html(gCurrentLang[5]);
		$('#step_3_title').html(gCurrentLang[7]);
		
		$("#Movie,#Cinema,#Date").attr({'class':'unselected'});
		$(this).attr('class','selected');


	    //Call google tracking
	    urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_"+gShowType);
	    //--------------------
	    
		
	});
	
	//Handle #Cinema click event.
	$("#Cinema").click(function(){
		gTempObject3 = this;
		clearScreen();	
		//$('select').hide();//to solve problem from IE. Desc: The div will under the selection
		$('#_ctl0_ContentPlaceHolder1_drpGenres').hide();//to solve problem from IE. Desc: The div will under the selection
		gShowType = 'Cinema';
		gIsOnStep1 = true;
		CurrentStep = 1;
		var step = 1;
		
		$('#steps_title').show();
		showCinemaList(step,'');
		
		$('#step_1_title').html(gCurrentLang[5]);
		$('#step_2_title').html(gCurrentLang[4]);
		$('#step_3_title').html(gCurrentLang[7]);
		
		$("#Movie,#Cinema,#Date").attr({'class':'unselected'});
		$(this).attr('class','selected');

	    //Call google tracking
	    urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_"+gShowType);
	    //--------------------
	});
	
	//Handle #Date click event.
	$("#Date").click(function(){
	    
		gTempObject3 = this;
		clearScreen();
		//$('select').hide();//to solve problem from IE. Desc: The div will under the selection
		$('#_ctl0_ContentPlaceHolder1_drpGenres').hide();//to solve problem from IE. Desc: The div will under the selection
		
		gShowType = 'Date';
		gIsOnStep1 = true;
		CurrentStep = 1;
		var step = 1;
		
		$('#steps_title').show();
		showDateList();
		
		$('#step_1_title').html(gCurrentLang[6]);
		$('#step_2_title').html(gCurrentLang[5]);
		$('#step_3_title').html(gCurrentLang[7]);
		
		$("#Movie,#Cinema,#Date").attr({'class':'unselected'});
		$(this).attr('class','selected');

	    //Call google tracking
	    urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_"+gShowType);
	    //--------------------
	});
	
	//Handle #print_btn event
	$('#st_print_btn').click(function(){
		showPopUp(gUrlPrintSessionTime,600,500);	
					 
	    //Call google tracking
	    if(gShowType == "Movie"){
	        urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_Movie_Cinema_SesstionTime_Print");
	    }else if(gShowType == "Cinema"){
	        urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_Cinema_Movie_SesstionTime_Print");	    
	    }else if(gShowType == "Date"){
	        urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_Date_Cinema_SesstionTime_Print");	        
	    }
	    //--------------------
	});
	
	//Handle #st_send_mail event
	$('#st_send_mail').click(function(){
	    gIsSendingEmail = true;
		openPopupSTSendMail(gLang);
		
	    //Call google tracking
	    if(gShowType == "Movie"){
	        urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_Movie_Cinema_SesstionTimeGroupByDate_SendMail");
	    }else if(gShowType == "Cinema"){
	        urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_Cinema_Movie_SesstionTimeGroupByDate_SendMail");	    
	    }else if(gShowType == "Date"){
	        urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_Date_Cinema_SesstionTimeGroupByMovie_SendMail");      
	    }
	    //--------------------
		
	});
	
	//Handle #st_up_btn event
	//When user click close button -> close session time navigator.
	$('#st_up_btn').click(function(){		
		closeSTN();
	});	
	
	//When user click any where out of STN and not doing send session email, Close STN.
	$('*').click(function(){
	    //neu con chuot nam ngoai main, va dang co step duoc goi thi dong lai.
	    //alert(gIsOnMain + ' ' + gIsOnStep1 + ' ' +gIsOnStep2 + ' ' +gIsOnStep3);		
	    if (!gIsOnSessionTime &&!gIsOnMain && !gIsSendingEmail){
		    closeSTN()
	    }
	});
	

	
});//END HANDLE EVENT.

//Control closing up session time navigator.
//Close STN and reset parameter.
function closeSTN(){
    //Close navigator
    clearScreen();
	closeup();
    resetParam();
    
}
function resetParam(){
     //reset parameter.
    gIsOnStep1 = false;
	gIsOnStep2 = false;
	gIsOnStep3 = false;	
    gIsOnMain = false;
    gIsSendingEmail = false;
   
}
function closeup(){
	$('#steps_title').hide();
	$('#divSessionTime').hide();
	$('#SessionTime').removeClass('active');
	$('#_ctl0_ContentPlaceHolder1_drpGenres').show();
	gTempObject3 = "undefined";
	
}

function clearScreen(){
	gIsOnStep1 = false;
	gIsOnStep2 = false;
	gIsOnStep3 = false;
	$('#step1,#step2,#step3').fadeOut(0);	
}

/*Showing steps scenario overview:
    #: step1 -> step2 -> step3 -> final
    Movie -> Cinema -> Date -> Time
    Cinema -> Movie -> Date -> Time
    Date -> Cinema -> Movie -> Time
*/

//Control show step 2
function showStep2(filter1,object)
{
	//If step1 close then do nothing.
	if (!gIsOnStep1) return;
	
	var step = 2;
	gIsOnStep2 = true;
	if (gShowType == 'Movie'){
		showCinemaList(step,filter1);
	}
	else if (gShowType == 'Cinema'){
		showMovieList(step,filter1);
	}
	else if (gShowType == 'Date'){
		showCinemaList(step,filter1);
	}
	$('#step3').fadeOut(0);	
	
	$(gTempObject1).removeClass('selected');
	//alert($('step_1_content').find('.selected'));
	$(object).addClass('selected');
	
	gTempObject1=object;

    //Call google tracking
    if(gShowType == "Movie"){
        urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_Movie_Cinema");
    }else if(gShowType == "Cinema"){
        urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_Cinema_Movie");	    
    }else if(gShowType == "Date"){
        urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_Date_Cinema");	        
    }
    //--------------------

}
//Control show step 3
function showStep3(filter1,filter2,object)
{
	gIsOnStep3 = true;
	
	if (gShowType == 'Movie' || gShowType == 'Cinema'){
		showTimeList1(filter1,filter2);	
	}else if (gShowType == 'Date'){
		showTimeList2(filter1,filter2);	
	}
	
	$(gTempObject2).removeClass('selected');
	//alert($('step_1_content').find('.selected'));
	$(object).addClass('selected');
	
	gTempObject2 = object;
	    
    //Call google tracking
    if(gShowType == "Movie"){
        urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_Movie_Cinema_SesstionTimeGroupByDate");
    }else if(gShowType == "Cinema"){
        urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_Cinema_Movie_SesstionTimeGroupByDate");	    
    }else if(gShowType == "Date"){
        urchinTracker(gLangAlias +"_"+"SessionTimeNavigator"+"_Date_Cinema_SesstionTimeGroupByMovie");    
    }
    //--------------------

}

function handleHideStep1()
{
	if ((gIsOnStep2 == false) && (gIsOnStep3 == false)){
		gIsOnStep1 = false;
		$("#step1").fadeOut();		
	}		
}

//Get xmlpath of movie list.
function getXmlPath(step,list_type,filter1,filter2)
{
	if(!step) step = 1;
	//alert(list_type+''+filter1+''+filter2+''+gShowType);
	XMLpath = '';
	if (list_type == 'Movie'){
		if (step == 1){
			//XMLpath = "/megastarXMLData.aspx?RequestType=GetMovieListByMode&&visMode=NowShowing&&visLang=" + gLang;
			XMLpath = "/megastarXMLData.aspx?RequestType=GetMoviesHasSession&&visLang=" + gLang;
		}else{ //step 2. Get movie list filted by cinema id
			XMLpath ="/megastarXMLData.aspx?RequestType=GetMovieListByCinemaID&&CinemaID=" + filter1 + "&&visLang=" + gLang;
		}		
	}else if (list_type == 'Cinema'){
		if (step == 1){
			XMLpath ="/megastarXMLData.aspx?RequestType=GetCinemaList&&visLang=" + gLang;
		}else if (step == 2 && gShowType == 'Date'){ 
			XMLpath ="/megastarXMLData.aspx?RequestType=GetCinemaList&&visLang=" + gLang;
		}else{//step 2
			XMLpath ="/megastarXMLData.aspx?RequestType=GetCinemaList&&MovieName=" + filter1 + "&&visLang=" + gLang;
		}	
	}else if (list_type == 'Date'){
			XMLpath ="/megastarXMLData.aspx?RequestType=GetDateList&&visLang=" + gLang;
	}else if (list_type == 'Time'){//All in step 3
		if(gShowType == 'Date'){
			XMLpath = '/megastarXMLData.aspx?RequestType=GetSessionsByCinemaAndDate&&CinemaID=' + filter1 + '&&Date=' + filter2 + '&&visLang=' + gLang;			
		}else {//Normal
			XMLpath = '/megastarXMLData.aspx?RequestType=GetSessionTimes&&CinemaID='+ filter1 +'&&MovieName=' + filter2 + '&&Time=TodayAndTomorrow&&visLang=' + gLang;
			//XMLpath = '../megastarXMLData.aspx?RequestType=GetSessionTimes&&CinemaID=1006&&MovieName=Avatar&&Time=TodayAndTomorrow&&visLang=1';
		} 
	}
	
	return XMLpath;
}

//Show movie list
/*
	step: 1, 2. de xac dinh div hien thi movie se duoc de o cho nao.
	cinema_id: de xac dinh cach lay du lieu xml. -> co loc theo cinema ko hay lay toan bo.
*/
function showMovieList(step,filter)
{
	var XMLpath = getXmlPath(step,"Movie",filter);
	
	$.get(XMLpath,{},function(xml){
		// Build an HTML string
		myHTMLOutput = '';
		myHTMLOutput += '<ul id="ul_menu" class="ul_menu">';
		
		// Run the function for each movie tag in the XML file
		$('movie',xml).each(function(i) {
			var MovieId = $(this).find("MovieId").text();
			var MovieName = $(this).find("MovieName").text();
			var MovieNameShort = $(this).find("MovieNameShort").text();
			var ImageUrlSmall = $(this).find("ImageUrlSmall").text();
			var ImageUrlLarge = $(this).find("ImageUrlLarge").text();
			var MovieNameVar = addslashes($(this).find("MovieNameVar").text());
			var Trailer = $(this).find("Trailer").text();
			var MovieInfoUrl = $(this).find("MovieInfoUrl").text();
			var Award = $(this).find("Award").text();
			var ShortDesc = $(this).find("ShortDesc").text();
	        
			// Build row HTML data and store in string.
			if(gShowType == 'Cinema' ){ //go to step 3 and display showing time.
				myHTMLOutput += '<li id="' + MovieNameVar + '"><a onclick="showStep3(\'' + filter + '\',\'' + MovieNameVar + '\',this);" href="javascript: void(0);">' + MovieName + '</a></li>';
			}else if(gShowType == 'Movie' ){
				myHTMLOutput += '<li id="' + MovieId + '"><a onclick="showStep2(\'' + MovieNameVar + '\',this);" href="javascript: void(0);">'+ MovieName + '</a></li>';
			}
			
		});		
		myHTMLOutput += '</ul>';
		
		//Show data
		if (step == 1){
			$("#step_1_content").html(myHTMLOutput);
			$("#step1").fadeIn(gFadeInTime);
			$('#step_1_content').jScrollPane({'dragMaxHeight':80,'dragMinHeight':80});
		}else{
			$("#step_2_content").html(myHTMLOutput);
			$("#step2").fadeIn(gFadeInTime);	
			$('#step_2_content').jScrollPane({'dragMaxHeight':80,'dragMinHeight':80});			
		}
	},"xml");	
};

function showCinemaList(step,MovieName)
{
	
	var XMLpath = '';
	XMLpath = getXmlPath(step,"Cinema",MovieName);
	$.get(XMLpath,{},function(xml){
		// Build an HTML string
		myHTMLOutput = '';
		DataBody = '';
		myHTMLOutput += '<ul class="ul_menu">';
		
		// Run the function for each movie tag in the XML file
		$('Cinema',xml).each(function(i) {
			Cinema_strID = $(this).find("Cinema_strID").text();
			Cinema_strName = $(this).find("Cinema_strName").text();
			Cinema_strNameShort = $(this).find("Cinema_strNameShort").text();
			Cinema_strDisplayName = $(this).find("Cinema_strDisplayName").text();
			MovieNameVar = urlencode(MovieName);
			// Build row HTML data and store in string
			if(gShowType == 'Movie' || gShowType == 'Date' ){ //go to step 3
				DataBody += '<li id="' + Cinema_strID + '"><a onclick="showStep3(\'' + Cinema_strID + '\',\'' + MovieNameVar + '\',this);" href="javascript: void(0);">'+ Cinema_strDisplayName + '</a></li>';
			}else if(gShowType == 'Cinema' ){//go to step 2.
				DataBody += '<li id="' + Cinema_strID + '"><a onclick="showStep2(\'' + Cinema_strID + '\',this);" href="javascript: void(0);">'+ Cinema_strDisplayName + '</a></li>';
			}
		});
		
		if (!DataBody){	
			myHTMLOutput += '<span class="st_sorry">'+gCurrentLang[8] + '</span></ul>';
			gIsOnStep3 = false;
			$('#step3').fadeOut(0);
		}
		else {
			myHTMLOutput += DataBody + '</ul>';
		}
		
		//Show data
		if (step == 1){
			$("#step_1_content").html(myHTMLOutput);
			$("#step1").fadeIn(gFadeInTime);
			$('#step_1_content').jScrollPane({'dragMaxHeight':80,'dragMinHeight':80});
		}else{
			$("#step_2_content").html(myHTMLOutput);
			$("#step2").fadeIn(gFadeInTime);
			$('#step_2_content').jScrollPane({'dragMaxHeight':80,'dragMinHeight':80});
		}
	});
};


function showDateList()
{
	var getXmlType = 'Date';
	var step = 1;
	var XMLpath = '';
	XMLpath = getXmlPath(step,getXmlType);		
	$.get(XMLpath,{},function(xml){
		// Build an HTML string
		myHTMLOutput = '';
		DataBody = '';
		myHTMLOutput += '<ul>';
		
		// Run the function for each movie tag in the XML file
		$('date',xml).each(function(i) {
			date_name = $(this).text();
			date = $(this).attr("value");
			
			// Build row HTML data and store in string
			DataBody += '<li id="' + date_name + '"><a onclick="showStep2(\''+ date +'\',this);" href="javascript: void(0);">'+ date_name + '</a></li>';
		});
		
		myHTMLOutput += DataBody + '</ul>';
		
		//Show data
		$("#step_1_content").html(myHTMLOutput);
		$("#step1").fadeIn(gFadeInTime);
	});
};


function showTimeList1(filter1,filter2)
{
	gIsOnStep3 = true;
	var XMLpath = '';
	XMLpath = getXmlPath(3,"Time",filter1,filter2);
	
	$.get(XMLpath,{},function(xml){
		// Build an HTML string
		var myHTMLOutput = '';
		var DataBody = '';
		var Time = '';
		myHTMLOutput += '';
		
		// Run the function for each movie tag in the XML file
		var count = 0;
		
		$(xml).find('[name]').each(function() {
			var date_name = $(this).attr('name');

			Time = '';
			count = 0;
			DataBody += '<p><h3 class="date">' + date_name + '</h3></p>';
			$(this).find('time').each(function(){
				var ticket_url = $(this).find("ticket_url").text();
				var value = $(this).find("value").text();
				var id = $(this).find("id").text();
				var date = $(this).find("date").text();				
							
				if(count % gSessionTimePerRow == 0 && count > 0){
					Time += '<p><span class="step_3_content_chid_span">' + value + '</span>'; 
				}else{
					Time += '<span class="step_3_content_chid_span">' + value + '</span>';
				}
				
				count ++;
				
			});
			
			
			// Build row HTML data and store in string
			DataBody += Time;
			Time = '';
		});
		if (!DataBody)		
			myHTMLOutput += '<span class="st_sorry">'+gCurrentLang[8]+'</span></p>';	
		else 
			myHTMLOutput += DataBody + '</p><p></p>';
		
		//Show data
		$("#step_3_content_child").html(myHTMLOutput);
		$("#step3").fadeIn(gFadeInTime);
		$('#step_3_content_child').jScrollPane({'dragMaxHeight':80,'dragMinHeight':80});
		
		//Create link to print session time.
		gRequestSessionTimeParam = XMLpath.replace('/megastarXMLData.aspx?','');
		gUrlPrintSessionTime = XMLpath.replace('megastarXMLData','msPrintSessionTime');
	});
		
};

function showTimeList2(filter1,filter2)
{
	gIsOnStep3 = true;
	var XMLpath = '';
	XMLpath = getXmlPath(3,"Time",filter1,filter2);
	
	$.get(XMLpath,{},function(xml){
		// Build an HTML string
		myHTMLOutput = '';
		DataBody = '';
		Time = '';
		myHTMLOutput += '';
		
		// Run the function for each movie tag in the XML file
		
		$('movie',xml).each(function(i) {
			var movie_name = $(this).find("name").text();
			
			DataBody += '<p><h3 class="date">' + movie_name + '</h3></p>';
			Time = '';
			var count = 0;
			$('time',this).each(function(i){
				var ticket_url = $(this).find("ticket_url").text();
				var value = $(this).find("value").text();
				var id = $(this).find("id").text();
				var date = $(this).find("date").text();	
				
				if(count % gSessionTimePerRow == 0 && count > 0){
					Time += '<p><span class="step_3_content_chid_span">' + value + '</span>'; 
				}else{
					Time += '<span class="step_3_content_chid_span">' + value + '</span>';
				}
				
				count ++;
				
			});
			
			// Build row HTML data and store in string
			DataBody += Time;
		});
		if (!DataBody)
			myHTMLOutput += '<span class="st_sorry">'+gCurrentLang[8] + '</span></p>';	
		else 
			myHTMLOutput += DataBody + '</p><p></p>';
		
		//Show data
		$("#step_3_content_child").html(myHTMLOutput);
		$("#step3").fadeIn(gFadeInTime);
		$('#step_3_content_child').jScrollPane({'dragMaxHeight':80});
		
		//Create link to print session time.
		gRequestSessionTimeParam = XMLpath.replace('/megastarXMLData.aspx?','');
		gUrlPrintSessionTime = XMLpath.replace('megastarXMLData','msPrintSessionTime');
	});
	
};



//Create window popup.
function showPopUp(url,height,width) {
	if(!height) height = 400;
	if(!width) width = 300;
	
	var newwindow = window.open(url,'mywindow','height='+height+', width='+width+', top=70px, left=70px, menubar=no, status=yes, location=yes, toolbar=no, scrollbars=yes');
	if (window.focus) {newwindow.focus()}
		return false;
}



////CONTROL SEND SESSTION TIME INTO MAIL
//Open Getting user info form.
function openPopupSTSendMail(visLang){   
    gIsSendingEmail = true;
    
    var sBtnSumitName = "";
    var sBtnSendAnotherFriend = "";
    if(visLang == 1)// Tiếng Việt
    {
        sBtnSumitName = 'GỬI';
        sBtnSendAnotherFriend = 'GỬI CHO CÁC BẠN KHÁC';
    }else // English
    {
        sBtnSumitName = 'Send';
        sBtnSendAnotherFriend = 'Send to more friends';
    }
    
    jQuery.ajax({
        type: "GET",
		url: "/msSTSendMail.aspx?visLang=" + visLang,
		data: "",
		dataType: "html",
		success: function(html){		    			
		    $.prompt(html,{
		        submit: sendSessionTimeToEmail, 
		        buttons: {Send:true},
		        loaded:function(){
		            $("#jqi").css("width","550px");
		            $("#jqi_state0_buttonSend").html(sBtnSumitName);
		        }
		    });
		}
    });
}


function sendSessionTimeToEmail()
{
    if(gLang == "1") //Tiếng Việt (visLang == "1")
    {
        lblHThankYou = "Cám ơn, một email đã được gửi tới cho bạn của bạn!";
        lblHErrNameEmpty = "Vui lòng nhập tên của bạn!";
        lblHErrEmailEmpty = "Vui lòng nhập email của bạn!";
        lblHErrEmailValid = "Địa chỉ email không hợp lệ. Vui lòng nhập lại!";
        lblHErrFriendNameEmpty = "Vui lòng nhập tên của người nhận!";
        lblHErrFriendEmailEmpty = "Vui lòng nhập địa chỉ email của người nhận!";
        lblHErrSubjectEmpty = "Vui lòng điền tiêu đề thông điệp!";
    }
     else //English
    {
        lblHThankYou = "Thank you, an email has been sent to your friend!";
        lblHErrNameEmpty = "Please enter your name!";
        lblHErrEmailEmpty = "Please enter your email address!";
        lblHErrEmailValid = "Invalid email. Please enter your email again!";
        lblHErrFriendNameEmpty = "Please enter your friend’s name!";
        lblHErrFriendEmailEmpty = "Please enter your friend’s email address!";
        lblHErrSubjectEmpty = "Please enter message subject!";
    }
   
    //Check client name is empty
    if($("#txtCName").val() == ""){
        alert(lblHErrNameEmpty);
        $("#txtCName").focus();
        return false;
    }
    
    //Check client email is empty
    if($("#txtCEmail").val() == ""){
        alert(lblHErrEmailEmpty);
        $("#txtCEmail").focus();
        return false;
    }
    
    //Validate client email.
    if(isValidEmail($("#txtCEmail").val()) == false){
        alert(lblHErrEmailValid);
        $("#txtCEmail").focus();
        return false;
    }

    //Check friend name is empty
    if($("#txtFName").val() == ""){
        alert(lblHErrFriendNameEmpty);
        $("#txtFName").focus();
        return false;
    }    
    
    //Check friend Email is Empty
    if($("#txtFEmail").val() == ""){
        alert(lblHErrFriendEmailEmpty);
        $("#txtFEmail").focus();
        return false;
    }
    
    
    //Validate friend email
    if(isValidEmail($("#txtFEmail").val()) == false){
        alert(lblHErrEmailValid);
        $("#txtFEmail").focus();
        return false;
    }
    
    //Validate more friend
    if(gIsAddMoreFriend){
        var i = 0;
        for(i = 2; i<5; i++){
            //Check Alternative Friend 
            if($("#txtFName_"+i).val() != "" || $("#txtFEmail_"+i).val() != ""){
                //Check friend name is empty
                if ($("#txtFName_"+i).val() == ""){
                    alert(lblHErrFriendNameEmpty);
                    $("#txtFName_"+i).focus();
                    return false;
                }            
                
                //Check friend Email is Empty
                if($("#txtFEmail_"+i).val() == ""){
                    alert(lblHErrFriendEmailEmpty);
                    $("#txtFEmail_"+i).focus();
                    return false;
                }
                
                
                //Validate friend email
                if(isValidEmail($("#txtFEmail_"+i).val()) == false){
                    alert(lblHErrEmailValid);
                    $("#txtFEmail_"+i).focus();
                    return false;
                }
            }    
        }
    }
    
//    //Check message subject is Empty
//    if($("#txtSubject").val() == ""){
//        alert(lblHErrSubjectEmpty);
//        $("#txtSubject").focus();
//        return false;
//    }
    
    //Get request data string
    //Add more friend
    var sAddMoreFriend = '';
    if(gIsAddMoreFriend){
        var i;
        for (i = 2; i<5 ; i++){
            if($("#txtFEmail_"+i).val() != ""){
                sAddMoreFriend += "&&FName_" + i + "=" + $("#txtFName_"+i).val();
                sAddMoreFriend += "&&FEmail_" + i + "=" + $("#txtFEmail_"+i).val();
            }
        }
    }

    var dataString =  "CName=" + $("#txtCName").val() ;
    dataString += "&&CEmail=" + $("#txtCEmail").val() ;
    dataString += "&&FName=" + $("#txtFName").val() ;
    dataString += "&&FEmail=" + $("#txtFEmail").val() ;
    dataString += sAddMoreFriend ;
    //dataString += "&&Subject=" + $("#txtSubject").val() 
    //dataString += "&&Message=" + $("#txtMessage").val()
    dataString += "&&" + gRequestSessionTimeParam;//Add parameter to get session time.
    //dataString = urlencode(addslashes(dataString));
    jQuery.ajax({
        type: "POST",
		url: "/msSTSendMailProcess.aspx",
		data: dataString,
		dataType: "html",
		success: function(html)
		{
		    $.prompt.close();
		    alert(lblHThankYou);
		}
    });
    
    return false;
}