jQuery(document).ready(function($) {

//	$('.ddmenu').singleDropMenu({parentMO: 'ddmenu-hover', childMO: 'ddchildhover'});
//		$('#accessibility').show();
//		$("div#accessibility").animate({left: '112px'}, 300);
		$('.fl').css('visibility', 'visible');
	// Expand Panel
	$("#open-access").click(function(){
		$("div#accessibility").animate({left: '24px'}, 300);
		
		if (parseInt($("div#accessibility").css('left')) < 0) {
//		$('#footer').hide();
//		$('#content').fadeOut();
		$("div#accessibility").animate({left: '24px'}, 300);
		} else {
		$("div#accessibility").animate({left: '-2000px'}, 300);
//		$('#footer').show();
//		$('#content').fadeIn('500');
		}
		return false;
	
	});	
	
	// Collapse Panel
	$("#close2").click(function(){
		$("div#accessibility").animate({left: '-2000px'}, 300);
//		$('#footer').show();
//		$('#content').fadeIn('500');
		return false;
	});		

	
	// Adjust sidebar height to multiples of 'ring' image height?
	
	// toggle .ddmenu
	
	$('.access-toggle').click(function() {
		$('.fl').css('visibility', 'hidden');
		$('#toolbar').toggle(0,
		function() {
		$('.fl').css('visibility', 'visible');
		}
		);
//		$('#toolbar').animate({ width: '300px'},500);
	});
	// Set colours; Changes style sheet!
	$('.setcolor').click(function() {
		bgc = $(this).css("backgroundColor");
		switchStylesheet($(this).attr("id"), bgc);
		createCookie('style', $(this).attr("id"), 365);
		});
	// Set FONT size
	$('.setsize').click(function() {
		$('body').removeClass('s m l xl').addClass($(this).text());
		createCookie('font-size', $(this).text(), 365);
		return false;
		});
	// Change FONTS
	$('.TextStyleField').click(function() {
		$('body').css('font-family',$(this).css('fontFamily'));
		createCookie('font-face', $(this).css('fontFamily'), 365);
		return false;
		});
	// Switching styles old version!!!!	
//	$('#switcher a').click(function() {
//		switchStylesheet(this.getAttribute("rel"));
//		createCookie('style', this.getAttribute("rel"), 365);
//		return false;
//	});
	function switchStylesheet (styleName, bgc) {
		$('body').append('<div id="overlay" />');
		$('body').css({height:'100%'});
		$('#overlay')
			.css({
				display: 'none',
				position: 'absolute',
				top:0,
				left: 0,
				width: '100%',
				height: '100%',
				zIndex: 1000,
				background: bgc
			})
			.fadeIn(500,function(){
				$('#switchable').attr('href', themeroot+'/style/css/style-' + styleName + '.css');
			})
			.fadeOut(500,function(){
							$(this).remove();
						});
	}
	
	// Reseting all styles
	$('#reset a').click(function() {
		$('body').removeClass('s m l xl');
		switchStylesheet('ffffff');
		eraseCookie('style');
		eraseCookie('font-size');
		eraseCookie('font-face');
		eraseCookie('color');
		return false;
	});
	
	// Toggling panel
	$('#closepanel').click( function () {
		$('#acc-panel-main').toggle();
		return false;
	});


	
	// Reading the cookies and setting off functions
	var d = readCookie('font-size');
	var f = readCookie('font-face');
	if (d) $('body').removeClass('s m l xl').addClass(d);
	if (f) $('body').css('font-family',f);


	

	
});