$(function() {
	
	//Open external links in a new tab
	$("a[rel=external]").attr('target', '_blank');

	//Remove IE6 image flicker
	try {resource.execCommand('BackgroundImageCache', false, true);} catch(err) {}

	//Load lightboxes
	if ($('a.fancybox').length) $('a.fancybox').fancybox();

	//Load lightboxes
	if ($('ul.samples').length) initPortfolio();

	initGrids();

});


function initGrids()
{
	$('table tr.clickableRow').click(function() {
			window.location=($('a:first', this).attr('href'));
		});
	$('.alert').append('<span class="close" title="Close" onclick="$(this).parent().remove()"></span>');
	$('.validation-container').append('<span class="close" title="Close" onclick="$(this).parent().remove()"></span>');
	
	if ($('.pagerControl').length) $('.pagerControl').html($('.pagerControl').html().replace(/&nbsp;/g, ''));
}

var thumbWidth = 177;

function initPortfolio() {
	initRollovers();
	$('.slider').each(function() {
		if ($('li', this).length > 5) {
			$('span.next', this).show();
			initScrolling(this);
		}
	});
}

function initRollovers() {
	$('.slider li a').each(function()
	{
		$(this).qtip({
			content:
				'<img src="' + $('img.rollover', this).attr('src') +'" alt="" />',
			position: {
				my: 'top left',
				target: 'mouse',
				viewport: $(window), // Keep it on-screen at all times if possible
				adjust: { x: 10, y: 10 }
			},
			hide: { fixed: true },
			style: 'ui-tooltip-shadow'
		});
	});
}


function initScrolling(slider) {
	$('span.next', slider).click(function() {
		var distance = (parseInt($('ul', slider).css('margin-left')) - thumbWidth);
		setScrollButtonVisibility(slider, distance);
		$('ul', slider).animate({marginLeft: distance}, 'swing');
	});
	$('span.prev', slider).click(function() {
		var distance = (parseInt($('ul', slider).css('margin-left')) + thumbWidth);
		setScrollButtonVisibility(slider, distance);
		$('ul', slider).animate({marginLeft: distance}, 'swing');
	});
}

function setScrollButtonVisibility(slider, margin) {
	var count = $('li', slider).length;
	$('span.prev', slider).show();
	$('span.next', slider).show();
	if (margin >= 0) {
		$('span.prev', slider).hide();
	}
	else if (margin <= (thumbWidth * count * -1 + (thumbWidth*5))) {
		$('span.next', slider).hide();
	}
}