$(document).ready(function(){
	
	//$('#trailer-list p:first').clone().appendTo('#trailer-description');
		
	$("div#trailer-list li").hover (
		function() {
			$('a:not(".picture")', this).animate({
				opacity: 0.8
			});
			$('#trailer-description').empty();
			$('p', this).clone().appendTo('#trailer-description');
		},
		function() {
			$('a:not(".picture")', this).animate({
				opacity: 0
			});
		});
	
  
	$("body:not(.trailers) #related-content").prependTo("#related-latest");
	//$("body:not(.trailers) #tags").insertBefore("#article-content > p:first");
	
	$("body.trailers #tags").insertBefore("#commentblock");

});

/*$(document).ready(function() {
	var $jStyles = $('<link>');
	$jStyles.attr({
		'rel' : 'stylesheet',
		'href' : '/styles/js-on.css',
		'media' : 'screen',
		'type' : 'text/css'
	});
	$jStyles.appendTo('head');
});*/

$(document).ready(function() {
	$("div.trail-link").hover (
		function() {
			$('img', this).animate({
				opacity: 0.5
			});
		},
		function() {
			$('img', this).animate({
				opacity: 1
			});
		});
});

/*$(document).ready(function() {
	$("p.attribution").hover (
		function() {
			$('p.attribution').animate({
				opacity: 0.9
			});
		},
		function() {
			$('p.attribution').animate({
				opacity: 0.4
			});
		});
});*/

$(document).ready(function() {
	$("button#tag-list-button").click(function() {
		$("div#tag-cloud").css('display','none');
		$("div#tag-list").css('display','block');
	});
	
	$("button#tag-cloud-button").click(function() {
		$("div#tag-list").css('display','none');
		$("div#tag-cloud").css('display','block');
	});
});

$(document).ready(function() {

	wrapperWidth = $('#article').attr('scrollWidth');
	columns = Math.floor(wrapperWidth/313);
	if(columns > 3) {
		scrollButtons();
		var pages = columns/3;
		$('<ul class="pagination">').insertAfter("button.art-prev");
		for (var i = 0; i < pages; i++) {
			pN = i + 1;
			$('<li><button class="p' + pN + '">' + pN + '</button></li>').appendTo('.pagination');
		}
		
		$('.pagination').find("button").each(function(i) {
			$(this).click(function() {
				offset = (i * 969)*-1;
				$("div#article-content").animate({"left" : offset });
			});
		});		
	}
});

$(document).ready(function() {

	$("button.art-prev").click(function() {	
		wrapperWidth = $('#article').attr('scrollWidth');
		if(wrapperWidth > 939) {
			articlePosition = $("div#article-content").position();
			if(articlePosition.left != 0) {
				offset = articlePosition.left + 323;
				$("div#article-content").animate({"left" : offset });
			}
		}
	});
	
	$("button.art-next").click(function() {	
		wrapperWidth = $('#article').attr('scrollWidth');
		columns = Math.floor(wrapperWidth/313);
		if(columns > 3) {
			articlePosition = $("div#article-content").position();
			offset = articlePosition.left - 323;
			$("div#article-content").animate({"left" : offset });
		}
	});

	$(document).bind('keydown', 'space', function() {
		$("button").blur();
		wrapperWidth = $('#article').attr('scrollWidth');
		columns = Math.floor(wrapperWidth/313);
		if(columns > 3) {
			articlePosition = $("div#article-content").position();
			offset = articlePosition.left - 323;
			$("div#article-content").animate({"left" : offset });
			return false;
		} else {
			$("div#article-content").animate({"left" : 0 });
			return false;
		}
	});
});

function scrollButtons() {
	$('<div class="article-pagination"><button class="art-prev" title="Scroll article left"><img src="/images/arrow_left.png" alt="Previous"></button><button class="art-next" title="Scroll article right"><img src="/images/arrow_right.png" alt="Next"></button>').appendTo('#article');
}