var eLearningCourses = [];
var classroomCourses = [];
var pageContentArray = [];

$(document).ready(function () {
   getHomePageContent();
   runCourse('eLearning');
   runCourse('classCourse');

}); 

function getHomePageContent() {

   $.ajax({url: "xmlQuery/HomePageContent.aspx", 
   		   type:"POST", 
   		   dataType:"xml", 
   		   success: getHomepageData});
}

function getHomepageData(req) {
  var contentData = $(req).find('HomePage').each(function() {
	
	 var ID = $(this).find('ID').text();
	 var title = $(this).find('title').text();
	 var aboutDesc = $(this).find('aboutDesc').text();
	 var aboutELearning = $(this).find('aboutELearning').text();
	 var aboutClassroomCourses = $(this).find('aboutClassroomCourses').text();
	 var aboutPortfolio = $(this).find('aboutPortfolio').text();
	 var aboutClassroomImage = $(this).find('aboutClassroomImage').text();
	 var courseCatalogLink = $(this).find('courseCatalogLink').text();
	 var takeACourseLinks = $(this).find('takeACourseLinks').text();
	 var developTrainLinks = $(this).find('developTrainLinks').text();		
	 var aboutELearningImage = $(this).find('aboutELearningImage').text();
	 var aboutPortfolioImage = $(this).find('aboutPortfolioImage').text();	
	 var aboutHomeImage = $(this).find('aboutHomeImage').text();		
	 var indexDesc = $(this).find('IndexDesc').text();	
	 var TechnicalAssistanceEmail = $(this).find('TechnicalAssistanceEmail').text();	
	 var TechnicalAssistancePhone = $(this).find('TechnicalAssistancePhone').text();		 
	 var GroupSalesEmail = $(this).find('GroupSalesEmail').text();	
	 var GroupSalesPhone  = $(this).find('GroupSalesPhone').text();	
	 var AboutNavImage = $(this).find('AboutNavImage').text();	
	 var AboutTestimonialImage = $(this).find('AboutTestimonialImage').text(); 	 	 
	 var AboutTestimonialDesc = $(this).find('AboutTestimonialDesc').text(); 	 	 
	 
	 pageContentArray.push(new pageContent(ID,title,aboutDesc,aboutELearning,aboutClassroomCourses,aboutPortfolio,aboutClassroomImage,courseCatalogLink,takeACourseLinks,developTrainLinks,aboutELearningImage,aboutPortfolioImage,aboutHomeImage,indexDesc,TechnicalAssistanceEmail,TechnicalAssistancePhone,GroupSalesEmail,GroupSalesPhone,AboutNavImage,AboutTestimonialImage,AboutTestimonialDesc));	        
   });
   
  loadHomePageContent();
}

function loadHomePageContent() {
	var mastHome = $('#homecontent');
	var list = null;
	
	if(mastHome != null) {
		$(mastHome).append('<div id="con_about"><div>' +pageContentArray[0].indexDesc + '</div></div>');
	}
	var contactbox = $('#contactbox');
	if(contactbox != null) {
		$(contactbox).append('<ul id="contact"></ul>');
		list = $('#contact').append('<li id="c1"></li>').find('#c1');
		$(list).append('<h4>Contact Us:</h4>')
		$(list).append('<a href="mailto:' + pageContentArray[0].TechnicalAssistanceEmail + '">' + pageContentArray[0].TechnicalAssistanceEmail + '</a><br/>'
						+ pageContentArray[0].TechnicalAssistancePhone);
					
		/*list = $('#contact').append('<li id="c2"></li>').find('#c2');
		$(list).append('<h4>Group Sales:</h4>')
		$(list).append('<a href="mailto:' + pageContentArray[0].GroupSalesEmail + '">' + pageContentArray[0].GroupSalesEmail + '</a><br/>'
						+ pageContentArray[0].GroupSalesPhone);
		*/	
	}
}

function runCourse (portfolioType) {

 var urlLink = null;

 if(portfolioType == 'eLearning') 
	urlLink = "xmlQuery/eLearningContent.aspx";
		
 if(portfolioType == 'classCourse') 
	urlLink = "xmlQuery/classroomCourseContent.aspx";	 
	
 $.ajax({url: urlLink, 
   		   type:"POST", 
   		   dataType:"xml", 
   		   success: function(req) {
 	   		 getCourseData(req, portfolioType);    
   		   }
   		});		  
}

function getCourseData(req, portfolioType) {

  var contentData = $(req).find(portfolioType).each(function() {

	var courseID = $(this).find('ID').text();
	var title = $(this).find('title').text();
	var isPopular = $(this).find('isPopular').text();
	var FeaturedCourse = $(this).find('FeaturedCourse').text();
	var FeaturedCourseTime = $(this).find('FeaturedCourseTime').text();
	var isExample = $(this).find('isExample').text();
	var URLLinks = $(this).find('URLLinks').text();

	if(portfolioType == 'eLearning')  
	  eLearningCourses.push(new courses(courseID,title,null,URLLinks,null,null,null,isPopular,isExample,null,FeaturedCourse,FeaturedCourseTime));
	if(portfolioType == 'classCourse')  
	  classroomCourses.push(new courses(courseID,title,null,URLLinks,null,null,null,isPopular,isExample,null,FeaturedCourse,FeaturedCourseTime));	    
  });	

  loadUpcomingCourseData(portfolioType);  
}

function loadUpcomingCourseData(portfolioType) {

 var list = null;
 var homeevents = $('#bghover');
 
 if(portfolioType == 'eLearning')
  for(i = 0; i<eLearningCourses.length; i++) {
  	if(eLearningCourses[i].FeaturedCourse == 'True') {
  		list = $(homeevents).append('<li class = "" id='+'"'+'eLearn'+eLearningCourses[i].courseid+'"'+'></li>').find('#'+'eLearn'+eLearningCourses[i].courseid);  		
  		$(list).append('<h4><a href="'+eLearningCourses[i].urlLinks+'" target="blank">'+eLearningCourses[i].title+'</a></h4>');
  		$(list).append('<p>' + eLearningCourses[i].FeaturedCourseTime +'</p>');
     }
  }

 if(portfolioType == 'classCourse')
  for(i = 0; i<classroomCourses.length; i++) {
	if(classroomCourses[i].FeaturedCourse == 'True') {
		list = $(homeevents).append('<li class = "" id='+'"'+'eLearn'+classroomCourses[i].courseid+'"'+'></li>').find('#'+'eLearn'+classroomCourses[i].courseid);  		
  		$(list).append('<h4><a href="'+classroomCourses[i].urlLinks+'" target="blank">'+classroomCourses[i].title+'</a></h4>');	 }
  		$(list).append('<p>' + classroomCourses[i].FeaturedCourseTime +'</p>');
  }	  

  /* Set the hover functions on the Upcoming Courses list */
  
  $('#homeevents ul.bghover li').hover(function() {
			$(this).addClass('backgroundhover');
		}, function() {
			$(this).removeClass('backgroundhover');
  });  
}