$(function() {
    $("#ticker").html("<img src='/themes/esa/images/loading.gif' alt='Loading...' align='center' />");
	jQuery.get("/themes/esa/javascript/stocks.php", function(data) {
	    var foo = jQuery.csv()(data);
		$("#ticker").html("<table id='stock_table' cellpadding='0' cellspacing='0'><thead><tr><th class='stockHead' style='text-align: left'>Symbol</th><th class='stockHead'>Last</th><th class='stockHead'>Change</th></tr></thead><tbody><tr><td colspan='3' class='stockIndicies'>INDICIES</td></tr></tbody></table>");
		var j=0;
	    $.each(foo,function(index, item) {
    		$("#stock_table tbody").append("<tr id='row"+j+"'></tr>");
	    	for(i=0;i<item.length;i++) {
	    		switch(i) {
	    			case 0:
	    				switch(j) {
	    					case 0:	$("#row"+j).append("<td class='stockName'>ASX 200</td>"); break;
	    					case 1:	$("#row"+j).append("<td class='stockName'>Dow Jones</td>"); break;
	    					case 2:	$("#row"+j).append("<td class='stockName'>Nikkei</td>"); break;
	    					case 3:	$("#row"+j).append("<td class='stockName'>FTSE</td>"); break;
	    					case 4:	$("#row"+j).append("<td class='stockName'>Hang Seng</td>"); break;
	    					case 5:	$("#row"+j).append("<td class='stockName'>All Ords</td>"); break;
	    				}
	    			break;
	    			case 1:
	    				$("#row"+j).append("<td class='stock' align='right'>"+item[i]+"</td>");	    			
	    			break;
	    			case 3:
	    				var percent = item[3];
	    				percent = percent.substring(0,percent.length-1);
	    				//if(percent.substring(0,1) == "+") { percent = percent.substring(1,percent.length);}
    					$("#row"+j).append("<td align='right'><span class='stockChange'>"+item[2]+"</span><span class='stockPercent'>&nbsp;("+percent+"%)</span></td>");
    					$("#row"+j+" td:last").removeClass("stock stockUp stockDown");
	    				if(parseFloat(item[2], 10)<0) {
	    					$("#row"+j+" td:last").addClass("stockDown");
		    			} else if(parseFloat(item[2], 10)>0) {
	    					$("#row"+j+" td:last").addClass("stockUp");
		    			} else {
	    					$("#row"+j+" td:last").addClass("stock");
		    			}
	    			break;
	    		}
	    	}
	    	j++;
	    });
		$("#stock_table tr:nth-child(odd) td").addClass("odd");
		$("#stock_table tr:nth-child(even) td").addClass("even");
		$("#stock_table tbody tr:first-child td:first-child").removeClass("odd");
		$("#row6").remove();
	});

	//$('#cycle img').css("display","block");
	
	$('#cycle').jShuffle();
	
	$('#cycle img').css("display", "none");
	$('#cycle img:first').css("display","block");

	//$('#cycle').cycle({ 
	//    fx:    'fade',
	//    speed:  10000, 
	//    delay: -4000 
	//});
	
	// install flowplayer into flowplayer container
	var player = $f("player", "/themes/esa/video/flowplayer-3.1.5.swf", {
		plugins: {
		   controls: {
		      timeBgColor: '#565656',
		      tooltipTextColor: '#ffffff',
		      backgroundGradient: 'low',
		      bufferGradient: 'none',
		      borderRadius: '24',
		      backgroundColor: '#565656',
		      volumeSliderColor: '#000000',
		      buttonColor: '#96ad0c',
		      volumeSliderGradient: 'none',
		      timeColor: '#01DAFF',
		      buttonOverColor: '#bad225',
		      sliderGradient: 'none',
		      progressGradient: 'medium',
		      progressColor: '#96ad0c',
		      sliderColor: '#000000',
		      durationColor: '#ffffff',
		      tooltipColor: '#5F747C',
		      bufferColor: '#bad225',
		      height: 24,
		      opacity: 1.0,
		      play: true,
		      volume: true,
		      time: false,
		      playlist: false,
		      fullscreen: false,
		      scrubber: true
		   }
		}
	});
	$(".video").overlay({
		onLoad: function() {
			//$('#cycle').cycle('stop');
			player.load();
		},
		onClose: function() {
			//$('#cycle').cycle('resume');
			player.unload();
		}
	});

	
	$('#ticker').everyTime(60000,function() {
		jQuery.get("/themes/esa/javascript/stocks.php", function(data) {
		    var foo = jQuery.csv()(data);
			var j=0;
		    $.each(foo,function(index, item) {
		    	for(i=0;i<item.length;i++) {
		    		switch(i) {
		    			case 0:
		    				//Chill, this is just the stock name
		    			break;
		    			case 1:
		    				$("#row"+j+" td:nth-child(2)").html(item[i]);	    			
		    			break;
		    			case 3:
		    				var percent = item[3];
		    				percent = percent.substring(0,percent.length-1);
		    				//if(percent.substring(0,1) == "+") { percent = percent.substring(1,percent.length);}
		    				$("#row"+j+" td:last span.stockChange").html(item[2]);
		    				$("#row"+j+" td:last span.stockPercent").html("&nbsp;("+percent+"%)");
	    					$("#row"+j+" td:last").removeClass("stock stockUp stockDown");
		    				if(parseFloat(item[2], 10)<0) {
		    					$("#row"+j+" td:last").addClass("stockDown");
			    			} else if(parseFloat(item[2], 10)>0) {
		    					$("#row"+j+" td:last").addClass("stockUp");
			    			} else {
		    					$("#row"+j+" td:last").addClass("stock");
			    			}
		    			break;
		    		}
		    	}
		    	j++;
		    });
		});
	});
	$('.blink').blink();
});