Ползунок как на YouTube и условие.
 

Здравствуйте. Начал изучать JavaScript и что бы было на чём взял как мне казалось не сложный проект. Оказалось ошибся, нужна подсказка как сделать или в какую сторону копать, так как не могу придумать по какому запросу можно найти не что подобное. Нужна подсказка как сделать что бы была полоска как на YouTube от начала до "круглешка" и как сделать что бы при нажатии на кнопки "Жильё"и "строительства дома" открывался один и тот же блок но с немного разным текстом (просто расчёт тот же), пытался сделать через If else ,но проблемы с приоритетом, не знаю как исправить. Надеюсь на вашу помощь и подсказки. Заранее спасибо.:help: :help: :help:

dailclever,
поменяйте в соответствующих местах

<div id="zaim-heads"> 
         <div class="zaim-head" id="obes"> 
          <div>Обеспеченный</div>
         </div>
	
		<script>function chg_x(a) { document.getElementById("x").innerHTML = (a == 0 ? "дома" : "жилья"); }</script>
		<div class="zaim-head zhp" id="exp" onClick="chg_x(0)"> 
          <div>Строительство<br/> дома
		  <!--<script>x=0</script>--> </div>
         </div>
		 <div class="zaim-head zhp" id="exp" onClick="chg_x(5)"> 
          <div>Покупка <br />жилья
		  <!--<script>x=5</script>--></div>
         </div>
       
        <div class="zaim-head zhp zhs" id="bez"> 
          <div>Земельный <br /> часток</div>
         </div>
     

       
       
        <!--<div class="zaim-head" id="sezon"> 
          <div>Сезонный</div>
         </div>
       
        div class="zaim-head" id="partner"> 
          <div>Партнерский</div>
         </div-->
       </div>

<h2>Займ на покупку <span id="x"></span></h2>

но это если вы конечно хотите только один элемент заменить
и кстати изображение bezzalogovi.jpg не подгружается в IE...возможно это .png ?