jQuery.noConflict()(function($){
jQuery("#switcher-reset").click(function(){
  		
		var bodycolor = "777777";
		jQuery('body').css({
			"color": '#' + bodycolor
		});     
		jQuery.cookie("soul_cookie_color-text", bodycolor);
		
		var headercolor = "444444";
		jQuery('h1, h2, h3, h4, h5, h6').css({
			"color": '#' + headercolor
		});     
		jQuery.cookie("soul_cookie_color-headers", headercolor);
		
		var bodybgcolor = "f1f1f1";
		jQuery('body').css({
			"background-color": '#' + bodybgcolor
		});     
		jQuery.cookie("soul_cookie_color-body", bodybgcolor);

		
		var backgroundUrl = 'url(../images/body-bg.jpg)';
		jQuery('body').css({
		  	backgroundImage: backgroundUrl,
		  	backgroundRepeat: "repeat"
	  	});
		jQuery.cookie("soul_cookie_defaultBg-body",backgroundUrl);
		
		var linkcolor = "ff9900";
		jQuery('.link, .colored, .current').css({
			"color": '#' + linkcolor
		});     
		jQuery.cookie("soul_cookie_color-text-links", linkcolor);
		
		var linkcolor = "000000";
		jQuery('.welcome').css({
			"color": '#' + linkcolor
		});     
		jQuery.cookie("soul_cookie_color-text-links", linkcolor);
		
		var bodybgcolor = "ffffff";
		jQuery('.wrapper').css({
			"background-color": '#' + bodybgcolor
		});     
		jQuery.cookie("soul_cookie_color-wrapper", bodybgcolor);
		
		var bodybgcolor = "333333";
		jQuery('.icon-white-big, .icon-white-small').css({
			"background-color": '#' + bodybgcolor
		});     
		jQuery.cookie("soul_cookie_color-icons", bodybgcolor);
		
		var font = "Arial";
		jQuery('body').css({
			"font-family": font
		});     
		jQuery.cookie("soul_cookie_color-fonts", bodybgcolor);
		
		var font = "Yanone Kaffeesatz";
		jQuery('h1, h2, h3, h4, h5, h6').css({
			"font-family": font
		});     
		jQuery.cookie("soul_cookie_color-fonts", bodybgcolor);
  });
         
});

jQuery.noConflict()(function($){
$('#colorpicker-body').ColorPicker({
			onShow: function (colpkr) {
				$(colpkr).fadeIn("fast");
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut("fast");
				return false;
			},
			onChange: function (hsb, hex, rgb) {
        var color = hex;
        var defaultPattern = "url('../images/pattern/1px.png')";
        $('body').css({
            backgroundColor: '#' + color,
            backgroundImage : defaultPattern
        });     
        $.cookie("soul_cookie_color-body", color);   
        $.cookie("soul_cookie_pattern-body", null);   
        $.cookie("soul_cookie_defaultBg-body", defaultPattern);   
			},
      color: '#ffffff'
    });
});


jQuery.noConflict()(function($){
$('#colorpicker-wrapper').ColorPicker({
			onShow: function (colpkr) {
				$(colpkr).fadeIn("fast");
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut("fast");
				return false;
			},
			onChange: function (hsb, hex, rgb) {
        var color = hex;
        var defaultPattern = "url('')";
        $('.wrapper').css({
            backgroundColor: '#' + color,
            backgroundImage : defaultPattern
        });     
        $.cookie("soul_cookie_color-wrapper", color);   
        $.cookie("soul_cookie_pattern-wrapper", null);   
        $.cookie("soul_cookie_defaultBg-wrapper", defaultPattern);   
			},
      color: '#ffffff'
    });
});

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('h1, h2, h3, h4, h5, h6').css({
					"color": '#' + headercolor
				});     
				jQuery.cookie("soul_cookie_color-headers", headercolor);   
				
			},
      color: '#ffffff'
    });
});

jQuery.noConflict()(function($){
jQuery('#colorpicker-text').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, .small-italic, .welcome-words').css({
					"color": '#' + headercolor
				});     
				jQuery.cookie("soul_cookie_color-text", headercolor);   
				
			},
      color: '#ffffff'
    });
});

jQuery.noConflict()(function($){
jQuery('#colorpicker-links').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('.link, .colored, .current-menu, .button_readmore:hover').css({
					"color": '#' + headercolor
				});     
				jQuery.cookie("soul_cookie_color-text-links", headercolor);   
				
			},
      color: '#ffffff'
    });
});

jQuery.noConflict()(function($){
$('#colorpicker').ColorPicker({
			onShow: function (colpkr) {
				$(colpkr).fadeIn("fast");
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut("fast");
				return false;
			},
			onChange: function (hsb, hex, rgb) {
        var color = hex;
        var defaultPattern = "url('../images/icons-white.png')";
        $('.icon-white-big, .icon-white-small').css({
            backgroundColor: '#' + color,
            backgroundImage : defaultPattern
        });     
        $.cookie("soul_cookie_color-icons", color);   
        $.cookie("soul_cookie_pattern-icons", null);   
        $.cookie("soul_cookie_defaultBg-icons", defaultPattern);   
			},
      color: '#ffffff'
    });
});

jQuery.noConflict()(function($){
$('#colorpicker-black').ColorPicker({
			onShow: function (colpkr) {
				$(colpkr).fadeIn("fast");
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut("fast");
				return false;
			},
			onChange: function (hsb, hex, rgb) {
        var color = hex;
        var defaultPattern = "url('../images/icons-black.png')";
        $('.icon-black-big, .icon-black-small').css({
            backgroundColor: '#' + color,
            backgroundImage : defaultPattern
        });     
        $.cookie("soul_cookie_color-icons", color);   
        $.cookie("soul_cookie_pattern-icons", null);   
        $.cookie("soul_cookie_defaultBg-icons", defaultPattern);   
			},
      color: '#ffffff'
    });
});

jQuery.noConflict()(function($){
$('#colorpicker-gray').ColorPicker({
			onShow: function (colpkr) {
				$(colpkr).fadeIn("fast");
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut("fast");
				return false;
			},
			onChange: function (hsb, hex, rgb) {
        var color = hex;
        var defaultPattern = "url('../images/icons-gray.png')";
        $('.icon-gray-big, .icon-gray-small').css({
            backgroundColor: '#' + color,
            backgroundImage : defaultPattern
        });     
        $.cookie("soul_cookie_color-icons", color);   
        $.cookie("soul_cookie_pattern-icons", null);   
        $.cookie("soul_cookie_defaultBg-icons", defaultPattern);   
			},
      color: '#ffffff'
    });
});


jQuery.noConflict()(function($){
$('#colorpicker-prev').ColorPicker({
			onShow: function (colpkr) {
				$(colpkr).fadeIn("fast");
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut("fast");
				return false;
			},
			onChange: function (hsb, hex, rgb) {
        var color = hex;
        var defaultPattern = "url('../images/icons-white.png')";
        $('.icon').css({
            backgroundColor: '#' + color,
            backgroundImage : defaultPattern
        });     
        $.cookie("soul_cookie_color-icons", color);   
        $.cookie("soul_cookie_pattern-icons", null);   
        $.cookie("soul_cookie_defaultBg-icons", defaultPattern);   
			},
      color: '#ffffff'
    });
});
/***************************************************
			SlideOut
***************************************************/
jQuery.noConflict()(function($){
             $('.slide-out-div').tabSlideOut({
                 tabHandle: '.handle',                              //class of the element that will be your tab
                 pathToTabImage: 'images/switch1.png',          //path to the image for the tab (optionaly can be set using css)
                 imageHeight: '100px',                               //height of tab image
                 imageWidth: '50px',                               //width of tab image    
                tabLocation: 'left',                               //side of screen where tab lives, top, right, bottom, or left
                 speed: 300,                                        //speed of animation
                 action: 'click',                                   //options: 'click' or 'hover', action to trigger animation
                 topPos: '50px',                                   //position from the top
                 fixedPosition: true                               //options: true makes it stick(fixed position) on scroll
             });
         });
		 

jQuery.noConflict()(function($){
$(document).ready(function() {
    $('ul#filter-sidebar a').click(function() {
        $(this).css('outline','none');
        $('ul#filter-sidebar .current').removeClass('current');
        $(this).parent().addClass('current');
        
        var filterVal = $(this).text().toLowerCase().replace(' ','-');
                
        if(filterVal == 'all') {
            $('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
        } else {
            
            $('ul#portfolio li').each(function() {
                if(!$(this).hasClass(filterVal)) {
                    $(this).fadeOut('normal').addClass('hidden');
                } else {
                    $(this).fadeIn('slow').removeClass('hidden');
                }
            });
        }
        
        return false;
    });
});
});    


/***************************************************
			SlideOut
***************************************************/
jQuery.noConflict()(function($){
             $('.slide-out-div2').tabSlideOut({
                 tabHandle: '.handle2',                              //class of the element that will be your tab
                 pathToTabImage: 'images/email_tab-cb1291996540.png',          //path to the image for the tab (optionaly can be set using css)
				 pathToCloseImage: 'images/dod_close_btn-cb1288106968.png',
                 imageHeight: '118px',                               //height of tab image
                 imageWidth: '50px',                               //width of tab image    
                tabLocation: 'left',                               //side of screen where tab lives, top, right, bottom, or left
                 speed: 300,                                        //speed of animation
                 action: 'click',                                   //options: 'click' or 'hover', action to trigger animation
                 topPos: '170px',                                   //position from the top
                 fixedPosition: true                               //options: true makes it stick(fixed position) on scroll
             });
         });