/*--BEERFINDER RATE BAR--*/
/*--BEERFINDER STEP BY STEP GUIDE FUTHER DOWN--*/

var fullpint = new Image();
fullpint.src = "/media/nightsout-pint-full.png";
var emptypint = new Image();
emptypint.src = "/media/nightsout-pint-empty.png";
var halfpint = new Image();
halfpint.src = "/media/nightsout-pint-half.png";

function highlightpint(obj)
{  
    var childImgs = document.getElementById('ratings').childNodes;
    var notReachedYet = 1;

    for (var i=0; i<childImgs.length; i++)
    {
       if (childImgs[i].nodeType == 1)
        {
            void(childImgs[i].src = emptypint.src);
            if (childImgs[i].id != obj.id && notReachedYet)
            {
                childImgs[i].src = fullpint.src;
            }
            else if (childImgs[i].id == obj.id)
            {
                childImgs[i].src = fullpint.src;
                notReachedYet = 0;
            }
            else
            {
                notReachedYet = 0;
            }
        }
    }
}


function setRating(obj)
{   rating = 1;

    var childImgs = document.getElementById('ratings').getElementsByTagName('img');

    for (var i=0; i<childImgs.length; i++) {   
       childImgs[i].src = emptypint.src;
    }
    for (var i=0; i<childImgs.length; i++) {  
      if (childImgs[i].id == obj.id) {
        rating = i;
      }
    }

    for (var j=0; j<=rating; j++)
    {
       childImgs[j].src = fullpint.src;
    }

    document.getElementById('ratinginputid').value = rating + 1;
}


function rate_validate_form(thisform)
{
  var comment = document.getElementById('rating-text-fieldid');

  if (comment.value == "")
  {
    document.getElementById('rate_error').innerHTML = "<span style='color:red;'>Please write a comment</span>";
    return false;
  }
  if (comment.value.length > 90)
  {
    document.getElementById('rate_error').innerHTML = "<span style='color:red;'>Sorry your comment is too long.</span>";
    return false;
  }
  else
  {
    return true;
  }

}



/*--BEERFINDER STEP BY STEP GUIDE--*/


function show_step1(){
    var block1 = document.getElementById("bf_step1_block");
    block1.style.display="block";
    
    //Now hide the others.
    //2:
     var block2 = document.getElementById("bf_step2_block");
     block2.style.display="none";
    //3:
     var block2 = document.getElementById("bf_step3_block");
     block2.style.display="none";
    //4:
     var block2 = document.getElementById("bf_step4_block");
     block2.style.display="none";
}

function show_step2(){
    var block1 = document.getElementById("bf_step2_block");
    block1.style.display="block";
    
    //Now hide the others.
    //2:
     var block2 = document.getElementById("bf_step1_block");
     block2.style.display="none";
    //3:
     var block2 = document.getElementById("bf_step3_block");
     block2.style.display="none";
    //4:
     var block2 = document.getElementById("bf_step4_block");
     block2.style.display="none";
}

function show_step3(){
    var block1 = document.getElementById("bf_step3_block");
    block1.style.display="block";
    
    //Now hide the others.
    //2:
     var block2 = document.getElementById("bf_step2_block");
     block2.style.display="none";
    //3:
     var block2 = document.getElementById("bf_step1_block");
     block2.style.display="none";
    //4:
     var block2 = document.getElementById("bf_step4_block");
     block2.style.display="none";
}

function show_step4(){
    var block1 = document.getElementById("bf_step4_block");
    block1.style.display="block";
    
    //Now hide the others.
    //2:
     var block2 = document.getElementById("bf_step2_block");
     block2.style.display="none";
    //3:
     var block2 = document.getElementById("bf_step3_block");
     block2.style.display="none";
    //4:
     var block2 = document.getElementById("bf_step1_block");
     block2.style.display="none";
}