var utl = ninemsn.AP.Util;
var cfg = ninemsn.AP.Config;
var me= this;
var horoscopeDatesSpans=new Array("March 21 - April 19","April 20 - May 20","May 21 - June 21","June 22 - July 22","July 23 - August 22","August 23 - September 22","September 23 - October 23","October 24 - November 21","November 22 - December 21","December 22 - January 19","January 20 - February 18","February 19 - March 20");
var horoscopeNames=new Array("Aries","Taurus","Gemini","Cancer","Leo","Virgo","Libra","Scorpio","Sagittarius","Capricorn","Aquarius","Pisces");
var horoscopeStartDates=new Array("21/03","20/04","21/05","22/06","23/07","23/08","23/09","24/10","22/11","22/12","20/01","19/02");
var horoscopeEndDates=new Array("19/04","20/05","21/06","22/07","22/08","22/09","23/10","21/11","21/12","19/01","18/02","20/03");
var rolloverImages=new Array();	//array of all large horoscope icons (50 x 50)
var _profile;
function initHoro()
{
  
if (document.getElementById('contentHoroscope') == undefined)
    return;
 

  cfg.HttpTransferURL   = "http://data.ninemsn.com.au/NHHttpTransfer/GetNHHttpTransfer.aspx?domain={0}&fetchURL={1}&verstamp=0.9367741208532384";
  cfg.horo_domain	  	  = "astrosurf.ninemsn.com.au";
  cfg.horo_provider		  = "Astrocentre";
  cfg.horo_feedURL		  = "http://astrosurf.ninemsn.com.au/astrosurf/feeds/MyMsnDailyFile_Feed.aspx";
//  cfg.horo_providerURL	= "http://ninemsn.com.au/astrosurf";
  cfg.horo_providerURL	= "";
  cfg.horo_loveURL		  = "http://astrosurf.ninemsn.com.au/astrosurf/HPAstroLove.aspx?Af=-1300";
  cfg.horo_healthURL		= "http://astrosurf.ninemsn.com.au/astrosurf/HPTarot.aspx?Af=-1300";
  cfg.horo_careerURL		= "http://astrosurf.ninemsn.com.au/astrosurf/HPAstroCareer.aspx?Af=-1300";
  cfg.horo_postURL		  = "http://astrosurf.ninemsn.com.au//astrosurf/Default.aspx";
  cfg.horo_defHoroId		= 0;
  cfg.cookieNameHoro        = "horopref";

  //var id			= p_modId;
	var me			= this;
	_profile     = new utl.Profile(cfg.cookieNameHoro);
	var pref		= _profile.horoscopePref;
	
	var me = this;
	
	var horoscopeItems=null;		//contains array of daily horoscope text
	var titleDiv=null;				//container of horo icon, horo name and date
	var descriptionDiv=null;		//container of daily description
	var currentHoroscopeId=0;		//currently perssisting horroscope
	_profile = pref;
	
	p_elSource=document.getElementById("contentHoroscope");
	me.element = p_elSource;
	me.cfwContainer = null;
	//Build array of thumbnail horoscope images.
	for(var i=0;i<12;i++)
	{
		var img=new Image(50,50);
		img.src="/img/horoscope/"+i+".gif";
		rolloverImages[i]=img;
	}
	me.RenderContent();
	
}

this.RenderContent = function()
	{
		/*  Prepare element */
		p_elSource=document.getElementById("contentHoroscope");
		p_elSource.innerHTML = "";
		//
		var postForm = document.createElement("form");
		p_elSource.appendChild(postForm);
		postForm.id = "horo_zodiacForm";
		postForm.name = "horo_zodiacForm";
		postForm.method = "POST";
		postForm.action = cfg.horo_postURL;
		
		var DMFChoosenSign = document.createElement("input");
		DMFChoosenSign.type = "hidden";
		DMFChoosenSign.id = "DMFChoosenSign";
		DMFChoosenSign.name = "DMFChoosenSign";
		DMFChoosenSign.value = "";
		postForm.appendChild(DMFChoosenSign);
		
		var div = document.createElement("div");
		me.cfwContainer = div;

		postForm.appendChild(div);

		/*  Display temporary loading message */
		utl.showLoading(div);

		var qd = (cfg.horo_feedURL.indexOf("?") == -1) ? "?" : "&";

		/*  Encode URI (TODO: fix CFW so that we can just do encodeUri) */
		var uri = cfg.horo_feedURL.replace("&", "%26");

		//make call to get horoscope XML data
    _Url=cfg.HttpTransferURL.format(cfg.horo_domain,escape(cfg.horo_feedURL));
    Ninemsn.Site.NH.FeedReader.Get(_Url,me._CfwContentCallback);
	};
this._CfwContentCallback = function(responseElement)
{
    
    var data=responseElement.HttpTransferResult["cp:CONTENT"];
    me.cfwContainer.innerHTML = "";
		me.cfwContainer.style.padding = "5px";
                                me.cfwContainer.style.paddingTop = "0px";
		horoscopeItems = ParseHoroscope(data);
		var iconContainer=document.createElement("div");
		me.cfwContainer.appendChild(iconContainer);
		iconContainer.style.marginLeft = "0px";
                                iconContainer.style.borderBottom="1px dotted #b4b4b4"; 
                                iconContainer.style.marginBottom="8px";
                                iconContainer.style.paddingBottom="5px";
                                iconContainer.style.paddingLeft="5px";
		//iconContainer.style.display = "inline";
		for(var i=0;i<12;i++)
		{
			//container for every horoscope icon thumbnail
			var iconEl=document.createElement("span");
                                                iconEl.className="horoImgs";
			var iconImgObj = new HoroscopeIcon(i,iconEl,me);
			//iconImgObj = null;
			iconImgObj.initialize();
			iconEl.title = horoscopeNames[i];
			iconContainer.appendChild(iconEl);
		}
		
		//container for the horoscope image, name and date
		titleDiv=document.createElement("div");
		me.cfwContainer.appendChild(titleDiv);
		titleDiv.style.position = "relative";
		titleDiv.style.height = "4em";
		//titleDiv.style.display = "inline";

		//container for the main horoscope text
		descriptionDiv=document.createElement("div");
		me.cfwContainer.appendChild(descriptionDiv);
		descriptionDiv.style.marginBottom = "10px";
                                
		//container to house provider info at the bottom
		me.cfwContainer.appendChild(me.buildFooter());

		//get previous preference
		if(_profile)
			currentHoroscopeId = _profile;
		else
		{ //need to calculate user preference with regards to DOB
			//set a default in case of error
			currentHoroscopeId = cfg.horo_defHoroId;
		}

		//display currently selected horoscope
		me.DisplaySign(currentHoroscopeId);
		me.SetSign(null);
                                hideLoading("ajaxloadinghoro");
		me.isInitialized = true;
}
this.buildFooter = function()
{
	//container to house provider info at the bottom
	var providerDiv = document.createElement("div");
	providerDiv.className = "horo_bottom_links gen_mod_border_top";
	//providerDiv.innerHTML="<br>Powered by DOM&reg;.";

	var poweredBy = document.createElement("span");
	providerDiv.appendChild(poweredBy);
	poweredBy.className = "horo_poweredBy";
	poweredBy.innerHTML = "<span class=\"gen_mod_fadeText\">Powered by</span> <a href='{0}'>{1}</a>".format(cfg.horo_providerURL, cfg.horo_provider);
	
	utl.addBottomDiv(providerDiv);

	return providerDiv;
}

/* /// <summary>Displays the specified horoscope.</summary> */
/* /// <param name="horoscopeId">The horoscope id that is to be displayed.</param> */
/* /// <remarks>If horoscopeId is null, displays the currently set horoscope.</remarks> */
this.DisplaySign=function(horoscopeId)
{
	if(horoscopeId==null)
		horoscopeId=currentHoroscopeId;

	if(horoscopeItems&&horoscopeItems.length>horoscopeId&&horoscopeItems[horoscopeId]!=null)
	{
                    fixInnerHTML(descriptionDiv,horoscopeItems[horoscopeId]);
	}
	else
	{
		//renderModuleDown(id,me.cfwContainer,null)
	}
		//me.cfwContainer.innerHTML="<div style='padding:10px;'>An error has occoured.</div>";
};

function ParseHoroscope(data)
{
  if (!data)
    return null;
  var items=new Array();
  for(var k in data)
  {
    for(var i = 0; i < data[k].length; i++)
	  {
		  if (data[k][i]["cp:ABSTRACT"] != undefined)
		  {
		    var horoscope="";
				var signId=null;
				horoscope=data[k][i]["cp:ABSTRACT"];
				signId=parseInt(data[k][i]["cp:DATA"].Sequence,10);
				if(signId!=null&&horoscope!="")
					items[signId-1]=horoscope;
		  }
	  }
	  if (items.length >0)
	    break;
  }
  return items;
}
	

this.SetSign=function(newId)
{
	titleDiv.innerHTML="";
	if(newId==null)
		newId=currentHoroscopeId;

	//place holder for horo icon
	var titleImg=document.createElement("div");
	titleDiv.appendChild(titleImg);
	titleImg.style.position = "absolute";
	titleImg.style.display = "inline";
	
	//(50 x 50) horo icon 
	//var img=document.createElement("img");
	//img.src=rolloverImages[newId].src;
	var img=rolloverImages[newId];
	img.removeNode="true";
	img.width="50";
	img.height="50";
	img.alt = horoscopeNames[newId];
	img.style.cursor = "pointer";
	utl.attachEventCallback(img, "onclick", me.ZodiacLinkClick, newId);
	titleImg.appendChild(img);

	//block containing horo name and data span
	var titleText=document.createElement("div");
	titleDiv.appendChild(titleText);
	titleText.style.position = "absolute";
	titleText.style.marginLeft = "60px";
	titleText.style.marginTop = "2px";
                
                var titleAnchor = document.createElement("<span>");
	fixInnerHTML(titleAnchor,"<b>"+horoscopeNames[newId]+"</b>");
	titleAnchor.title = horoscopeNames[newId];
	titleText.appendChild(titleAnchor);		
	
	var titleDates = document.createElement("span");
	titleText.appendChild(titleDates);
                fixInnerHTML(titleDates,horoscopeDatesSpans[newId]);
	//titleText.innerHTML="<B><a href=\"javascript:\">"+horoscopeNames[newId]+"</a></B><br>"+horoscopeDatesSpans[newId];
};

this.ZodiacLinkClick = function(signId)
{
	document.getElementById("DMFChoosenSign").value = signId;
	document.getElementById("horo_zodiacForm").submit();
	
	window.event.returnValue = false; //returns false for firefox
	return false;
};

HoroscopeIcon = function(m_id, parentSpan, horoContainer)
{
	var imgObj=null; //actual html img object

	/* /// <summary>Object initializer method.</summary> */
	/* /// <remarks>Called to initilise the object.</remarks> */
	this.initialize = function()
	{
		imgObj=document.createElement("img");
		imgObj.src="/img/horoscope/i"+m_id+".gif";
		imgObj.width="20";
		imgObj.height="20";
		imgObj.style.padding = "0 0 0 0";
		imgObj.style.border="none";
		imgObj.style.cursor="pointer";
		utl.attachEvent(imgObj, "onmouseover",u);
		utl.attachEvent(imgObj, "onmouseout",v);
		utl.attachEvent(imgObj, "onclick",w);
		parentSpan.appendChild(imgObj);
	};

	/* /// <summary>Function call when the 'onmouseover' event is fired.</summary> */
	/* /// <remarks>Highlight's this horo thumbnail icon and displays the relevant horoscop info.</remarks> */
	function u()
	{
		imgObj.style.border="solid 1px #9a9a9a";
		horoContainer.SetSign(m_id);
		horoContainer.DisplaySign(m_id);
	};

	/* /// <summary>Function call when the 'onmouseout' event is fired.</summary> */
	/* /// <remarks>Clear's the information that was displayed for this horo thumbnail icon.</remarks> */
	function v()
	{
		imgObj.style.border="none";
		horoContainer.SetSign(null);
		horoContainer.DisplaySign(null);
	};

	/* /// <summary>Function call when the 'onclick' event is fired.</summary> */
	/* /// <remarks>Set's the preference to the current horoscope.</remarks> */
	function w()
	{
		horoContainer.PersistSign(m_id);
		horoContainer.DisplaySign(m_id);
	};
};
/* /// <summary>Save's the users preference when they select a specific horoscope.</summary> */
/* /// <param name="newId">The horoscope id that is to be saved.</param> */
this.PersistSign=function(newId)
{
	currentHoroscopeId=newId;
	writeCookie(cfg.cookieNameHoro, newId, "");
};
/**
 Load the module in the load event
**/
window.onload=function(){
if(typeof(init)!='undefined'){
	init();
	initHoro();
}
}




/* /// <summary>Fix for innerHTML problems in IE</summary> */
/* /// <param name="parentElement"></param> */
/* /// <param name="Elementvalue"></param> */
function fixInnerHTML(parentElement,Elementvalue)
{
  _old=parentElement.getElementsByTagName("div");
  if (_old.length >0)
	 parentElement.removeChild(_old[0]);
	_tmp=document.createElement("div");
	_tmp.innerHTML = Elementvalue;
	parentElement.appendChild(_tmp);
	_tmp=null;
}

function hideLoading(idName)
{
  try
	{
		elContainer=document.getElementById(idName);
	  elContainer.style.display="none";
	}
	catch(ex)
	{
	}
}