function prepareVideo(aPosition, aLink){
	var id;
	if(aLink.indexOf('http://youtube.com/v/') == 0){
		id = aLink.substr('http://youtube.com/v/'.length);
	} else if(aLink.indexOf('http://www.youtube.com/v/') == 0){
		id = aLink.substr('http://www.youtube.com/v/'.length);
	} else if(aLink.indexOf('http://youtu.be/') == 0){
		id = aLink.substr('http://youtu.be/'.length);
	} else if(aLink.indexOf('http://www.youtube.com/watch?') == 0 || aLink.indexOf('http://youtube.com/watch?')){
		var pString = aLink.indexOf('http://www.youtube.com/watch?') == 0 ? aLink.substr('http://www.youtube.com/watch?'.length) : aLink.substr('http://youtube.com/watch?'.length);
		var params = pString.split('&');
		for(var i = 0; i < params.length; i++){
			if(params[i].indexOf('v=') == 0){
				id = params[i].substr('v='.length);
				break;
			}
		}
	}
		
	$('#'+aPosition).empty();
	$('#'+aPosition).append('<div class="span16"><div id="' + aPosition + '_video"></div></div>');
	swfobject.embedSWF('http://www.youtube.com/v/' + id, aPosition + '_video', "940", "730", "9");
}

function prepareSocialLink(aType, aTitle, aLink){
	var url;
	switch(aType){
		case 'google':
			url = 'http://www.google.com/bookmarks/mark?op=edit&bkmk=' + aLink + '&title=' + encodeURI(aTitle) + '&labels=' + encodeURI(aTitle); break;
		case 'stumbleupon':
			url = 'http://www.stumbleupon.com/submit?url=' + aLink + '&title=' + encodeURI(aTitle); break;
		case 'delicious':
			url = 'http://delicious.com/post?url=' + aLink + '&title=' + encodeURI(aTitle); break;
		case 'twitter':
			url = 'http://twitter.com/intent/tweet?text=' + encodeURI(aTitle) + '&url=' + aLink; break;
		case 'friendfeed':
			url = 'http://www.friendfeed.com/share?title=' + encodeURI(aTitle) + '&link=' + aLink; break;
		case 'facebook':
			url = 'http://www.facebook.com/sharer.php?u=' + encodeURI(aLink) + '&t=' + aTitle; break;
	}

	return '<li><a href="' + url +'" rel="nofollow" target="_blank">' + aType + '</a></li>';
}

function prepareImageViewer(aElement, aExpectedWidth, aExpectedHeight, aTitle, aLink){
	var picholder = $(aElement);
   
	var pic = $('<img style="display:none"/>');
	pic.load(function(){
		var w = $(this).width();	
		var h = $(this).height();	
		if(w != aExpectedWidth || h != aExpectedHeight){
			picholder.height(aExpectedHeight).width(aExpectedWidth).css('background', 'url('+ aLink +') center no-repeat');
			picholder.mouseover(function(){
				var x = picholder.offset().left;
				var y = picholder.offset().top;
				pic.css('position', 'absolute');
				pic.css('left', x - ((w - picholder.width())/2));
				pic.css('top', y - ((h - picholder.height())/2));
				pic.fadeIn(1000);
				pic.mouseout(function(){
					pic.fadeOut(1000);
				});
			});
			picholder.mouseout(function(){
				pic.fadeOut(1000);
			});
		}
		else{
			pic.show();
		}
	});
	pic.attr('src', aLink);
	pic.attr('alt', aTitle);
	picholder.append(pic);

	return picholder;
}
	
function showFormationLink(aPosition, aTitle, aLink, aSocialLink, aTranslations){
	var picholder = prepareImageViewer('<div class="span6">&nbsp;</div>', 336, 515, aTitle, aLink);

	var linkholder = $('<div class="showlinkblock" />');
	var dummy = $('<div>&nbsp;</div>');
	linkholder.append('<div>' + aTranslations.thisPage + '</div>');
	linkholder.append('<div class="showlinkcode">' + decodeURIComponent(aSocialLink) + '</div>');
	linkholder.append('<div>&nbsp;</div>');
	linkholder.append('<div>' + aTranslations.rawLink + '</div>');
	linkholder.append('<div class="showlinkcode">' + aLink + '</div>');
	linkholder.append('<div>&nbsp;</div>');
	linkholder.append('<div>' + aTranslations.linkForForums + '</div>');
	linkholder.append('<textarea class="showlinkcode">[url=http://this11.com][img]' + aLink + '[/img][/url]\nMake your [url=http://this11.com]football formation[/url] with this11.com</textarea>');
	linkholder.append('<div>&nbsp;</div>');
	linkholder.append('<div>' + aTranslations.htmlLink + '</div>');
	linkholder.append('<div class="showlinkcode">&lt;a href = "http://this11.com"&gt;&lt;img src = "' + aLink + '" border = "0" alt = "football formations"/&gt;&lt;/a&gt;</div>');
	linkholder.append('<div>&nbsp;</div>');
	var socialLinks = prepareSocialLink('twitter', aTitle, aSocialLink) + prepareSocialLink('facebook', aTitle, aSocialLink) + prepareSocialLink('friendfeed', aTitle, aSocialLink);
	linkholder.append('<ul class="pills">' + socialLinks + '</ul>');
	var column = $('<div class="span10"/>');
	column.append(linkholder);

	$('#'+aPosition).empty();
	$('#'+aPosition).append(picholder).append(column);
}