$(document).ready( function() {
	setTimeout("initTriplePlay()", 1000);
});

function initTriplePlay() {
	defaultText = $('#container2').html();
	$('#content-container').html( defaultText );
	$('#content-container').addClass('tr-box-orig');
	$('#container2').text('');
	$('#content-container').fadeIn('fast');
	$('#tripleplay img').click( function() {
		$('.boxes a').removeClass('tr-active');
		$('#content-container').hide();
		$('#content-container').html( defaultText );
		$('#content-container').css({top: '35px',left: '70px'});
		
		$('#content-container').removeClass('tr-box');
		$('#content-container').fadeIn('fast');
	});
	$('.boxes a').click( function() {
		$('.boxes a').removeClass('tr-active');
		$(this).addClass('tr-active');
		$(this).blur();
		$('#content-container').hide();
		startLoader();
		
		$.get($(this).attr('href'), function(data) {
			$('#content-container').css({display: 'none'});
			$('#content-container').html('<div class="top"></div><div class="content"></div><div class="bottom"></div>');
			$('#content-container .content').html(data);
			$('#content-container').addClass('tr-box');
			/*if( $('#content-container').height() < 130 ) {
				$('#content-container').css({top: '35px', left: '70px'});
			}else {
				var hep=0;
				// new_top = 20 - hep + 100;
				new_top = 35;
				$('#content-container').css({top: new_top + 'px', left: '70px'});
			} */
			$('#content-container').css({top: '0px', left: '0px'});
			
			$('#content-container').fadeIn('normal');
		});
		return false;
	});
}
var content = "";
function startLoader() {
	$('#content-container').removeClass('tr-box');
	$('#content-container').css({top: '45px', left: '70px'});
	$('#content-container').html('<div class="loader"></div>');
	$('#content-container').fadeIn('fast');
}