(function($){
	var initLayout = function() {
		var hash = '';
		var currentTab = $('ul.navigationTabs a')
							.bind('click', showTab)
							.filter('a[rel=' + hash + ']');
		if (currentTab.size() == 0) {
			currentTab = $('ul.navigationTabs a:first');
		}
		showTab.apply(currentTab.get(0));
		$('#colorpickerHolder').ColorPicker({flat: true});
		$('#colorpickerHolder2').ColorPicker({
			flat: true,
			color: '#00ff00',
			onSubmit: function(hsb, hex, rgb) {
				$('#colorSelector2 div').css('backgroundColor', '#' + hex);
			}
		});
		$('#colorpickerHolder2>div').css('position', 'absolute');
		var widt = false;
		$('#colorSelector2').bind('click', function() {
			$('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500);
			widt = !widt;
		});
		
	//--------------------------------------------------------------	
		$('#bodyBGColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#bodyBGColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
		
	//-----------------------------------------------------------------		
			$('#bodyColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#bodyColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
			$('#wrapperBGColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#wrapperBGColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
			$('#headerBGColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#headerBGColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
			$('#topNavBG').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#topNavBG').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
				$('#topNavBGHover').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#topNavBGHover').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
				$('#topNavColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#topNavColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
					$('#topNavHover').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#topNavHover').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
						$('#rightNavBG').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#rightNavBG').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
							$('#rightNavBGHover').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#rightNavBGHover').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
							$('#rightNavColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#rightNavColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
						$('#rightNavHover').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#rightNavHover').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
    //----------------------------------------------------------------
						$('#sidepanelBG').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#sidepanelBG').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});		
		
	//----------------------------------------------------------------
						$('#sidepanelColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#sidepanelColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
						$('#leftBGColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#leftBGColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
						$('#leftColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#leftColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
					$('#leftLColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#leftLColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
					$('#leftLHover').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#leftLHover').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
					$('#footerBGColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#footerBGColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
						$('#footerColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#footerColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
						$('#footerLColor').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#footerLColor').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	//----------------------------------------------------------------
						$('#footerLHover').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#footerLHover').val(hex);
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor(this.value);
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
	
		
		
		
		$('#colorSelector').ColorPicker({
			color: '#0000ff',
			onShow: function (colpkr) {
				$(colpkr).fadeIn(500);
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut(500);
				return false;
			},
			onChange: function (hsb, hex, rgb) {
				$('#colorSelector div').css('backgroundColor', '#' + hex);
			}
		});
	};
	
	var showTab = function(e) {
		
	};
	
	EYE.register(initLayout, 'init');
})(jQuery)