$(document).ready(function(){

	$('ul.bgs li a').each(function(i, el){
		$(el).click(function(e){
			var dataId = $(e.currentTarget).attr('data-id');
			if ($('#sitestyle')) $('#sitestyle').remove();

			$('ul.bgs li').removeClass('active');
			$(e.currentTarget).parent().addClass('active');

			$.cookie('sitestyle', dataId, {'path': '/'});

			if (dataId != '') {
				$('head').append('<link rel="stylesheet" href="/site/css/themes/' + dataId + '.css" type="text/css" id="sitestyle" />');
			}
			return false;
		});
	});

	// join reasons slider
	var current_reason = $.cookie('joinreason') || 0;
	var slideup = function(show, hide){
		if (!hide && hide!=0) {
			$('.join-reasons li').slideUp(0);
			$('.join-reasons li:eq(' + show + ')').slideDown(0);
		} else {
			$('.join-reasons li:eq(' + hide + ')').slideUp(750);
			$('.join-reasons li:eq(' + show + ')').slideDown(750);
		}

		var next = parseInt(show) + 1;
		if (next >= $('.join-reasons li').length) next = 0;
		$.cookie('joinreason', next, {'path': '/'});
		setTimeout(function(){slideup(next,show);}, 6000);
	};
	slideup(current_reason);

	// backdrop
	var bd = $.backdrop({
		'drops': [
			'/site/images/backgrounds/SDMHABkgd1.jpg',
			'/site/images/backgrounds/SDMHABkgd2.jpg',
			'/site/images/backgrounds/SDMHABkgd3.jpg',
			'/site/images/backgrounds/SDMHABkgd4.jpg'
		],
		'before': function(){
			$('#wrapper').css({'position': 'relative'});
		}
	});

	$.each(bd.drops, function(i){
		var li = $('<li>');
		if (bd.active == i) li.addClass('active');

		var link = $('<a href="#"></a>')
			.html('<img src="/site/images/bg-thumb-1.jpg" alt="bg-thumb-' + i + '" width="8" height="8" />')
			.click(function(){
				$('.bgs').find('li').removeClass('active');
				$(this).parent().addClass('active');
				bd.set( i );
				return false;
			});

		$('.bgs').append(li.append(link));
	});

});