/********************************Normal View***********************************
**Normal display of the widget on :********************************************
**Igoogle, Netvibes, Facebook, Firefox, Myspace, Vista (expand mode), Mac OSX.*
*******************************************************************************/


//Replace nomduwidget by a short abreviation of the widget
var turfooView = {
	
	widgetLoaded : function () {
		turfooView.initPub();
		turfooView.initTabs ();
		turfooView.loadNews();
		turfooView.tabBar.showTab('calendar');
		turfooView.setAbout();
	},
	
	initPub : function () {
		$('pub').setHTML('Pariez sur ZEturf – 40 € offerts !');
		$('pub').addEvent('click',function(){
			//http://www3.smartadserver.com/call/cliccommand/2122452/67620/'+$time()
			CWE.openPopup('http://www.zeturf.com/fr/inscription?utm_source=turfoo&utm_medium=widget&utm_content=generic&utm_campaign=turfoo_widget_partenaire');
			CWE.track({'popup':'pub'})
		})
	},
	
	//Facebook button URL
	changeFacebookButton:function() {
		CWE.setAdderButtonUrl('button_facebook',facebookUrl);
	}
	
	//iGoogle button URL
	,changeIgoogleButton:function() {
		CWE.setAdderButtonUrl('button_igoogle',igoogleUrl);
	}
	
	/* About edition */
	,setAbout:function() {
		CWE.callAjax(config.path + config.templatespath + 'about.html',function (response) {
			CWE.setAbout(response);
			$$("#aboutContent .aboutInstallButton").each(function(e){
				var platform = e.id.split('_')[1];
				if (platform == "firefoxsidebar" && !window.sidebar) {
					e.innerHTML="firefox";
				}else {
					CWE.createInstallLink(platform).injectInside(e);
				}
			})  
		});
	}
	
	//Tabs initialization
	,initTabs:function() {
		if(CWE.setTabBarStyle) {
  			CWE.setTabBarStyle('igoogle');
		}
		
		//Creation des onglets
		turfooView.tabBar = new Fuic.TabBar ({
			 'name': 'turfooTabBar',
			 'menuParent': 'top',
			 'menuClass': 'tabs',
			 'bodyParent': 'center'
		});	
		
		//Result tab
		turfooView.tabBar.addTab({
		  'name':'calendar'
		  ,'title': 'Programme'
		  ,'content':config.path + config.templatespath + 'calendar.html'
		  ,'showLoading':true
		  ,'buttonClass': 'tab'
		  ,'onAfter': turfooView.loadCalendar
		});
		
		//Next races tab
		turfooView.tabBar.addTab({
		  'name':'results'
		  ,'title': 'Arrivées'
		  ,'content':config.path + config.templatespath + 'results.html'
		  ,'showLoading':true
		  ,'buttonClass': 'tab'
		  ,'onAfter': turfooView.loadResults
		});

	},
	
	//News feed
	loadNews:function() {
		CWE.getRss({
			'url'	: 'http://www.turfoo.fr/fluxrss/actualites/',
			'name' 	: 'news'
		});
		
		$('last').addEvent('click', function() {
			position-=2;
			turfooView.changeNews();
		});
		
		$('next').addEvent('click', function() {
			turfooView.changeNews();
		});
	},
	
	//Newsfeed initialization
	treatNewsFeed:function(rss) {		
		rss.feeds.each(function(item, i) {
			newsArray["title"].push(item.title);
			newsArray["link"].push(item.link);
		});
		
		$('newsText').setHTML(newsArray["title"][position]);
		$('newsText').href = newsArray["link"][position];
		position++;
		turfooView.rotateNews.periodical(6000);
	},
	
	//Changer news every 6 seconds
	rotateNews:function() {
		turfooView.changeNews();
	},
	
	//Change news with effet
	changeNews:function() {
		if(position>newsArray["title"].length-1 || position<0) {
			position = 0;
		}
 		$('newsText').setHTML(newsArray["title"][position]);
 		$('newsText').href = newsArray["link"][position];				
		position++;
	},
	
	//Calendar tab
	loadCalendar:function() {
		$('calendar').empty();
		var file = "http://www.turfoo.fr/turfoo_rss/programme_course.xml";
		CWE.callAjax(file, function (response) {	
			var itemsNumber = response.getElementsByTagName('programme').length;
			var lastreunion=0;
			var j = 0;
			for (var i=0;i<itemsNumber;i++) {
				var item = response.getElementsByTagName('programme')[i];
				var reunionId = CWE.getXMLNodeValue(item,'reunion');
				var courseId = CWE.getXMLNodeValue(item,'course');
				var title = CWE.getXMLNodeValue(item,'titre');
				var lien = CWE.getXMLNodeValue(item,'link');
				var condition = CWE.getXMLNodeValue(item,'condition');
				var typepariArray = CWE.getXMLNodeValue(item,'typepari').split(",");
				
				var typepari='';
				for (var cpt=0; cpt<typepariArray.length;cpt++) {
					var pari = typepariArray[cpt];
					if (pari=="2/4") {
						pari="2sur4";
					}
					if (pari!="") {
						typepari+='<img src="media/img/paris/'+ pari +'.gif" />&nbsp;';
					}
				}
				
				var discipline = CWE.getXMLNodeValue(item,'discipline');
				var icone = CWE.getXMLNodeValue(item,'icone');
				var depart = CWE.getXMLNodeValue(item,'depart').substr(0,5);
				
				if(reunionId != lastreunion) {
					j++;
					var lieu = CWE.getXMLNodeValue(item,'lieu');
					var date = convertClassicDate(CWE.getXMLNodeValue(item,'date'));
					
					var reunion = new Element('div').setProperties({
						'class' : 'reunion',
						'id'    : 'reunion'+j
					});
					reunion.setHTML('<table width="100%"><tr><td align="left" class="title">Programme du '+date+' - '+ lieu.toUpperCase() + '</td><td align="right" class="title">R&eacute;union '+ reunionId+'</td></tr></table>');
					$(reunion).injectInside('calendar');
				}
				lastreunion = reunionId;

				var hover = '';
				if (i%2==0) {
				 hover='ProgramTable2';
				}
				
				var program = new Element('div').setProperties({
					'class' : 'program',
					'id'    : 'program'+i
				});
				program.setHTML('<table class="ProgramTable '+hover+ '"><tr><td rowspan=3 class="ProgramId">'+courseId+'</td><td class="ProgramTitle"><a target="_blank" href="'+lien+'" class="ProgramLink">'+ title  +
						'				</a></td><td class="ProgramDiscipline">'+ '<img src="'+icone+'" width="20" height="12" />' +
						'				</td><td class="ProgramDepart">'+ depart +'</td></tr>' +
						'				<tr><td class="ProgramCondition" colspan=3>' + condition + '</td></tr>' +
						'				<tr><td class="ProgramTypeParis" colspan=3>' + typepari + '</td></tr></table>');
				$(program).injectInside('reunion'+j);
			}
		}, true);
	},	
	
	
	
	
	//Results tab
	loadResults:function() {
		$('results').empty();
		var file = "http://www.turfoo.fr/turfoo_rss/resultat_course.xml";
		lastreunion='';
		lastTitle='';
		CWE.callAjax(file, function (response) {	
			var itemsNumber = response.getElementsByTagName('programme').length;

			for (var i=0;i<itemsNumber;i++) {
				var item = response.getElementsByTagName('programme')[i];
				var reunionId = CWE.getXMLNodeValue(item,'reunion');
				var courseId = CWE.getXMLNodeValue(item,'course');
				var title = CWE.getXMLNodeValue(item,'titre');
				var lien = CWE.getXMLNodeValue(item,'link');
				var condition = CWE.getXMLNodeValue(item,'condition');
				var etat_arrivee = CWE.getXMLNodeValue(item,'etat_arrivee');
				var classementArray = CWE.getXMLNodeValue(item,'classement').split(',');
				var discipline = CWE.getXMLNodeValue(item,'discipline');
				var distance = CWE.getXMLNodeValue(item,'distance');
				var depart = CWE.getXMLNodeValue(item,'depart').substr(0,5);

				var lieu = CWE.getXMLNodeValue(item,'lieu');
				var date = convertClassicDate(CWE.getXMLNodeValue(item,'date'));
				

				var reunion = new Element('div').setProperties({
						'class' : 'reunion',
						'id'    : 'reunionR'+i
					});
				reunion.setHTML('<table width="100%"><tr><td align="left" class="title">R&eacute;sultats du '+date+' - '+ lieu.toUpperCase() + '</td><td align="right" class="title">R&eacute;union '+ reunionId+' - C '+courseId+'</td></tr></table>');
				$(reunion).injectInside('results');

				var program = new Element('div').setProperties({
					'class' : 'program',
					'id'    : 'program'+i
				});
				program.setHTML('<table class="infos" align="center">'+
									'<tr>'+
									'<td class="resultTitle" colspan="4"><a class="ProgramLink" target="_blank" href="'+lien+'">'+title+'</a></td>'+
									'</tr><tr><td class="infosLibelle">Etat d\'arriv&eacute;e:</td>'+
									'<td class="infosText" >'+etat_arrivee+'</td>'+
									'<td class="infosLibelle">Discipline:</td>'+
									'<td class="infosText">'+discipline+'</td></tr><tr>'+
									'<td class="infosLibelle">Distance:</td>'+
									'<td class="infosText">'+distance+' m&egrave;tres</td>'+
									'<td class="infosLibelle">D&eacute;part:</td>'+
									'<td class="infosText">'+depart+'</td></tr>'+
									'</table>');		
				$(program).injectInside('reunionR'+i);
				
				var cdt = new Element('div').setProperties({
					'class' : 'cdt',
					'id'    : 'cdt'+i
				});
				cdt.setHTML('<span class="conditionsTitle">Conditions: </span>'+condition);		
				$(cdt).injectInside('reunionR'+i);
				
				var ranking ='<table class="table" align="center"><thead><th>Place</th><th>Cheval</th></thead><tbody>';
				for (var cpt=0; cpt<classementArray.length;cpt++) {
					ranking+='<tr><td><img src="media/img/positions/'+(cpt+1)+'.png" /></td><td>'+classementArray[cpt]+'</td></tr>';
				}
				ranking +='</tbody></table>';
				
				var rk = new Element('div').setProperties({
					'class' : 'rk',
					'id'    : 'rk'+i
				});
				rk.setHTML(ranking);
				$(rk).injectInside('reunionR'+i);
			}
		}, true);
	}
}