$(document).ready(function(){

  $('#title_0').ColorPicker({
	onChange: function(hsb, hex, rgb) {
		$('#title_0').val(hex);
		$("#links_code_0").load('http://transfert-vrn.ru/informers/set_style_all.html', {title: document.getElementById('title_0').value,background: document.getElementById('background_0').value,links: document.getElementById('links_0').value});
		$("#preview_0").load('http://transfert-vrn.ru/informers/preview_all.html', {title: document.getElementById('title_0').value,background: document.getElementById('background_0').value,links: document.getElementById('links_0').value});
	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
  })
  .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
  });

 $('#background_0').ColorPicker({
	onChange: function(hsb, hex, rgb) {
		$('#background_0').val(hex);
		$("#links_code_0").load('http://transfert-vrn.ru/informers/set_style_all.html', {title: document.getElementById('title_0').value,background: document.getElementById('background_0').value,links: document.getElementById('links_0').value});
		$("#preview_0").load('http://transfert-vrn.ru/informers/preview_all.html', {title: document.getElementById('title_0').value,background: document.getElementById('background_0').value,links: document.getElementById('links_0').value});

	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
  })
  .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
  });
  $('#links_0').ColorPicker({
	onChange: function(hsb, hex, rgb) {
		$('#links_0').val(hex);
		$("#links_code_0").load('http://transfert-vrn.ru/informers/set_style_all.html', {title: document.getElementById('title_0').value,background: document.getElementById('background_0').value,links: document.getElementById('links_0').value});
		$("#preview_0").load('http://transfert-vrn.ru/informers/preview_all.html', {title: document.getElementById('title_0').value,background: document.getElementById('background_0').value,links: document.getElementById('links_0').value});
		
	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
  })
  .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
  });
  
  
  $('#title_1').ColorPicker({
	onChange: function(hsb, hex, rgb) {
		$('#title_1').val(hex);
		$("#links_code_1").load('http://transfert-vrn.ru/informers/set_style.html', {title: document.getElementById('title_1').value,background: document.getElementById('background_1').value,links: document.getElementById('links_1').value});
		$("#preview_1").load('http://transfert-vrn.ru/informers/preview_city.html', {title: document.getElementById('title_1').value,background: document.getElementById('background_1').value,links: document.getElementById('links_1').value});
	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
  })
  .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
  });

 $('#background_1').ColorPicker({
	onChange: function(hsb, hex, rgb) {
		$('#background_1').val(hex);
		$("#links_code_1").load('http://transfert-vrn.ru/informers/set_style.html', {title: document.getElementById('title_1').value,background: document.getElementById('background_1').value,links: document.getElementById('links_1').value});
		$("#preview_1").load('http://transfert-vrn.ru/informers/preview_city.html', {title: document.getElementById('title_1').value,background: document.getElementById('background_1').value,links: document.getElementById('links_1').value});
	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
  })
  .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
  });
  $('#links_1').ColorPicker({
	onChange: function(hsb, hex, rgb) {
		$('#links_1').val(hex);
		$("#links_code_1").load('http://transfert-vrn.ru/informers/set_style.html', {title: document.getElementById('title_1').value,background: document.getElementById('background_1').value,links: document.getElementById('links_1').value});
		$("#preview_1").load('http://transfert-vrn.ru/informers/preview_city.html', {title: document.getElementById('title_1').value,background: document.getElementById('background_1').value,links: document.getElementById('links_1').value});
	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
  })
  .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
  });


  $('#title_2').ColorPicker({
	onChange: function(hsb, hex, rgb) {
		$('#title_2').val(hex);
		$("#links_code_2").load('http://transfert-vrn.ru/informers/set_style_region.html', {title: document.getElementById('title_2').value,background: document.getElementById('background_2').value,links: document.getElementById('links_2').value});
		$("#preview_2").load('http://transfert-vrn.ru/informers/preview_region.html', {title: document.getElementById('title_2').value,background: document.getElementById('background_2').value,links: document.getElementById('links_2').value});
	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
  })
  .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
  });

 $('#background_2').ColorPicker({
	onChange: function(hsb, hex, rgb) {
		$('#background_2').val(hex);
		$("#links_code_2").load('http://transfert-vrn.ru/informers/set_style_region.html', {title: document.getElementById('title_2').value,background: document.getElementById('background_2').value,links: document.getElementById('links_2').value});
		$("#preview_2").load('http://transfert-vrn.ru/informers/preview_region.html', {title: document.getElementById('title_2').value,background: document.getElementById('background_2').value,links: document.getElementById('links_2').value});
	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
  })
  .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
  });
  $('#links_2').ColorPicker({
	onChange: function(hsb, hex, rgb) {
		$('#links_2').val(hex);
		$("#links_code_2").load('http://transfert-vrn.ru/informers/set_style_region.html', {title: document.getElementById('title_2').value,background: document.getElementById('background_2').value,links: document.getElementById('links_2').value});
		$("#preview_2").load('http://transfert-vrn.ru/informers/preview_region.html', {title: document.getElementById('title_2').value,background: document.getElementById('background_2').value,links: document.getElementById('links_2').value});
	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
  })
  .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
  });


  $('#title_3').ColorPicker({
	onChange: function(hsb, hex, rgb) {
		$('#title_3').val(hex);
		$("#links_code_3").load('http://transfert-vrn.ru/informers/set_style_room.html', {title: document.getElementById('title_3').value,background: document.getElementById('background_3').value,links: document.getElementById('links_3').value});
		$("#preview_3").load('http://transfert-vrn.ru/informers/preview_room.html', {title: document.getElementById('title_3').value,background: document.getElementById('background_3').value,links: document.getElementById('links_3').value});
	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
  })
  .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
  });

 $('#background_3').ColorPicker({
	onChange: function(hsb, hex, rgb) {
		$('#background_3').val(hex);
				$("#links_code_3").load('http://transfert-vrn.ru/informers/set_style_room.html', {title: document.getElementById('title_3').value,background: document.getElementById('background_3').value,links: document.getElementById('links_3').value});
		$("#preview_3").load('http://transfert-vrn.ru/informers/preview_room.html', {title: document.getElementById('title_3').value,background: document.getElementById('background_3').value,links: document.getElementById('links_3').value});

	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
  })
  .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
  });
  $('#links_3').ColorPicker({
	onChange: function(hsb, hex, rgb) {
		$('#links_3').val(hex);
		$("#links_code_3").load('http://transfert-vrn.ru/informers/set_style_room.html', {title: document.getElementById('title_3').value,background: document.getElementById('background_3').value,links: document.getElementById('links_3').value});
		$("#preview_3").load('http://transfert-vrn.ru/informers/preview_room.html', {title: document.getElementById('title_3').value,background: document.getElementById('background_3').value,links: document.getElementById('links_3').value});

	},
	onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
	}
  })
  .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
  });
	
  
});