<div id="courseTarget">
</div>
<div id="courseTemplates" class="hidden">
  <div class="courseTemplate">

<!-- AddThis Button BEGIN -->
<p class="addthis_toolbox addthis_default_style " style="float: right;text-decoration:none" >
<a class="addthis_counter addthis_pill_style"></a>
</p>
<!-- AddThis Button END -->
 <img class="hidden inquiryImg" src="/resource/images/question.png" alt="Inquire" title="Ask a question" onClick="location.href='index.html?action=courseInquiry&OfferingID=${OfferingID}';"/></span>

    <p style="float:right; vertical-align:middle; padding-right:10px;" class="offeringInquiryButton hidden">
	    <img class="inquiryImg"  src="/resource/images/question.png" alt="Inquire" title="Ask a question" onClick="location.href='index.html?action=courseInquiry&OfferingID=${OfferingID}';"/>
    </p>



		<h3>${OfferingCode} - ${Name}</h3>
		<h4>Description</h4>
		<p>${Description}</p>
    <div class="requisites hidden">
      <h4>Prerequisites</h4>
      <div class="requisitetarget">
      </div>
    </div>
  </div>
  <div class="requisiteTemplate hidden">
    <table>
      <tbody class="forEach">
        <tr>
          <td width="75">${requisiteType} </td>
          <td>${requisiteCourses}&nbsp;${requisiteNarrative}</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="linkTemplate">
    <a class="enrollment" ${href}="index.html?action=section&OfferingID=${OfferingID}">${OfferingCode}</a>
  </div>
  <div class="courseLinkTemplate">
    <a class="enrollment" ${href}="index.html?action=course&OfferingID=${OfferingID}">${OfferingCode}</a>
  </div>

  <div class="noCourseTemplate">
    <p><b><i>No course information is available.</i></b></p>
  </div>
  <div class="serverErrorTemplate">
    <p><b><i>Server issue please retry.</i></b></p>
  </div>
  <div class="processingMessageTemplate" style="display:none;">
    <img src="/resource/images/ui-anim_basic_16x16.gif" alt="" />
  </div>
</div>
<script type="text/javascript">
<!-- //
  $(document).ajaxStop($.unblockUI);
  $(document).ready(function () {
    initCourse();
  });
  var addthis_config = {
  	      "data_track_addressbar":false,
		  "services_compact":"favorites,facebook,print,twitter,gmail"

	};

  var addthis_share =
  {
  }
  function initCourse() {
    $.blockUI({message: $('#courseTemplates > .processingMessageTemplate')});
    $.ajax({
        type: 'POST',
        url: 'offeringOverview.action',
        dataType: 'xml',
        data: {OfferingID: $.query.get("OfferingID")},
        success: function(xmlData, textStatus) {
            if($(xmlData).find('data > Offering').size() == 0){
                $('#courseTarget').empty().append($('#courseTemplates > .noCourseTemplate').html());
            } else {
				var shareTitle = "";
				var offeringDescription ="";
                $(xmlData).find('data > Offering').each(function (index) {

				  if (index == 0) {
						shareTitle =$(this).find('>OfferingCode').text() + "-" + $(this).find('>Name').text();
						offeringDescription = $(this).find('Description').text();
				  }
				  var template = $('#courseTemplates > .courseTemplate').html();
                  $('#courseTarget').empty().append(regex(template, $(this)));
                  // is inquiry available
                  $(this).find('SubmitInquiryToUserID:not(:empty)').each(function(index) {$('#courseTarget .offeringInquiryButton').toggle()});
                  // Prerequisite
                  if($(this).find('Requisities  > RequisiteOfferingGroup').size() > 0) {
                    $('#courseTarget .requisites').toggle();
                    processRequisite($(this).find('Requisities  > RequisiteOfferingGroup > IsInformational:contains(false)'), "Required: ");
                    processRequisite($(this).find('Requisities  > RequisiteOfferingGroup > IsInformational:contains(true)'), "Suggested: ");
                 }
                });

				addthis_share.title=shareTitle;
				addthis_share.description=offeringDescription;
				$.getScript("//s7.addthis.com/js/250/addthis_widget.js#pubid=ra-509c1746159d9dd8");
            }
        },
        error: function(xhr, textStatus, errorThrown) {
          $('#courseTarget').empty().append($('#courseTemplates > .serverErrorTemplate').html());
        }
    });
  }

  function processRequisite(data, type) {

	 var showType=false;
	 $(data).parents('RequisiteOfferingGroup').each(function(index){
	 	showType = processEachRequisiteGroup($(this), type, index, showType);
	 });

  }

  function processEachRequisiteGroup(data, type, index, showType) {
        var template = (index == 0 ? $('.requisiteTemplate').html() : $('.requisiteTemplate .forEach').html());
    	var offerings = "";
		var linkTemplate = $('.linkTemplate').html();

	    if( getHost() === "ProgramSection" || getHost() === "Course"){
			linkTemplate = $('.courseLinkTemplate').html();
		}


        data.find('Offerings Offering').each(function(index) {
            linkTemplate = linkTemplate.replace("${href}", "href");
            linkTemplate = linkTemplate.replace('index.html', getHostingHTML());

            offerings += (offerings == "" ? "" : ", ") + regex(linkTemplate, $(this));
        });
	    if (showType == false) {
			template = template.replace("${requisiteType}", type);
			showType = true;
		}else{
			template = template.replace("${requisiteType}", "");
		}
	    template = template.replace("${requisiteNarrative}", data.find('CatalogNarrative').text() == "" ? "" : "(" + data.find('CatalogNarrative').text() + ")");
        template = template.replace("${requisiteCourses}", offerings);
        $('#courseTarget .requisites .requisitetarget').append(template);
  		return showType;
  }
// -->
</script>