jQuery(document).ready(function($) {
  
  
   var color = $.cookie("procyon_cookie_color");
   var pattern = $.cookie("procyon_cookie_pattern");
   var skins = $.cookie("procyon_cookie_skin");
     
  /* Color Picker */

    $('#colorpicker').ColorPicker({
			onShow: function (colpkr) {
				$(colpkr).fadeIn("fast");
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut("fast");
				return false;
			},
			onChange: function (hsb, hex, rgb) {
        var colorpk = hex;
        var defaultPattern = 'url(images/moving-bg/bg-moving1.png)';
        
        $('#top-container, #top-container-inner').css({
            backgroundColor: '#' + colorpk
        });     
        $('#glow-bg, #glow-bg-inner').css({
          backgroundImage: defaultPattern,
          backgroundRepeat: "repeat-x",
          backgroundPosition: "top"
        });
        $.cookie("procyon_cookie_color", colorpk);     
        $.cookie("procyon_cookie_pattern", null);
			},
      color: '#347ba7'
    });    
      
  /* skins */
  
  $('#panel a.color-box').each(function (i) {
      var a = $(this);
      a.css({
          backgroundColor: '#' + a.attr('rel')
      })
  })  
  
  var switcher_skins = $('#panel a.color-box');
  
  switcher_skins.each(function(i) {
   var skins = $(this).attr('rel');
   var defaultPattern = 'url(images/moving-bg/bg-moving1.png)';
   $('#top-container, #top-container-inner').css({
     backgroundColor : '#'+skins
   });
   
    $('#glow-bg, #glow-bg-inner').css({
      backgroundImage: defaultPattern,
      backgroundRepeat: "repeat-x",
      backgroundPosition: "top"
    });
  });  
  
  switcher_skins.click(function(e) {
    e.preventDefault();
    var skins = $(this).attr('rel');
    var defaultPattern = 'url(images/moving-bg/bg-moving1.png)';
    $('#top-container, #top-container-inner').css({
      backgroundColor :'#'+ skins
    });
    
    $('#glow-bg, #glow-bg-inner').css({
      backgroundImage: defaultPattern,
      backgroundRepeat: "repeat-x",
      backgroundPosition: "top"
    });
     
    $.cookie("procyon_cookie_skin", skins);     
    $.cookie("procyon_cookie_color", null);
    $.cookie("procyon_cookie_pattern", null);
   });  
   
   
   $('#panel a.pattern-box').each(function (i) {  
    var a = $(this);
      var patternUrl = 'url(images/moving-bg/' + a.attr('rel') + '.png)';
      a.css({
          backgroundImage: patternUrl
      })
  })
  
  $('#panel a.pattern-box').click(function (e) {
      e.preventDefault();
      var patternUrl = 'url(images/moving-bg/' + $(this).attr('rel') + '.png)';
      $('#glow-bg, #glow-bg-inner').css({
          backgroundImage: patternUrl,
          backgroundRepeat: "repeat-x",
          backgroundPosition: "top"
      });
      $.cookie("procyon_cookie_pattern", patternUrl)
  });
  
  var color = $.cookie("procyon_cookie_color");
  var pattern = $.cookie("procyon_cookie_pattern");
  var skins = $.cookie("procyon_cookie_skin");
   
  if (skins) {
     $('#top-container, #top-container-inner').css({
      backgroundColor :'#'+ skins
    });
    $('#glow-bg, #glow-bg-inner').css({
      backgroundImage: pattern,
      backgroundRepeat: "repeat-x",
      backgroundPosition: "top"
    });
  }
  
  if (color) {
    $('#top-container, #top-container-inner').css({
      backgroundColor :'#'+ color
    });
    $('#glow-bg, #glow-bg-inner').css({
      backgroundImage: pattern,
      backgroundRepeat: "repeat-x",
      backgroundPosition: "top"
    });
  }
  
  if (pattern) {
      $('#glow-bg, #glow-bg-inner').css({
      backgroundImage: pattern,
      backgroundRepeat: "repeat-x",
      backgroundPosition: "top"
    });
  } 
});