$(document).ready(function() {

	//rotation speed and timer
	var speed = 4000;
	var run = setInterval('rotate()', speed);	
	
	//grab the width and calculate left value
	var item_width = $('#slides li').outerWidth(); 
	var left_value = item_width * (-1); 
        
    //move the last item before first item, just in case user click prev button
	$('#slides li:first').before($('#slides li:last'));
	
	//set the default item to the correct position 
	$('#slides ul').css({'left' : left_value});

    //if user clicked on prev button
	$('#prev').click(function() {

		//get the right position            
		var left_indent = parseInt($('#slides ul').css('left')) + item_width;

		//slide the item            
		$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200,function(){    

            //move the last item and put it as first item            	
			$('#slides li:first').before($('#slides li:last'));           

			//set the default item to correct position
			$('#slides ul').css({'left' : left_value});
		
		});

		//cancel the link behavior            
		return false;
            
	});

 
    //if user clicked on next button
	$('#next').click(function() {
		
		//get the right position
		var left_indent = parseInt($('#slides ul').css('left')) - item_width;
		
		//slide the item
		$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function () {
            
            //move the first item and put it as last item
			$('#slides li:last').after($('#slides li:first'));                 	
			
			//set the default item to correct position
			$('#slides ul').css({'left' : left_value});
		
		});
		         
		//cancel the link behavior
		return false;
		
	});        
	
	//if mouse hover, pause the auto rotation, otherwise rotate it
	$('#slides').hover(
		
		function() {
			clearInterval(run);
		}, 
		function() {
			run = setInterval('rotate()', speed);	
		}
	); 
        
});

//a simple function to click next link
//a timer will call this function, and the rotation will begin :)  
function rotate() {
	$('#next').click();
}
        
function cbfunc(o){
	var oil = 'CLH12.NYM';
	var gold = 'GCJ12.CMX';
	var items = o.query.results.quote;
	var output = '<table height="100%" cellspacing="0" cellpadding="0" border="1"><tr>';
	var no_items=items.length;
	for(var i=0;i<no_items;i++){
		var symbol = items[i].Symbol;
		var LastTradePriceOnly = items[i].LastTradePriceOnly;
		var Change = items[i].Change;
		if (LastTradePriceOnly != "0.00" && Change != "0.00" && LastTradePriceOnly != "null" && Change != "null"){
			var Percent = (Change/LastTradePriceOnly) * 100;
			if (symbol == '^IXIC'){
				symbol = '<a href="http://finance.yahoo.com/q?s=^ixic" title="Nasdaq Composite">Nasdaq</a>';
			}
			else if (symbol == '^GSPC'){
				symbol = '<a href="http://finance.yahoo.com/q?s=^gspc" title="S&P 500">S&P 500</a>';
			}
			else if (symbol == '^TNX'){
				symbol = '<a href="http://finance.yahoo.com/q?s=^tnx" title="CBOE Interest Rate 10-Year T-No">10-Year Bond</a>';
			}
			else if (symbol == 'INDU'){
				symbol = '<a href="http://finance.yahoo.com/q?s=indu" title="Dow Jones Industrial Average">Dow</a>';
			}			
			else if (symbol == gold){
				symbol = '<a href="http://finance.yahoo.com/q?s='+gold+'" title="Gold Apr 12">Gold</a>';
			}		
			else if (symbol == oil){
				symbol = '<a href="http://finance.yahoo.com/q?s='+oil+'" title="Crude Oil Mar 12">Oil</a>';
			}
			var Color = '<b>';
			if (Change > 0){
				Color += '<font color="green">';
			}
			else{
				Color += '<font color="A21715">';
			}
			var ch = new Number(Change);
			var pc = new Number(Percent);
			output += "<td>&nbsp;&nbsp;" + symbol + "&nbsp;&nbsp;" + LastTradePriceOnly + "&nbsp;&nbsp;" + Color + ch.toFixed(2) + "&nbsp;&nbsp;" + pc.toFixed(2) + "%</font></b></td>";
		}
	}
	output += '</tr></table>';
	//alert(output);
	document.getElementById('results1').innerHTML = output;  
	document.getElementById('results2').innerHTML = output;  
}