var platform = 'pc';
var ad = 'preroll';

$(function(){
	$('#demowidget a').click(function(event) {
		event.preventDefault();
	});
	//$('#advertisements a:not([class~="active"])').click(function(event) {
	$('#advertisements a').click(function(event) {
		var locAd = normaliseClass($(this).attr('href'));
		if (locAd != ad) {
			dealWithIt(locAd, platform);
		}
	});
	//$('#platforms a:not([class~="active"])').click(function(event) {
	$('#platforms a').click(function(event) {
		var locPlatform = normaliseClass($(this).attr('href'));
		if (locPlatform != platform) {
			dealWithIt(ad, locPlatform);
		}
	});

});

function dealWithIt(newAd, newPlatform) {
	if (newAd == ad) {
		$('#platforms a.' + platform).removeClass('active');
		$('#platforms a.' + newPlatform).addClass('active');
		$('#right img.' + platform + '_' + ad).removeClass('active');
		$('#right img.' + newPlatform + '_' + ad).addClass('active');
		platform = newPlatform;
	} else {
		$('#advertisements a.' + ad).removeClass('active');
		$('#advertisements a.' + newAd).addClass('active');
		if (newAd != 'preroll') {
			$('a.mobile, a.tablet, a.nettv').css('visibility', 'hidden').removeClass('active');
			$('a.pc').addClass('active');
			$('#right img.' + platform + '_' + ad).removeClass('active');
			platform = 'pc';
			$('#right img.' + platform + '_' + newAd).addClass('active');
		} else {
			$('a.mobile, a.tablet, a.nettv').css('visibility', 'visible');
			//$('a.pc').addClass('active');
			$('#right img.' + platform + '_' + ad).removeClass('active');
			platform = 'pc';
			$('#right img.' + platform + '_' + newAd).addClass('active');
			//platform = newPlatform;
		}
		$('p.' + ad).css('visibility', 'hidden').removeClass('active');
		$('p.' + newAd).css('visibility', 'visible').addClass('active');
		ad = newAd;
	}
}

function normaliseClass(str)
{
	var locStr = str.toLowerCase();
	return locStr.replace(' ', '');
}