$(function() { 

var scrollWidget = 30;
var scrollOffset = 60;
var featurePos = $("#features").position();
var featureWidth = $("#features").width()-5;
var featuresPerPage = 3; //
var featuresMax = 14;
var pageNum = 0; // Current page number
var pageMax = 0;

$.ajax({
  type: "GET",
	url: "/default-includes/features.xml?ts=" + new Date().getTime(),
	dataType: "xml",
	success: function(xml) {
		
	featuresCount = $(xml).find('feature').length + 1;
	pageMax = Math.floor(featuresCount/featuresPerPage); 
	var i = 0;
	var page = ""
	var viewmore = "<div><p id='viewmore'><a href='/Development/focus.asp'><span class='hidden'>View more headlines</span></a></p></div>";
	
	$(xml).find('feature').each(function(){ 
  	if ((i++>featuresPerPage-1) && (i<pageMax*featuresPerPage)) { page = page + "<div>" + $(this).text() + "</div>";	} 
  	if (i==(pageMax*featuresPerPage)) { page = page + viewmore; } 
  	if ((((i-Math.floor(i/featuresPerPage)*featuresPerPage)==0) || (i==(pageMax*featuresPerPage))) && (page!="")) { $("<div></div>").html(page).appendTo("#features"); page = "";	}
	});
	if (page!="") { $("<div></div>").html(page + viewmore).appendTo("#features"); }	
	pageMax--;
	
  $("#features").cycle({ 
     fx: 'scrollBothWays', nowrap: 0, timeout: 0, speed: 300, cleartype: 1, prev: "#scrollleft", next: "#scrollright"
  });
	
	},
	complete: function() {

	$("#features div div").height($("#features").height()).addClass("feature");
  repositionArrows(pageNum, pageMax);
		
	}
}); // ajax

$(".scrollwidget").hover(function() {
   $(this).addClass("highlighted");
   }, function() {
   $(this).removeClass("highlighted");
   }).click(function() {
   if ($(this).attr("id")=="scrollright") {
	 pageNum++;
	 } else {
	 pageNum--
	 } 
	 repositionArrows(pageNum, pageMax);
});

// $("#print").append("<img src='/images/sm-print-en.gif' width='83' height='16' alt='Print This Page' style='border:0'/>").click(function() {
//window.print();
//return false;
//}); 

$(window).wresize(function(){
  repositionArrows(pageNum, pageMax); 
});


function repositionArrows(pageNum, pageMax){
  featurePos = $("#features").position();
  if (pageNum>0) {
  $("#scrollleft").css({'top': featurePos.top+scrollOffset, 'left': featurePos.left-(scrollWidget/2)}).fadeIn(500);
  } else {
  $("#scrollleft").fadeOut(500);
  }
  if (pageNum<pageMax) {
  $("#scrollright").css({'top': featurePos.top+scrollOffset, 'left': featurePos.left+featureWidth-(scrollWidget/2)}).fadeIn(500);
  } else {
  $("#scrollright").fadeOut(500);	
  }
}

});