var highlights_interval = 7000; // 7 seconds

var current_highlight = -1;
var highlights_timer = 0;
var highlights_timer_bar = 0;
var highlight_time = 0;

function highlights_next()
{
	next_highlight = current_highlight + 1;
	if (next_highlight >= highlights.length)
	{
		next_highlight = 0;
	}
	show_highlight(next_highlight);
	return false;
}

function highlights_prev()
{
	prev_highlight = current_highlight - 1;
	if (prev_highlight < 0)
	{
		prev_highlight = highlights.length - 1;
	}
	show_highlight(prev_highlight);
	return false;
}

function get_image_path(image)
{
	if (image.substr(0, 7) != 'http://')
	{
		image = '/images/highlight/images/' + image;
	}
	return image;
}

function show_highlight(i)
{
	highlight_time = 0;
	if (current_highlight >= 0)
	{
		$('.highlights-box img.bottom-img').attr('src', get_image_path(highlights[current_highlight].image));
	}
	$('.highlights-box img.top-img').hide();
	if (highlights_timer !== 0)
	{
		clearTimeout(highlights_timer);
		highlights_timer = setTimeout('highlights_next()', highlights_interval);
	}
	$('.highlight-indicator a').removeClass('active');
	$('.highlights-menu li:nth-child(' + (i + 3) + ') a').addClass('active');
	$('.highlights-box h4').html(highlights[i].heading);
	$('.highlights-box img.top-img').attr('src', get_image_path(highlights[i].image)).fadeIn(500);
	if (highlights[i].image_link != null)
	{
		$('.highlights-box img.top-img').css({ cursor: 'pointer' }).click(function () { document.location = highlights[i].image_link });
	}
	else
	{
		$('.highlights-box img.top-img').css({ cursor: '' }).unbind('click');
	}
	$('.highlights-box .highlight-text').html(highlights[i].text);
	current_highlight = i;
	return false;
}

function update_time_bar()
{
	$('.highlights-timer div').css({ width: ((highlight_time/highlights_interval)*100) + '%' });
	highlight_time = highlight_time + 50;
}

function highlights_play()
{
	highlights_next();
	//$('.highlights-timer').show();
	$('.highlight-play a').css({ backgroundImage: 'url(/images/highlight/btn-pause.gif)' })
	highlights_timer = setTimeout('highlights_next()', highlights_interval);
	//update_time_bar();
	//highlights_timer_bar = setInterval('update_time_bar()', 50);
	return false;
}

function highlights_pause()
{
	//$('.highlights-timer').hide();
	highlight_time = 0;
	//clearInterval(highlights_timer_bar);
	$('.highlight-play a').css({ backgroundImage: 'url(/images/highlight/btn-play.gif)' })
	clearTimeout(highlights_timer);
	highlights_timer = 0;
	return false;
}

$(document).ready(function()
{	
	// get first box id
	code = $('.highlights-box:first').attr('id');
	
	// get highlights
	$.getJSON('/tools/highlights_data.php', 'code=' + code, function (data)
	{
		highlights = data;
		
		// create slide indicators and preload images
		insert_after = $('.highlight-prev');
		for (i=0; i<highlights.length; i++)
		{
			insert_after.after('<li class="highlight-indicator"><a href="">' + (i + 1) + '</a></li>');
			insert_after = $('.highlight-indicator:last');
			$('<img>').attr('src', get_image_path(highlights[i].image));
		}
		
		// set event handlers for menu
		$('.highlight-prev a').click(highlights_prev);
		$('.highlight-next a').click(highlights_next);
		$('.highlight-play a').toggle(highlights_pause, highlights_play);
		$('.highlight-indicator a').click(function() { show_highlight(($(this).html() - 1)); return false; });
		
		// hide loader
		$('.highlights-loading').fadeOut(100);
		$('.highlights-menu').fadeIn(100);
		highlights_play();
	});	
});