Как должно работать : Кликаем в начало рабочего дня , потом в конец (или на оборот). Промежуток должен ракраситься цветом.
Как работает: то правильно , то закрашивается всё кроме нужного.
выстраиваем график

echo '<div class="user" rel="1">Фамилия &nbsp <span class="reset_day hand" rel="1">Сброс</span><br>';
	for ($s=9;$s < 21;$s++){
		echo '<div class="time_m2">';
		echo '<div class="time">'.$s.'</div>';
			for ($r=0;$r <= 45; $r+=15) {
				$time_r = $s*60+$r;
				echo '<div class="time_m" rel="1" date="'.$time_r.'"> </div>';
			}
		echo '</div>';
	}
echo '</div>';

.user {clear:left;padding:5px;}
.time {background-color:#C0C0C0;text-align:center;margin:0 0 0 1px; FONT:12px Tahoma,Arial;}
.time_m2 {float:left;margin:0 0 0 1px;width:80px;}
.time_m {background-color:#f9f0e3;float:left;width:18px;height:25px;text-align:center;border: 1px  solid white;cursor:pointer;cursor:hand}
.time_m:hover{background-color:#dda764;}
.start {background-color:#FF8000;}

	$('.time_m').live('click',function (){
		var user = $(this).attr('rel');
		var date = $(this).attr('date');
		var start = $('[rel='+user+'].user').attr('start');
		if ($('[rel='+user+'].user').attr('finish') > 0){
			$('[rel='+user+'].user').removeAttr("start").removeAttr("finish");
			$('[rel='+user+'].time_m').removeClass("start");
			return false;
		}
		if (start){
			$('[rel='+user+'].user').attr('finish', date);
			var finish = $('[rel='+user+'].user').attr('finish');

			$('[rel='+user+'].time_m').each(function (){
				var chek = $(this).attr('date');
				if (finish > start) {
					// 150 > 100 > 50
					if (finish >= chek && chek >= start) {
						$(this).addClass('start');
					} 
				} else {
					// 50 < 100 < 150
					if (start >= chek && chek >= finish){
						$(this).addClass('start');
					}
				}
			});
			
		} else {
			$('[rel='+user+'].user').attr('start', date);
			$(this).addClass('start');
		}
	});
	$(".reset_day").live('click',function() {
		var id = $(this).attr("rel");
		var date = $('#grafic_day').attr('rel');
		$.post('member_day_form.php',{reset:id,date:date});
		$('[rel='+id+'].time_m').removeClass("start_bd").removeClass("start");
	});