// controls the information displayed inside the search results box
function displayLocationSearchResultsItem(itemData) {
	return '<a href="' + itemData['url'] + '">' + itemData["Location"] + '</a>';
}

function initQuickSearch()
{
	// init search control
	var quickSearch = new ajaxSearch({
					searchControlsWrapper: '#LocationSearchControl',
					searchField: 'input[name=Location]',
					searchPage: '/api/searchCities',
					searchPageParamName: 'query', 
					fDisplaySearchResultItem: 'displayLocationSearchResultsItem'
				});	

	var quickSearch = new ajaxSearch({
					searchControlsWrapper: '#SideLocationSearchControl',
					searchField: 'input[name=SideLocation]',
					searchPage: '/api/searchCities',
					searchPageParamName: 'query', 
					fDisplaySearchResultItem: 'displayLocationSearchResultsItem'
				});	

}

function initFeedRotation()
{
	jQuery("#TweeterFeedWrapper")
		.jCarouselLite({
					auto: 4000, 
					speed: 1500, 
					show: 3, 
					scroll: 3, 
					easing: 'easeInOutSine'
				});
}

function initVideoOverlays()
{
	jQuery("a.tgVideoOverlay")
		.each(function()
			{
				var videoOverlayTrigger = jQuery(this);
				var d = new Date();
				var videoOverlayId = 'VideoOverlay_' + d.getTime();
				var videoOverlay = jQuery('<div class="VideoOverlay" id="' + videoOverlayId + '"></div>');
				
				videoOverlay
					.html('<div class="contentWrap"></div>')
					.appendTo('body');
				
				videoOverlayTrigger
					.overlay({
						target: videoOverlay,
						top: 'center',
						expose: '#f1f1f1',
						onLoad: function() {
							var op = this;
							// grab wrapper element inside content
							var wrap = this.getContent().find(".contentWrap");
							
							// load the page specified in the trigger
							//wrap.load(op.getTrigger().attr("href"));
							wrap.html('<div id="movie"><object width="640" height="385"><param name="wmode" value="opaque"><param name="movie" value="http://www.youtube.com/v/' + op.getTrigger().attr("rel") + '&autoplay=1&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/' + op.getTrigger().attr("rel") + '&hl=en_US&fs=1&autoplay=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385" wmode="opaque"></embed></object>');
						},
						onClose: function() { 
						    // grab wrapper element inside content 
						    var wrap = this.getContent().find("div.contentWrap"); 
						    // load the page specified in the trigger 
						    wrap.empty(); 
						}
					});
			});
}

jQuery(function(){
	initQuickSearch();
	initFeedRotation();
	initVideoOverlays();
});