// Style Panel JQuery
// 	Only for DEMO purpose
$(document).ready(function () {
	$("div.panelButton").click(function () {
		$("div#panel").animate({
			left: "0px"
		}, 500);
		$(".panelButton").animate({
			left: "150px"
		}, 500);
		$("div.panelButton").toggle();
	});
	$("div.hide_button").click(function () {
		$("div#panel").animate({
			left: "-150px"
		}, 500);
		$(".panelButton").animate({
			left: "0px"
		}, 500);
	});


	// -----------
	$('#imageSelect').change(function () {
		var value = $("#imageSelect option:selected").val();
		$("#background").attr("src", "images/Backgrounds/" + value + ".jpg");
	})

	$("#help").click(function () {
		if ($('#help').is(':checked')) {
			$('#helpMenu').fadeIn();
		} else {
			$('#helpMenu').fadeOut();
		}
	});

	$("#searchBar").click(function () {
		if ($('#searchBar').is(':checked')) {
			$('#searchMenu').fadeIn();
		} else {
			$('#searchMenu').fadeOut();
		}
	});

	$("#timeCounter").click(function () {
		if ($('#timeCounter').is(':checked')) {
			$('#timer').fadeIn();
		} else {
			$('#timer').fadeOut();
		}
	});

	$("#progressBar").click(function () {
		if ($('#progressBar').is(':checked')) {
			$('#bar').fadeIn();
		} else {
			$('#bar').fadeOut();
		}
	});

	$("#newsletterBox").click(function () {
		if ($('#newsletterBox').is(':checked')) {
			$('#news').fadeIn();
		} else {
			$('#news').fadeOut();
		}
	});

	$("#twitter").click(function () {
		if ($('#twitter').is(':checked')) {
			$('.halfLast').fadeIn();
		} else {
			$('.halfLast').fadeOut();
		}
	});

	$("#separators").click(function () {
		if ($('#separators').is(':checked')) {
			$('.separator').fadeIn();
		} else {
			$('.separator').fadeOut();
		}
	});


	// style select
	$('#styleSelect').change(function () {
		var styleValue = $("#styleSelect option:selected").val();
		$("#css").attr("href", "css/" + styleValue + ".css");
	})


}); // end document ready function