$(document).ready(function() {
	if($('div#newsflash').length !=0) {
		newsAnchor = $('div#newsflash a');
		newsLink = $(newsAnchor).attr('href');
		newsText = $('div#newsflash a').text();
		$(newsAnchor).empty();
		tickerTimeOut = 80;
		currentLength = 0;
		setTimeout(runTicker,100);
	}
});
function runTicker() {
	if( currentLength % 2 == 0) {
			placeHolder = "  |";
	}
	else {
		placeHolder = "_";
	}
	if( currentLength <= newsText.length + 1) {
		var tickerText = newsText.substring(0,currentLength);
		newsAnchor.text(tickerText + placeHolder);
		currentLength ++;
		setTimeout(runTicker,tickerTimeOut);
	}
	else {
		newsAnchor.text(newsText);
		currentLength = 0;
		setTimeout(runTicker,4000);	
	}	
}

usingAncientBrowser = false;
if(navigator.userAgent.indexOf("Netscape")!=-1){
	var browserversionindex=navigator.userAgent.indexOf("Netscape")+9
	if (parseInt(navigator.userAgent.charAt(browserversionindex))<=8) {
		usingAncientBrowser = true;
	}
}

if (!usingAncientBrowser) {
	$(function() {
		$('#features_menu li a').click(function() {$('#features_panel :animated').stop(); showFeature(this.id); return false;});
		$('#features_menu li a').removeClass('current');
		scaleMenuButtons();
		$('#features_menu').animate({'top': '196px'}, {complete: featuresMenuShown} );
		var buttonwidth = ($('#features_panel').width() / 6);
		$('#features_menu li').css('width', ''+ buttonwidth +'px');
		$('#features_submenu').hide();
		$('#features_panel').removeClass('no-js');
		$(window).resize(scaleMenuButtons);
	});
}

function scaleMenuButtons() {
	var menuWidth = $('#features_panel').width();
	var menuItemWidth = Math.round(menuWidth / 6);
	$('#features_menu li').css('width', ''+menuItemWidth+'px');
}

function featuresMenuShown() {
	showFeature('feature_link_1');
}

function showFeature(id) {
	var featureData = featuresData[id];
	$('#features_menu li a').removeClass('current');
	$('#'+id).addClass('current');
	$('#features_panel').css('background', 'url(' + featureData.image + ') 50% 0 no-repeat');
	featureData.behaviour(featureData);
	
	//call google analytics tracking for dummy page for this popup
    if (typeof urchinTracker == 'function') {
	    urchinTracker('/homepage_wow/' + id);
    }

}

function showNewsFeature(featureData) {
	$('#features_submenu').stop();
	$('#features_submenu').css('top', '196px');
	if (featureData.panel_image) {
		var storiesBar = $('<ul class="feature_stories"><li class="video_panel video'+ featureData.itemclass +'"></li><li class="'+ featureData.itemclass +'"></li><li></li><li></li><li></li></ul>');
		$('li:eq(0)', storiesBar).append(panel);
		for (var i = 0; i < 4; i++) {
			insertNewsStory($('li:eq('+(i+1)+')', storiesBar), featureData.stories[i]);
		}
	} else {
		var storiesBar = $('<ul class="feature_stories"><li class="'+ featureData.itemclass +'"></li><li></li><li></li><li></ul>');
		for (var i = 0; i < 4; i++) {
			insertNewsStory($('li:eq('+i+')', storiesBar), featureData.stories[i]);
		}
	}
	$('#features_submenu').empty().append(storiesBar);
	if(featureData.itemclass == "feature4" || featureData.itemclass == "feature5") {
		$('ul.feature_stories').css('float', 'right');
		var videoAlign = 'right';
	}
	else {
		var videoAlign = 'left';
	}
	$('#features_submenu').animate({'top':'196px'}, {duration: 500, complete: function() {
		$('#features_submenu').show().animate({'top': '0px'}, {
			duration: 1, complete: function() {revealVideo(featureData.video,featureData.panel_image,videoAlign);}
		});
	}});
}
function revealVideo(imageData) {
	if (imageData) {

		var imagePanel = $('<div id="image-panel" class="image-panel-'+videoAlign+'"><img src="'+imageData.src+'" alt="'+imageData.alt+'" width="'+imageData.width+'" height="'+imageData.height+'" /><ul><li><a href="'+imageData.url+'">'+imageData.linktext+'</a></li></ul></div>');
		$('li.video_panel').empty().append(imagePanel);
	}
}


function insertNewsStory(position, story) {
	story = story || {};
	
	if (story.finalitem) {
		$(position).append(story.finalitem);
		$(position).addClass('all-items');
	}
	else {
		var link = $('<a></a>');
		if (story.url) {
			link.attr('href', story.url);
		}
		if (story.title) {
			var itemTitle = '<h3>'+ story.title +'</h3>';
			$(position).append(itemTitle);
		}
		if (story.headline) {
			link.text(story.headline);
			$(position).append(link);
		}
	}		

	
}

function showNews1Feature(featureData) {
	$('#features_submenu').stop();
	$('#features_submenu').css('top', '196px');
	if (featureData.panel_image) {
		var storiesBar = $('<ul class="feature_stories"><li class="video_panel video'+ featureData.itemclass +'"></li><li class="'+ featureData.itemclass +'"></li><li></li><li></li><li></li></ul>');
		$('li:eq(0)', storiesBar).append(panel);
		for (var i = 0; i < 4; i++) {
			insertNewsStory($('li:eq('+(i+1)+')', storiesBar), featureData.stories[i]);
		}
	} else {
		var storiesBar = $('<ul class="feature_stories"><li class="'+ featureData.itemclass +'"></li><li></li><li></li><li></li></ul>');
		for (var i = 0; i < 4; i++) {
			insertNewsStory($('li:eq('+i+')', storiesBar), featureData.stories[i]);
		}
	}
	$('#features_submenu').empty().append(storiesBar);
	if(featureData.itemclass == "feature4" || featureData.itemclass == "feature5") {
		$('ul.feature_stories').css('float', 'right');
		var videoAlign = 'right';
	}
	else {
		var videoAlign = 'left';
	}
	$('#features_submenu').animate({'top':'196px'}, {duration: 500, complete: function() {
		$('#features_submenu').show().animate({'top': '0px'}, {
			duration: 1, complete: function() {revealVideo(featureData.video,featureData.panel_image,videoAlign);}
		});
	}});
}
function revealVideo(imageData) {
	if (imageData) {

		var imagePanel = $('<div id="image-panel" class="image-panel-'+videoAlign+'"><img src="'+imageData.src+'" alt="'+imageData.alt+'" width="'+imageData.width+'" height="'+imageData.height+'" /><ul><li><a href="'+imageData.url+'">'+imageData.linktext+'</a></li></ul></div>');
		$('li.video_panel').empty().append(imagePanel);
	}
}


function insertNewsStory(position, story) {
	story = story || {};
	
	if (story.finalitem) {
		$(position).append(story.finalitem);
		$(position).addClass('all-items');
	}
	else {
		var link = $('<a></a>');
		if (story.url) {
			link.attr('href', story.url);
		}
		if (story.title) {
			var itemTitle = '<h3>'+ story.title +'</h3>';
			$(position).append(itemTitle);
		}
		if (story.headline) {
			link.text(story.headline);
			$(position).append(link);
		}
	}		

	
}



function showBiographiesFeature(featureData) {
	$('#features_submenu').stop();
	$('#features_submenu').css('top', '196px');
	var biographiesBar = $('<div class="feature_biographies"><ul></ul> <div class="feature_biographies_popup"></div></div><div class="index_link"><a class="full-list">More>></a></div>');
	$('a.full-list', biographiesBar).attr('href', featureData.indexUrl);
	for (i = 0; i < featureData.people.length; i++) {
		insertBiography(featureData.people[i], biographiesBar, (i > 10));
	}
	$('#features_submenu').empty().append(biographiesBar).append('<div id="feature_biographies_popup_area"><div id="feature_biographies_popup"><h3></h3><p></p></div></div>');
	$('#features_submenu').animate({'top':'196px'}, {duration: 500, complete: function() {
		$('#features_submenu').show().animate({'top': '117px'}, {duration: 500});
	}});
}

function insertBiography(personData, biographiesBar, isRightAligned) {
	var person = $('<li><img width="60" height="60" title="" /></li>');
	person.hover(
		function() {
			$(this).addClass('hover');
			if (isRightAligned) {
				$('#feature_biographies_popup').css('left', (this.offsetLeft - 276) + 'px');
			} else {
				$('#feature_biographies_popup').css('left', (this.offsetLeft - 4) + 'px');
			}
			$('#feature_biographies_popup h3').text(personData.name);
			$('#feature_biographies_popup p').text(personData.description);
			$('#feature_biographies_popup').animate({'top': '36px'}, {duration: 500});
		},
		function() {
			$(this).removeClass('hover');
			$('#feature_biographies_popup').stop().css('top', '116px');
		}
	);
	$('img', person).attr('src', personData.image).attr('alt', personData.name);
	$('ul', biographiesBar).append(person);	
}
// isi atas
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#slidepanel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
//pop up
$(document).ready(function(){  
$(".popup a").hover(function() {
$(this).next("em").stop(true, true).animate({opacity: "show", top: "-35"}, "slow");
}, function() {
$(this).next("em").animate({opacity: "hide", top: "-70"}, "slow");
});
});