var headline_count;
var headline_interval;
var current_headline = 0;
var old_headline = 0;

var priceIdx = 0;
var prevIdx = 0;

var newsIntval = 10;
var pricesIntval = 5;

var charts = new Array();

$(document).ready(function() {
	
	//Preload charts & set first chart
	for(i=0; i < chartImgs.length; i++) {
		charts[i] = $('<img />').attr('src', '/img/chart/hp/'+chartImgs[i]+'.png');
	}
	$('#chartImg').attr('src', $(charts[0]).attr('src'));
	
	$('#page A').click(function(event){
		prvntDefault(event);
		clearInterval(headline_interval);
		var idx = $('#page A').index($(this));
		
		setHeadline(old_headline, idx);
		headline_interval = setInterval(headline_rotate, (newsIntval * 1000));
	});
	
	headline_count = $("a.headline").size();
	$("a.headline:eq(" + current_headline + ")").css('top', '5px');
	
	headline_interval = setInterval(headline_rotate, (newsIntval * 1000));
	
	$('#scrollup').hover(
			function() {
				clearInterval(headline_interval);
			},
			function() {
				headline_interval = setInterval(headline_rotate, (newsIntval * 1000));
				//headline_rotate();
			}
	);
	
	prices_intval = setInterval(next_price, (pricesIntval * 1000));
	
	$('#pricelist TR').hover(
			function() {
				clearInterval(prices_intval);
				setPrice($(this).index());
				priceIdx = $(this).index();
			},
			function() {
				prices_intval = setInterval(next_price, (pricesIntval * 1000));
			}
	);
});


function next_price() {
	
	if(priceIdx < ($('#pricelist TR').length - 1)) {
		priceIdx++;
	}
	else {
		priceIdx = 0;
	}
	setPrice(priceIdx);
}

function setPrice(idx) {
	$('#chartImg').attr('src', $(charts[idx]).attr('src'));
	$('#pricelist TR').removeClass('active');
	$('#pricelist TR:eq('+idx+')').addClass('active');
	$('#pricelist TR:eq('+idx+') TD:last IMG').attr('src', '/img/arrow_g_left.png');
	$('#pricelist TR:eq('+prevIdx+') TD:last IMG').attr('src', '/img/spacer.gif');
	$('#chartMet').html($('#pricelist TR:eq('+idx+') TD:eq(1) A').html());
	prevIdx = idx;
}


function headline_rotate() {

		$('#scrolltime img').css('width', '1px');
		current_headline = (old_headline + 1) % headline_count;
		
		setHeadline(old_headline, current_headline);
}

function setHeadline(o, c) {
	$("a.headline:eq(" + o + ")")
		.animate({top: -205},"slow", function() {
			$(this).css('top', '210px');
		});
	$("a.headline:eq(" + c + ")")
		.animate({top: 5},"slow");

	$('#page A').removeClass('active');
	$('#page #'+(c+1)).addClass('active');
	
	old_headline = c;
}