var PageMax=20; // last page in series
var lp;
var p; // active page
var tabOpts = {fx:{opacity:'1.0'}};
var cID;

function makeTabs() {
 	$('#tabs').tabs(tabOpts);
	$('#tabLink_1').click(function() { // bind click event to link
	    $('#tabs').tabs('select', 0); // switch to first tab - note that tabs are zero-based!
	    return false;
	});
	$('#tabLink_2').click(function() { // bind click event to link
	    $('#tabs').tabs('select', 1); // switch to second tab
	    return false;
	});
	$('#tabLink_3').click(function() { // bind click event to link
	    $('#tabs').tabs('select', 2); // switch to third tab
	    return false;
	});
	$('#tabLink_4').click(function() { // bind click event to link
	    $('#tabs').tabs('select', 3); // switch to fourth tab
	    return false;
	});
	$('#tabLink_5').click(function() { // bind click event to link
	    $('#tabs').tabs('select', 4); // switch to fifth tab
	    return false;
	});
	$('#tabLink_6').click(function() { // bind click event to link
	    $('#tabs').tabs('select', 5); // switch to sixth tab
	    return false;
	});
	$('#tabLink_7').click(function() { // bind click event to link
	    $('#tabs').tabs('select', 6); // switch to seventh tab
	    return false;
	});
}

function loadDiv(lp) 
{
  p=lp;
  // populate current content
  if (p>0 && p<PageMax)
  {	
    $('div#container').load('getPageContent.asp?pageNum='+p+'&contentType=M&courseID='+cID,function() {	
		displaySideSubMenu(p);
			$('.popupButton').click(function() { // bind click event to popup buttons
				$(this).parent().children('div.popupBody').addClass('popupLive').removeClass('popupBody');
				$('p.popClose').remove();
				$('<p class="popClose" onclick="popupClose()">Click to close</p>').prependTo('div.popupLive');
				$('<p class="popClose" onclick="popupClose()">Click to close</p>').appendTo('div.popupLive');
			});
		});
	}
   
   if (p==PageMax)  // for exam page
   {
   $("#courseNav").hide();
   $("#gNav").hide();
   }
 courseNavDirection(p);


 
 
 
 
 }
function popupClose() {
	$('.popupLive').addClass('popupBody').removeClass('popupLive');
}

 
function setMainHeight(i) 
{
  var M=0;  
  var SMHT=0;   //SideMenu Height
  var S=0;
  
  M = ($("#pCurrent").height());
  M = M + 80;
  S =  $("#sCurrent").height();
  SMHT=120;
  if (M >= (S+SMHT)) 
  {
	 $("#sCurrent").height((M-SMHT) );
  }
  else 
  {
	 $("#pCurrent").height((S+SMHT) );
  }
}

function activateNavButton(B) 
{
	$('#'+B).show(10); 
}

function deactivateNavButton(B) 
{
	$('#'+B).hide(10); 
}

function goNext() 
{
	p=p+1;
	if (p !=(PageMax))
	{
	loadDiv(p);
    }
    //do not load the exam question into next page
	if (p==PageMax) 
	{ popupWindow( "default.asp?lp=20",900,900);
	}
	
	if (p==(PageMax-1))
	{ 
	//$('#'+B).removeClass('inactive');
	 $("nextButton").addClass('exam');
	}
    window.scrollTo(0,110);
}

function goPrevious() 
{
	p=p-1;
	// do not load flash intro movie 
	if (p > 1) 
	{
	loadDiv(p);
	}
	window.scrollTo(0,107);
}

function change() 
 {
  document.getElementById('para'+p).style.left='-3000px';
  p=((p+1) % 2);
  document.getElementById('para'+p).style.left='10px';
  document.getElementById('active'+p).innerHTML="page " + (p+1);
 }
 
 function showActive() 
 {
  //document.getElementById('active'+p).innerHTML="page " + (p+1);
 }

 //custom sidesubMenu 
function displaySideSubMenu(p) 
{
 var p
 p =this.p;
 $('div#sidemenu').clone().prependTo('div#cSide');
 $('#menu>li').removeClass('current');
 $("sidemenu").hide();
 $('#L1, #L2, #L3, #L4,#5').hide();
 if (p==1) 
 {
   $("#L1").show(10);
   $("#smenu1").addClass('current');
 }
  else if (p>=2 && p <=5 ) { 
  $("#L2").show (10);
  $("#smenu2").addClass('current');
 }
 else if (p>=6 && p <=9 ) { 
  $("#L3").show (10);
  $("#smenu3").addClass('current');
 }
 else if (p>=10 && p<=19) { 
  $("#L4").show(10);
  $("#smenu4").addClass('current');
 }
 else if (p==20) { 
  //$("#L5").show(10);
  $("#sidemenu").hide();
  $("#smenu5").addClass('current');
 }
 //highhight for current page in sidesubmenu
 $('#sm'+(p+1)).removeClass('current');
 $('#sm'+(p-1)).removeClass('current');
 $('#sm'+p).addClass('current');

 makeTabs();
 
}


// track lesson and display the course name without refreshing the page
function courseNavDirection(p)
{ 
 var p
 p=this.p
 if (p ==1 ) 
 { 
  deactivateNavButton('previousButton');
  activateNavButton('nextButton');
 }
 else if (p==2) 
 { 
  deactivateNavButton('previousButton');
  activateNavButton('nextButton');
 }
 else if ((p >2) && (p < PageMax) ) 
 {
   activateNavButton('previousButton');
   activateNavButton('nextButton');
 }
 else if (p==PageMax) {
   deactivateNavButton('previousButton');
   deactivateNavButton('nextButton');
 } 
  
 //display lesson name in coursenavdirection
 if ((p>0) && (p<=PageMax) )
  { 
  if (p==1) 
  { 
	 $('#previouslessonname').html(" ");   //not showing 
	 $("#nextlessonname").html(lessonnavarray[p+1] );
  }
  else if (p==2) 
  { 
	 $('#previouslessonname').html(" ");
	 $("#nextlessonname").html(lessonnavarray[p+1] );
  }
  else if (p==PageMax) 
  { $('#previouslessonname').html(" ");   //not showing 
    $("#nextlessonname").html(" ")
  }
  
  else
  {
     $('#previouslessonname').html(lessonnavarray[p-1] );
     $("#nextlessonname").html(lessonnavarray[p+1] );
  }
 } 
	
} //end of courseNavDirection

	

var lessonnavarray= new Array(20);
lessonnavarray[0]= "Home";
lessonnavarray[1]= "Welcome";
lessonnavarray[2]= "Lesson 1: Welcome/Benefits";
lessonnavarray[3]= "Lesson 1: 1865";
lessonnavarray[4]= "Lesson 1: The Langham Booking Tracker";
lessonnavarray[5]= "Lesson 1: The Langham Site Booking Engine";
lessonnavarray[6]= "Lesson 2: Langham Hotels International";
lessonnavarray[7]= "Lesson 2: Langham Hotels and Resorts";
lessonnavarray[8]= "Lesson 2: Langham Place Hotels and Resorts";
lessonnavarray[9]= "Lesson 2: Langham Signatures";
lessonnavarray[10]= "Lesson 3: The Langham, London";
lessonnavarray[11]= "Lesson 3: The Langham, Boston";
lessonnavarray[12]= "Lesson 3: The Langham, Huntington Hotel & Spa, Pasadena";
lessonnavarray[13]= "Lesson 3: The Langham, Hong Kong";
lessonnavarray[14]= "Lesson 3: Langham Place, Mongkok, Hong Kong";
lessonnavarray[15]= "Lesson 3: Eaton Hotel, Hong Kong";
lessonnavarray[16]= "Lesson 3: The Langham, Yangtze Boutique, Shanghai";
lessonnavarray[17]= "Lesson 3: The Langham, Melbourne";
lessonnavarray[18]= "Lesson 3: The Langham, Auckland";
lessonnavarray[19]= "Lesson 3: Langham Place, Samui at Lamai Beach";
lessonnavarray[20]= "Final Exam";


function loadFlashMovie(CID)
{ cID=CID;
  $('#pCurrent').load('./course/getPageContent.asp?pageNum=1&contentType=M&courseID='+cID);
  document.logIn.FirstName.focus();
}

function popupWindow(page,w,h){
	popwin = window.open(page,'pwin','width=' + w + ',height=' + h + ',scrollbars=yes,resizable=yes')
	popwin.focus()
}

function showPanel(panel) {
   var panelname=panel;
   if (panelname=="register") 
   { 
   $("#loginPanel").hide();
   $("#registerPanel").show();
   document.register.FirstName.focus();
  // document.getElementsByTagName("loginPanel").style.display="none" ;
   }
	else if (panelname=="signin") 
	{
	 $("#registerPanel").hide();
	 $("#loginPanel").show();
	 document.logIn.FirstName.focus();
	$('#errormessage').html(" ")
	}
		
 }