// theme options panel
$(document).ready(function(){
	//body
	$('#bodybg').ColorPicker({
	    color: '#EEE',
		onShow: function (colpkr) {
		$(colpkr).fadeIn(500);
		return false;
	},
	onHide: function (colpkr) {
		$(colpkr).fadeOut(500);
		return false;
	},
	    onChange: function (hsb, hex, rgb) {
        $('body, #bodybg ')
       .css('backgroundColor', '#'+hex);
    }
  });
  
	//header
	$('#headerbg').ColorPicker({
		  color: '#EEE',
		  onShow: function (colpkr) {
		  $(colpkr).fadeIn(500);
		  return false;
	  },
	  onHide: function (colpkr) {
		  $(colpkr).fadeOut(500);
		  return false;
	  },
		  onChange: function (hsb, hex, rgb) {
		  $('#header-container')
		 .css('backgroundColor', '#'+hex);
	  }
	});
	
	//footer
	$('#footerbg').ColorPicker({
		  color: '#EEE',
		  onShow: function (colpkr) {
		  $(colpkr).fadeIn(500);
		  return false;
	  },
	  onHide: function (colpkr) {
		  $(colpkr).fadeOut(500);
		  return false;
	  },
		  onChange: function (hsb, hex, rgb) {
		  $('#footer-container')
		 .css('backgroundColor', '#'+hex);
	  }
	});
  
  
});