function shadeColor(color, shade) {
        var colorInt = parseInt(color.substring(1),16);
 
        var R = (colorInt & 0xFF0000) >> 16;
        var G = (colorInt & 0x00FF00) >> 8;
        var B = (colorInt & 0x0000FF) >> 0;
 
        R = R + Math.floor((shade/255)*R);
        G = G + Math.floor((shade/255)*G);
        B = B + Math.floor((shade/255)*B);
       
        var newColorInt = (R<<16) + (G<<8) + (B);
        var newColorStr = "#"+newColorInt.toString(16);
       
        return newColorStr;
}


jQuery.noConflict()(function($){
				
	var headercolor = jQuery.cookie("soul_cookie_color-headers");
	
	if(headercolor == null)
	{
		headercolor = '1a7566';
	}
	
	jQuery('#body, html').css({
		"background-color": '#' + headercolor
	});  
	
	jQuery('.pattern-box').css({
		"background-color": shadeColor("#"+headercolor, -100)
	});    
	
	
	jQuery('.menu ul li a.selected').css({
		"border": "1px dashed " + shadeColor("#"+headercolor, 40)
	});
	
	jQuery('.doubleLine').css({
		"border-top":  "1px dashed " + shadeColor("#"+headercolor, -60)
	});
	
	jQuery('#logo').css({
		"border-left":  "1px dashed " + shadeColor("#"+headercolor, -60)
	});
	
	jQuery('#logo').css({
		"border-right":  "1px dashed " + shadeColor("#"+headercolor, -60)
	});
	
	jQuery('.imgBorderDark').css({
		"border":  "1px dashed " + shadeColor("#"+headercolor, -60)
	});
	
	jQuery('.highlight, a').css({
		"color":  shadeColor("#"+headercolor, -60)
	});
	
	
	jQuery("a").mouseover(
	function () 
	{
	
	jQuery(this).css("color", shadeColor("#"+headercolor, -100));
	
	}).mouseout(function()
	{
	
	  jQuery(this).css("color", shadeColor("#"+headercolor, 0));
	  
	});
	
	
	jQuery(".button span, .arrowButton span").mouseover(
	function () 
	{
	
	  jQuery(this).css("color", shadeColor("#"+headercolor, 0));
	  
	}).mouseout(function()
	{
	
	    jQuery(this).css("color", "#777777");
	    
	});
	
	if($.cookie("soul_cookie_pattern") == null)
	{
		return false;
	}
	
	$('#body, html').css(
	
	  "background-image", $.cookie("soul_cookie_pattern")
	);
	
	
			
});

jQuery.noConflict()(function($){
jQuery('#colorpicker-headers').ColorPicker({
			onShow: function (colpkr) {
				jQuery(colpkr).fadeIn("fast");
				return false;
			},
			onHide: function (colpkr) {
				jQuery(colpkr).fadeOut("fast");
				return false;
			},
			onChange: function (hsb, hex, rgb) {
				
				var headercolor = hex;
				jQuery('#body, html').css({
					"background-color": '#' + headercolor
				});     
				
				jQuery('.pattern-box').css({
					"background-color": shadeColor("#"+headercolor, -100)
				}); 
				
				jQuery.cookie("soul_cookie_color-headers", headercolor);   
				
				jQuery('.menu ul li a.selected').css({
					"border": "1px dashed " + shadeColor("#"+headercolor, 40)
				});
				
				
				jQuery('.doubleLine').css({
					"border-top":  "1px dashed " + shadeColor("#"+headercolor, -60)
				});
				
				jQuery('#logo').css({
					"border-left":  "1px dashed " + shadeColor("#"+headercolor, -60)
				});
				
				jQuery('#logo').css({
					"border-right":  "1px dashed " + shadeColor("#"+headercolor, -60)
				});
				
				jQuery('.imgBorderDark').css({
					"border":  "1px dashed " + shadeColor("#"+headercolor, -60)
				});
								
				jQuery('.highlight, a').css({
					"color":  "#" + headercolor
				});
				
				jQuery("a").mouseover(
				function () 
				{
				
				jQuery(this).css("color", shadeColor("#"+headercolor, -100));
				
				}).mouseout(function()
				{
				
				  jQuery(this).css("color", shadeColor("#"+headercolor, 0));
				  
				});
				
				
				jQuery(".button span, .arrowButton span, input[type=submit], input[type=button]").mouseover(
				function () 
				{
				
				  jQuery(this).css("color", shadeColor("#"+headercolor, 0));
				  
				}).mouseout(function()
				{
				
				    jQuery(this).css("color", "#777777");
				    
				});
				
			},
      color: '#1a7566'
    });
});

/*--------------------------------FONT STYLER STARTS--------------------------------*/
jQuery.noConflict()(function($){
$(document).ready(function() {
	$('#body-font').bind('change', function() {
		var font = $(this).val();
		 $('body').css('fontFamily', font);
		 
	});
	});
	});

jQuery.noConflict()(function($){
$(document).ready(function() {
	$('#headings-font').bind('change', function() {
		var font = $(this).val();
		 $('h1, h2, h3, h4, h5, h6').css('fontFamily', font);
		 
	});
	});
	});