var iBrandPageWidth;

$(document).ready(function() {

	iBrandPageWidth = $('.tuna-ranking .brand-page').width();

	$('body').append('<img src="/australia/PageFiles/297535/Tuna-Ranking2-bg.jpg" alt="background image" id="bgBody" />');
	
//	$('<img src="/australia/PageFiles/297535/bg-page-wrapper-top.png" alt="background image" id="bgWrapperTop" />').insertBefore('.page #wrapper #main');
	$('<div  id="sea-floor" ><img src="/australia/PageFiles/297535/bg-sea-floor.png"/></div>').insertAfter('.page #wrapper #main #sidebar');

	$('.footer-holder .page').attr('class', 'page-footer');


	$('.tuna-ranking .brand-page .item').css('display', 'none');
	$('.tuna-ranking .what-to-buy-page').css('display', 'none');
	$('.tuna-ranking .methodology-page').css('display', 'none');	
	$('.tuna-ranking .glossary-page').css('display', 'none');
	$('.sidebar-tuna .poster-box').css('display', 'none');
        
	$('.tuna-ranking .demandas-page').css('display', 'none');
	$('.tuna-ranking .informate-page').css('display', 'none');
	
	$('.tuna-ranking .cans').html('<div class="grp-good"></div><div class="grp-mediocre"></div><div class="grp-bad"></div>');

	var cans = '';	
	$('.tuna-ranking .brand-page .grp-good .item .can-off').each(function() {
		cans += '<img src="'+$(this).attr('src')+'" class="can" id="can-'+$(this).attr('name')+'"/>';
	});
	$('.tuna-ranking .cans .grp-good').html(cans);
	
	var cans = '';	
	$('.tuna-ranking .brand-page .grp-mediocre .item .can-off').each(function() {
		cans += '<img src="'+$(this).attr('src')+'" class="can" id="can-'+$(this).attr('name')+'"/>';
	});
	$('.tuna-ranking .cans .grp-mediocre').html(cans);
	
	var cans = '';	
	$('.tuna-ranking .brand-page .grp-bad .item .can-off').each(function() {
		cans += '<img src="'+$(this).attr('src')+'" class="can" id="can-'+$(this).attr('name')+'"/>';
	});
	$('.tuna-ranking .cans .grp-bad').html(cans);


	var htmlIntro =$('.tuna-ranking .brand-page .page-content .intro').html();
	
	$('.tuna-ranking .cans .can').unbind('click').click(function() {
		var src = $(this).attr('src');
		$(this).attr('src',src.replace('-off', '-on'));
		
		var cont = $(this).attr('id');
		var id = cont.replace('can-', '');
		$('.tuna-ranking .brand-page .page-content').html($('.tuna-ranking .brand-page #'+id+' .brand-content').html() + '<p class="back"><a href="#"><img src="/canada/Global/canada/graphics/button/btn-back.png"></a></p>' );
		$('.tuna-ranking .brand-page .page-content p.back a').unbind('click').click(function() {
			$('.tuna-ranking .brand-page .page-content').html(htmlIntro);
			return false;
		});
	});
       $('.tuna-ranking .cans .can').mouseover(function() {});
	$('.tuna-ranking .cans .can').mouseout(function() {
		var src = $(this).attr('src');
		$(this).attr('src',src.replace('-on', '-off'));
	});


	$('.sidebar-tuna .what-to-buy .the-buttons a').unbind('click').click(function() {
		showCans();
		$('.tuna-ranking .brand-page .page-content').html($('.tuna-ranking .what-to-buy-page').html() + '<p class="back"><a href="#"><img src="/canada/Global/canada/graphics/button/btn-back.png"></a></p>' );
		$('.tuna-ranking .brand-page .page-content p.back a').unbind('click').click(function() {
			$('.tuna-ranking .brand-page .page-content').html(htmlIntro);
			showCans();
			return false;
		});
		return false;
	});


	$('.sidebar-tuna .ranked a').unbind('click').click(function() {
		showCans();
		$('.tuna-ranking .brand-page .page-content').html($('.tuna-ranking .methodology-page').html() + '<p class="back"><a href="#"><img src="/canada/Global/canada/graphics/button/btn-back.png"></p>' );
		$('.tuna-ranking .brand-page .page-content p.back a').unbind('click').click(function() {
			$('.tuna-ranking .brand-page .page-content').html(htmlIntro);
			showCans();
			return false;
		});
		return false;
	});

        // Pagina de demandas
        
	$('.sidebar-tuna .demandas a').unbind('click').click(function() {
		showCans();
		$('.tuna-ranking .brand-page .page-content').html($('.tuna-ranking .demandas-page').html() + '<p class="back"><a href="#"><img src="/canada/Global/canada/graphics/button/btn-back.png"></p>' );
		$('.tuna-ranking .brand-page .page-content p.back a').unbind('click').click(function() {
			$('.tuna-ranking .brand-page .page-content').html(htmlIntro);
			showCans();
			return false;
		});
		return false;
	});

        // Pagina de informate
	$('.sidebar-tuna .informate a').unbind('click').click(function() {
		showCans();
		$('.tuna-ranking .brand-page .page-content').html($('.tuna-ranking .informate-page').html() + '<p class="back"><a href="#"><img src="/canada/Global/canada/graphics/button/btn-back.png"></p>' );
		$('.tuna-ranking .brand-page .page-content p.back a').unbind('click').click(function() {
			$('.tuna-ranking .brand-page .page-content').html(htmlIntro);
			showCans();
			return false;
		});
		return false;
	});
        
	$('.sidebar-tuna .btnBack a').unbind('click').click(function() {
		$('.tuna-ranking .brand-page .page-content').html(htmlIntro);
		showCans();
		return false;
	});
	
	

	$('.sidebar-tuna .glossary a').unbind('click').click(function() {
		$('.tuna-ranking .cans').css('display', 'none');
		$('.tuna-ranking .brand-page').css('width', 585);
		
		$('.tuna-ranking .brand-page .page-content').html($('.tuna-ranking .glossary-page').html() + '<p class="back"><a href="#"><img src="/canada/Global/canada/graphics/button/btn-back.png"></p>' );
		$('.tuna-ranking .brand-page .page-content p.back a').unbind('click').click(function() {
			$('.tuna-ranking .brand-page .page-content').html(htmlIntro);
			showCans();
			return false;
		});
		return false;
	});
	
	
	


	$('.sidebar-tuna .poster-button a').unbind('click').click(function() {
		$(this).hide();
		$('.sidebar-tuna .poster-box').show();
		return false;
	});
	
});


function showCans() {
	$('.tuna-ranking .brand-page').width(iBrandPageWidth);
	$('.tuna-ranking .cans').css('display', 'block');
}