// JavaScript Document

function show_post(post_name, category, num) {

var div = document.getElementById(category);
var divArray = div.getElementsByTagName("div");
for (var i = 0; i < divArray.length; i++) {
  divArray[i].style.display = "none";
}

document.getElementById(post_name).style.display = "block";

if (category == 'whole_page' && post_name != 'home') {
  var div = document.getElementById(post_name);
  var divArray = div.getElementsByTagName("div");
  divArray[0].style.display = "block";
}


var div = document.getElementById(category);
var ulArray = div.getElementsByTagName("ul");
var ul = ulArray[0];
if (category == "whole_page")
  ul = document.getElementById("menu");
var liArray = ul.getElementsByTagName("li");
for (var i = 0; i < liArray.length; i++) {
  liArray[i].style.color = "#000";
  if (category == 'whole_page') {
    liArray[0].style.backgroundImage="url('images/line_left.png')";
    liArray[1].style.backgroundImage="url('images/line_right.png')";
  }
}
liArray[num].style.color = "#f00";
  if (category == 'whole_page') {
    if (num == 0) liArray[0].style.backgroundImage="url('images/tab_left.png')";
    if (num == 1) liArray[1].style.backgroundImage="url('images/tab_right.png')";
  }

if (category == 'whole_page' && post_name != 'home') {
  var postdiv = document.getElementById(post_name);
  var ulArray = postdiv.getElementsByTagName("ul");
  var ul = ulArray[0];
  var liArray = ul.getElementsByTagName("li");
  for (var i = 0; i < liArray.length; i++)
    liArray[i].style.color = "#000";
  liArray[0].style.color = "#f00";
}

}

function change_image(x, page) {

var ulid = page + "_squares";
var squares = document.getElementById(ulid);
var liArray = squares.getElementsByTagName("li");
var max = liArray.length - 1;
var image_id = page + "_image";
var current = document.getElementById(image_id).src;
var num = parseInt(current.match(/\d+/));
if (x == "next" && num < max) x = num + 1;
else if (x == "next") x = num;
if (x == "prev" && num > 1) x = num - 1;
else if (x == "prev") x = num;

if (x < max && x >= 0) {
  document.getElementById(image_id).src = "images/" + page + x + ".png";
  for (var i = 1; i < liArray.length-1; i++)
    liArray[i].style.backgroundImage="url('images/square.png')";
  liArray[x].style.backgroundImage="url('images/square_on.png')";
}
/*
if (x == max) {
  liArray[max+1].style.backgroundImage="url('images/arrow_right_off.png')";
}
else {
  liArray[max+1].style.backgroundImage="url('images/arrow_right.png')";
}
if (x == 1) {
  liArray[0].style.backgroundImage="url('images/arrow_left_off.png')";
}
else {
  liArray[0].style.backgroundImage="url('images/arrow_left.png')";
} */


}