/**
 * @author Stefan Zollinger
 */
jQuery.fn._offset = jQuery.fn.offset;
jQuery.fn.extend({
    offset: function(){
        var a = arguments;
        return (a.length) ? this.animate({
            top: a[0].top || a[0],
            left: a[0].left || a[1]
        }, (a[0].top ? a[1] : a[2]) || 1) : this._offset();
    }
    
});




$(document).ready(function(){
	initConfigPage();
	initConfigForm();
    
});

function initConfigPage(){
	$('#finishForm').hide();
    
    $('#finishEditing').click(function(){
		
		
    	$('#editForm').hide();
		$('#finishForm').show();
		
		return false;
		
    });
	
	$('#backButton').click(function(){
		
		$('#finishForm').hide();
    	$('#editForm').show();
		
		return false;
		
    });
	
}


function initConfigForm(){
	
	if ($('#pickerContainer').length > 0) {
	
	
	
		$('#pickerContainer').hide();
		
		var f = $.farbtastic('#picker');
		
		var selected;
		$('.colorpicker').each(function(){
			f.linkTo(this);
		}).focus(function(){
		
			f.linkTo(this);
			
			
		}).focus(function(){
			var pos = $(this).offset();
			
			$('#pickerContainer').offset(pos.top, pos.left + $(this).width())
			$('#pickerContainer').fadeIn(100);
			
		}).blur(function(){
			$('#pickerContainer').fadeOut(100);
			$('#settingsForm').submit();
		})
		
	}
}