var zodiacDate = new Array();
var zodicName = new Array("Aries", "Taurus", "Gemini", "Cancer", "Leo", "Virgo", "Libra", "Scorpio", "Sagittarius", "Capricorn", "Aquarius", "Pisces");
var descriptionZodiac = new Array();

zodiacDate[0] = "Mar 21-April 19";
zodiacDate[1] = "April 20-May 20";
zodiacDate[2] = "May 21-June 21";
zodiacDate[3] = "June 22-July 22";
zodiacDate[4] = "July 23-Aug 22";
zodiacDate[5] = "Aug 23-Sep 22";
zodiacDate[6] = "Sep 23-Oct 22";
zodiacDate[7] = "Oct 23-Nov 21";
zodiacDate[8] = "Nov 22-Dec 21";
zodiacDate[9] = "Dec 22-Jan 19";
zodiacDate[10] = "Jan 20-Feb 18";
zodiacDate[11] = "Feb 19-Mar 20";


function launchHoroscope() {
	horoscopeActive = true;
	var widgetTitle = wrecords.wRecords[currImage].title;
	var widgetId = wrecords.wRecords[currImage].id;
	var useGraphic = wrecords.wRecords[currImage].useGraphic;
	useGraphic = useGraphic.substring(1, useGraphic.length);		
	document.getElementById("vodGenrePanel").innerHTML = " loading...";
	document.getElementById("vodTitlePanel").innerHTML = "<span style='color:white;'>loading...</span>";
	document.getElementById("titleContent").innerHTML = "&nbsp;";
	document.getElementById("yearTagPanel").innerHTML = "&nbsp;";
	document.getElementById("ratingPanel").innerHTML = "&nbsp;";
	 
	document.getElementById("vodTag").innerHTML = widgetTitle;
	document.getElementById("htmlHeaderImg").innerHTML = '<img  alt="" height="36px" width="36px" src=' + (useGraphic == 1 ? "/ImageHandlerMobi?value=" + wrecords.wRecords[currImage].id + "&icon=2&imageType=2" : "/view/tv/images/widgets/wImages/widgetNA.png") + ' style="padding:1px;" border="0" align="middle">';
	fadeAll();
 	showVodPanel();
	getRssFeedData("http://feeds.astrology.com/dailyoverview", "2");
}

function createHoroscopeGenre(start, end) {
	var genreHTML = "";
	for(var i = 0; i < 4; i++) {
		genreHTML += '<tr><td width="100%" height="16%" valign="middle" style="height:16%;width:100%;vertical-align:middle;" id="horoscopeGenreId' + i + '"  onmouseover="selHoroGenrePanel(' + i + ');" >&nbsp;</td></tr>';
	}
	document.getElementById("vodGenrePanel").innerHTML = ''
			+ '<table class="genreMenu" width="100%" height="100%" align="left" border="0px" style="margin-left:0%;margin-top:0px;" cellspacing="0" cellpadding="1.5px">' 
			+ genreHTML				
			+ '</table>';
	genreHTML = "";
	var genreCount = 0;
	for(i = start; i <= end; ++i) {
		document.getElementById("horoscopeGenreId" + genreCount).innerHTML = "&nbsp;"+zodicName[i];
		++genreCount;
	}
	selHoroGenre();
}

var horoGenreIndex = 0;
var horoGenreCursor = 0;
var horoGenreClick = 0;

function selHoroGenrePanel(index) {
	unSelHoroGenre();
	horoGenreCursor = index;
	horoGenreIndex = horoGenreCursor + horoGenreClick;
	selHoroGenre();
}

function selHoroGenre() {
	updateHoroDesc();
	if(document.getElementsByTagName) {  
		var table = document.getElementById("vodGenrePanel"); 
		var rows = table.getElementsByTagName("tr");
		rows[horoGenreCursor].style.background =  'url("/view/mobi/images/rowGenre.png") no-repeat';	
		rows[horoGenreCursor].style.backgroundRepeat = "no-repeat";	
	   	var i;
	 	for(i = 0; i < rows.length; i++) { //alert(rows.length);  
	   		if(i != horoGenreCursor) {
	       		rows[i].style.background = 'none'; 
	    	}
	   }
	} 
	try {
		if(document.getElementsByTagName) { 
			var table = document.getElementById("horoscopeGenreId" + horoGenreCursor);   
			var rows = table.getElementsByTagName("tr");
			document.getElementById("horoscopeGenreId" + horoGenreCursor).style.background =  'url("./view/mobi/images/rowGenre.png") no-repeat';	
		} 	
	} catch(x) {
		
	}
}

function unSelHoroGenre() {
	try {
		for(var i = 0; i < 4; i++) {
			document.getElementById("horoscopeGenreId" + i).style.background =  '';
		}
		if(document.getElementsByTagName) { 
			var table = document.getElementById("vodGenrePanel");   
			var rows = table.getElementsByTagName("tr");
			for(var i = 0; i < rows.length; i++) {
				rows[i].style.background =  '';	
			}
		}
	} catch(x) {
		
	}
}

function horoKeyHandler(keyCodeNum) {
	switch(keyCodeNum) {
		case rcUP:
				if(horoGenreIndex == 0 || descriptionZodiac.length == 0) { // first one									
					break;
				} 
				horoGenreIndex--;
				if(horoGenreCursor != 0) { // move cursor
					unSelHoroGenre();
					horoGenreCursor--;					
					selHoroGenre();
				} else { // scroll
					var start = horoGenreIndex; 
					var end = horoGenreIndex + 3;	
					createHoroscopeGenre(start, end);							
				}			
				horoGenreClick = horoGenreIndex - horoGenreCursor;
//				buildTitleCache();		
				return;		
			break;
		case rcDOWN:
			if((horoGenreIndex == (zodicName.length - 1)) || descriptionZodiac.length == 0) { // last one												
				break;
			} 
			++horoGenreIndex;
			if(horoGenreCursor < 3) { // move cursor
				unSelHoroGenre();
				horoGenreCursor++;					
				selHoroGenre();
			} else { // scroll
				var start = horoGenreIndex - 3; 
				var end = horoGenreIndex;		
				createHoroscopeGenre(start, end);							
			}			
//				buildTitleCache();		
			horoGenreClick = horoGenreIndex - horoGenreCursor;
			break;
		case rcMENU:
//			guidePage = 1;
//			moveCursor = 2;
//			menuActive = true;
			horoscopeActive = false;
			showGuidePanel();
			break;
	}
}

function updateHoroDesc() {
	try {
		document.getElementById("titleContent").innerHTML = "<table width='100%' height='100%'><tr><td style='color:white;margin:5px;'>" +zodiacDate[horoGenreIndex] + "</td></tr></table>";
		document.getElementById("vodTitlePanel").innerHTML = "<table width='100%' height='100%'><tr><td style='color:white;margin:5px;text-align:justify;'>" + descriptionZodiac[horoGenreIndex] + "</td></tr></table>";
//		document.getElementById("vodTitlePanel").style.textAlign = "justify";
	} catch(x) {
		
	}
}