$(document).ready(function() {

var bgcolour = $.cookie('bbpm-colour');
var background_colour = $('body').css('backgroundColor');
$('body').css('backgroundColor', bgcolour);
$('#logo').css('backgroundColor', bgcolour);
$('pre').css('borderColor', bgcolour);
$('#wiki_text').css('borderColor', bgcolour);
$('.textbox').css('borderColor', bgcolour);
$('.form_button').css('backgroundColor', bgcolour);

$('#content img').css('borderColor', bgcolour);

$('#clear_settings').click(function() {

$.cookie('bbpm-colour', '', { expires: -1 });

});

$('#nav li a').hover(function() {
	if ($(this).attr('class') != 'current') {
	$(this).stop().animate({marginTop:'0px'},200,'easeOutCirc');
	}
}, function() {
if ($(this).attr('class') != 'current') {
	$(this).stop().animate({marginTop:'20px'},1000,'easeOutBounce');
	}
});

$('#toggle_settings').click(function() {

if ($(this).attr('class') == 'open_settings') {

//$('#overlay').fadeIn(200);
$('#settings').fadeTo(300,1).animate({top:'0px'},600,'easeOutCirc').find('#toggle_settings').removeClass('open_settings').addClass('close_settings');

} else {

//$('#overlay').fadeOut(200);
$('#settings').animate({top:'-'+$('#toggle_settings').css('top')},600,'easeOutCirc').fadeTo(600,0.6).find('#toggle_settings').removeClass('close_settings').addClass('open_settings');

}

});




$('#settings').ColorPicker({

    
flat: true,
color: background_colour,
	onChange: function (hsb, hex, rgb) {
		$.cookie('bbpm-colour', '#'+ hex, { expires: 99999 });
		$('#overlay').css('backgroundColor', '#'+ hex);
		$('body').css('backgroundColor', '#'+ hex);
        $('#logo').css('backgroundColor', '#'+ hex);
        $('.form_button').css('backgroundColor', '#'+ hex);
        $('pre').css('borderColor', '#'+ hex);
        $('#wiki_text').css('borderColor', '#'+ hex);
        $('.textbox').css('borderColor', '#'+ hex);
        $('#content img').css('borderColor', '#'+ hex);

	}

	
});

$('.form_button').hover(function() {
$(this).addClass('form_button_hov');
}, function() {
$(this).removeClass('form_button_hov');
});

var url = location.href;
var spliturl = url.split("?");

$('#'+spliturl[1]).addClass('current');



});