// JavaScript Document
$(document).ready(function() {	
						   
	function hideDialog(){
		$('#xmp-mask').hide(1000);
		$('.window').hide();
		//$('#xmp-frame').attr('src', '');
	}
	
	function capitalizeFirstLetter(inWord){
		return inWord.substring(0,1).toUpperCase() + inWord.substring(1, inWord.length);
	}
	
	function highlightWord(full, searchWord){
		var searchSpaces = ' ' + searchWord + ' ';
		var searchWords = searchWord.split(' ');
		
		var sLower = searchWord.toLowerCase();
		var sUpper = searchWord.toUpperCase();
		var sCamel = capitalizeFirstLetter(searchWords[0]) + ' ' + capitalizeFirstLetter(searchWords[1]);
		full = full.replace(' ' + sLower + ' ', ' <span class=\"key-highlight\">' + sLower +'</span> ');
		full = full.replace(' ' + sUpper + ' ', ' <span class=\"key-highlight\">' + sUpper +'</span> ');
		full = full.replace(' ' + sCamel + ' ', ' <span class=\"key-highlight\">' + sCamel +'</span> ');

		return full;
	}
	
	function showDialog(inText){
		var id = '#xmp-dialog';
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set heigth and width to mask to fill up the whole screen
		$('#xmp-mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#xmp-mask').fadeIn(1000);	
		$('#xmp-mask').fadeTo("slow",0.8);	

		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
			  
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
		
		$('#xmp-dialog-content-inner').html(inText);
		
		//transition effect
		$(id).fadeIn(2000);
	}
	
	//Register hiders
	$('#xmp-tools-modal').click(function() {		
		hideDialog();
	});	
	$('#xmp-mask').click(function() {		
		hideDialog();
	});	
	$('#trendclose').click(function() {		
		hideDialog();
	});	
	
			
	$('.trend-keyword').click(function(){
			var output = '';
			var keyword = $(this).text().toLowerCase();
			//var keywords = keyword.split(' ');
			//var firstWord = keywords[0];
			//var secondWord = keywords[1];
			var stories = $('.key-story');
			var urls = '';

			stories.each(function() {
				var addIt = false;
				var t = $('.key-title', this).text().toLowerCase();
				var d = $('.key-desc', this).text().toLowerCase();
				var u = $('.key-title a', this).attr('href').toLowerCase();
				var reglink = $('.key-link', this).text().toLowerCase();
					
				if(d.indexOf(keyword) > -1 || t.indexOf(keyword) > -1){
					if(urls.indexOf(reglink) == -1){
						addIt = true;
						urls += reglink + ',';
					}
				}
				
								
				if(addIt){
					var thisHtml = $(this).html();
					//thisHtml = highlightWord(thisHtml, firstWord);
					//output += highlightWord(thisHtml, secondWord);
					
					output += doHighlight(thisHtml, keyword);
				}
			});
			
			showDialog(output);
	});

	/*$('.xmp-title a').click(
		function(ev){
			ev.preventDefault();
			var href = $(this).attr('href');
			showDialog(href);
		}
	);*/
});