function ColorPicker(){
	
	var currentColor = "grey";
	
    this.init = function(){
    	//special for Products
    	if($("#productOptions a")){
    		$("#productOptions a").addClass("changesColor");
    		$("#productOptions a").addClass("grey");
    	}
    	
    	//Special for Start
    	if($(".startContent h2")){
    		$(".startContent h2").addClass("changesColor");
        	$(".startContent h2").addClass("grey");
    	}
    	
    	if($("#productBoxes h2")){
    		$("#productBoxes h2").addClass("changesColor");
        	$("#productBoxes h2").addClass("grey");
    	}
    	
    	
    	//special for boxes 
    	if($(".box h2")) {
    		$(".box h2").addClass("changesColor");
        	$(".box h2").addClass("grey");
    	}
    	
    	if($(".box h3")) {
    		$(".box h3").addClass("changesColor");
        	$(".box h3").addClass("grey");
    	}
    	
    	if($("#rightArea a")) {
    		$("#rightArea a").addClass("changesColor");
        	$("#rightArea a").addClass("grey");
    	}
    	
    	
    	
    	
    	if($(".changesColor"))
    		$(".changesColor").addClass(currentColor);
    	
    	if($(".changesColorBG"))
    		$(".changesColorBG").addClass(currentColor+"BG");
    	
    	if($(".changesColorNaviWrapper"))
    		$(".changesColorNaviWrapper").addClass(currentColor+"NaviWrapper");
    	
    	if($(".changesColorScrollbar"))
    	$(".changesColorScrollbar").addClass(currentColor+"Scrollbar");
    }

    this.setColor = function(color) {
    	$.ajax({
    		  type: 'POST',
    		  url: '/home/SetColor/'+color,
    		  success: colorPicker.changeColor(color)
    	});
    }
    
    this.setCurrentColor = function(color) {
    	currentColor = color;
    }
    
    this.changeColor = function(color) {
    	if(currentColor){
        	$(".changesColor").removeClass(currentColor);
        	$(".changesColorBG").removeClass(currentColor+"BG");
        	$(".changesColorNaviWrapper").removeClass(currentColor+"NaviWrapper");
        	$(".changesColorScrollbar").removeClass(currentColor+"Scrollbar");
    	}
    	
    	$(".changesColor").addClass(color);
    	$(".changesColorBG").addClass(color+"BG");
    	$(".changesColorNaviWrapper").addClass(color+"NaviWrapper");
    	$(".changesColorScrollbar").addClass(color+"Scrollbar");
    	
    	currentColor = color;
    }
    
    this.getColor = function() {
    	return currentColor;
    }
    
	
    var self = this;
}

var colorPicker = new ColorPicker();