Как поменять картинки?

Question

[DevilPrado]

html:
<img src="img/header/left.png" alt="" id="left" onclick="change_right()">
css:
header{
    background: url(img/header/background.png);
    background-size: cover;
    background-repeat: no-repeat;
}
js:
function change_right(){
  var a = document.getElementById("header");
  if (a.style.background = "url(img/header/background.ppg)")
  { a.style.background = "url(img/header/background-2.jpg)"}
  else
  if (a.style.background = "url(img/header/background-2.jpg)")
   { a.style.background = "url(img/header/background-3.jpg)";
}
}

Код наполовину рабочий, первый раз меняет картинку на следующую(background-2.jpg) ,а после менять не хочет, думаю, это наверное как то через addeventlistener оформить надо, или как, подскажите?;

Comments

[DevilPrado]

Bavashi, Да ,вот я лопух) правда все равно проблему не решило, почему то он не может считать изначальное значение a.style.background , то есть оно пустое, на alertе проверял ,соотвественно если я выставляю условие на сравнение, то вообще картинку перестает менять
в чем может быть проблема, если скрипт лежит перед закрывающимся тэгом body