$(document).ready( function() {
	performTranslation();

	function newsCont(t,e,l)
	{
		var h = '<div style="padding-left:9px;border-left:6px solid #0088cc;">';
		h += '<h4 style="font-weight:bold;font-size:17px">'+t+'</h4>';
		h += e;
		h += '<a href="'+l+'" class="" target="_blank"><i class="fa fa-fw fa-newspaper-o"></i>'+$.i18n('dashboard_newsbox_readmore')+'</a>';
		h += '</div><hr/>';
		$('#dash_news').append(h);
	}

	function createNews(d)
	{
		for(var i = 0; i<d.length; i++)
		{
			if(i > 5)
				break;

			title = d[i].title.rendered;
			excerpt = d[i].excerpt.rendered;
			link = d[i].link+'?pk_campaign=WebUI&pk_kwd=news_'+d[i].slug;

			newsCont(title,excerpt,link);
		}
	}

	function getNews()
	{
		var h = '<span style="color:red;font-weight:bold">'+$.i18n('dashboard_newsbox_noconn')+'</span>';
		$.ajax({
			url: 'https://hyperion-project.org/wp-json/wp/v2/posts?_embed',
			dataType: 'json',
			type: 'GET',
			timeout: 2000
		})
		.done( function( data, textStatus, jqXHR ) {
			if(jqXHR.status == 200)
				createNews(data);
			else
				$('#dash_news').html(h);
		})
		.fail( function( jqXHR, textStatus ) {
				$('#dash_news').html(h);
		});
	}

	//getNews();

	function updateComponents()
	{
		var components = comps;
		components_html = "";
		for ( idx=0; idx<components.length;idx++)
		{
			if(components[idx].name != "ALL")
				components_html += '<tr><td>'+$.i18n('general_comp_'+components[idx].name)+'</td><td><i class="fa fa-circle component-'+(components[idx].enabled?"on":"off")+'"></i></td></tr>';
		}
		$("#tab_components").html(components_html);

		//info
		$('#dash_statush').html(serverInfo.hyperion.enabled ? '<span style="color:green">'+$.i18n('general_btn_on')+'</span>' : '<span style="color:red">'+$.i18n('general_btn_off')+'</span>');
		$('#btn_hsc').html(serverInfo.hyperion.enabled ? '<button class="btn btn-sm btn-danger" onClick="requestSetComponentState(\'ALL\',false)">'+$.i18n('dashboard_infobox_label_disableh')+'</button>' : '<button class="btn btn-sm btn-success" onClick="requestSetComponentState(\'ALL\',true)">'+$.i18n('dashboard_infobox_label_enableh')+'</button>');
	}

	// add more info
	$('#dash_leddevice').html(serverInfo.ledDevices.active);
	$('#dash_currv').html(currentVersion);
	$('#dash_instance').html(serverConfig.general.name);
	$('#dash_ports').html(jsonPort+' | '+serverConfig.protoServer.port);

	$.get( "https://raw.githubusercontent.com/hyperion-project/hyperion.ng/master/version.json", function( data ) {
		parsedUpdateJSON = JSON.parse(data);
		latestVersion = parsedUpdateJSON[0].versionnr;
		var cleanLatestVersion = latestVersion.replace(/\./g, '');
		var cleanCurrentVersion = currentVersion.replace(/\./g, '');

	//	$('#dash_latev').html(latestVersion);

	//	if ( cleanCurrentVersion < cleanLatestVersion )
	//		$('#versioninforesult').html('<div class="bs-callout bs-callout-warning" style="margin:0px">'+$.i18n('dashboard_infobox_message_updatewarning', latestVersion)+'</div>');
	//	else
			$('#versioninforesult').html('<div class="bs-callout bs-callout-success" style="margin:0px">'+$.i18n('dashboard_infobox_message_updatesuccess')+'</div>');
	});

	//determine platform
	var grabbers = serverInfo.grabbers.available;
	var html = "";

	if(grabbers.indexOf('dispmanx') > -1)
		html += 'Raspberry Pi';
	else if(grabbers.indexOf('x11') > -1)
		html += 'X86';
	else if(grabbers.indexOf('osx')  > -1)
		html += 'OSX';
	else if(grabbers.indexOf('amlogic')  > -1)
		html += 'Amlogic';
	else
		html += 'Framebuffer';

	$('#dash_platform').html(html);


	//interval update
	updateComponents();
	$(hyperion).on("components-updated",updateComponents);

	if(showOptHelp)
		createHintH("intro", $.i18n('dashboard_label_intro'), "dash_intro");

	removeOverlay();
});