$(document).ready(function() {
   $('#tabs').tabs();
   $('#colorwheel').wheelColorPicker();
   getActive();
});

function setColor() {
   var color = $('#colorwheel').val();
   console.log(color);
   $.ajax({
      url: 'ajax/ajax_setcolor.php',
      data: {color: color}
   });
}

function setPattern(pattern) {
   $.ajax({
      url: 'ajax/ajax_setpattern.php',
      data: {pattern: pattern}
   });
}

function disableAuto() {
   $.ajax({
      url: 'ajax/ajax_disableauto.php'
   });
}

function lightsOff() {
   $.ajax({
      url: 'ajax/ajax_lightsoff.php'
   });
}

function getActive() {
   $.ajax({
      url: 'ajax/ajax_getactive.php',
      dataType: 'text',
      success: function(data, stat, jqo) {
         $("#active-all").removeClass('active');
         $("#active-up").removeClass('active');
         $("#active-down").removeClass('active');
         $("#active-wall").removeClass('active');
         $("#active-cldn").removeClass('active');
         $("#active-post").removeClass('active');
         $("#" + data).addClass('active');
      }
   });
}

function setTarget(id) {
   $.ajax({
      url: 'ajax/ajax_settarget.php',
      data: {target: id},
      dataType: 'text',
      success: function(data, stat, jqo) {
         getActive();
      }
   });
}