var xmlhttp;
var pa = new Array(800);
var iPg;
var isPg;


function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function() {
            if (oldonload) {
                oldonload();
            }
            func();
        }
    }
}

addLoadEvent(function() {
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null)
	{
		alert ("Your browser does not support XMLHTTP!");
		return;
	}
	var url="vv.php?page=top";
//	alert(url);
	xmlhttp.onreadystatechange=stateChanged;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);	
})

function stateChanged()
{
//	alert(xmlhttp.readyState);
  if (xmlhttp.readyState==4)
  {
////  document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    for (var i = 0; i < 900; i++) {
		pa[i] = new Array(27);
		pa[i] [0] = 0;
	}

    var temp="";
	var toplength = xmlhttp.responseText.length;
	iPg = 0;
	isPg = 1;
//alert(xmlhttp.responseText);
	for (var i = 0; i < toplength; i++) {
		if (xmlhttp.responseText.substr(i,1) == "_") {
			if (iPg != Number(temp.substr(0,3))) {
				isPg = 1;
				iPg = Number(temp.substr(0,3));
			}
			pa[iPg -100] [0] = pa[iPg -100] [0] +1;
			pa[iPg -100] [isPg] = temp;
			isPg += 1;
//alert(temp);
			temp = "";
		} else {
			temp = temp + xmlhttp.responseText.substr(i,1);
		}
	}
//alert(pa);	
	// pointers set to 100 page or 100a
	//iPg = 0;
	//isPg = 1;
	document.getElementById("get_page").page.value = 100;
	showPage();

  }
}

function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}


function showPage()
{
	var pgn = document.getElementById("get_page").page.value;
	var pgn_n = Number(pgn);
	if (pgn_n != NaN && pgn_n >= 100 && pgn_n <= 899) {
		iPg = pgn_n -100;
		isPg = 0;
		if ( pa[iPg][0] != 0) {
			pgn = pa[iPg] [1];
			isPg = 1;
		}
		if ( pa[iPg][0] > 1) {
			document.getElementById("subpage").innerHTML = "<p>" +"SubPage: " + isPg + "/" + pa[iPg][0] + "</p>";
		} else {
			document.getElementById("subpage").innerHTML = "<p> SubPage: </p>";
		}
		document.getElementById("page_image").innerHTML="<img class=\"article\" src="+ "\"vv.php?page="+pgn+"\" " + " alt=\"page " + pgn+ "\" style=\"float: left\" />";
	} else {
		alert("Wrong page number! Page number must be in [100..899]");
	}
}

function showPageByNumber(pgn)
{
	document.getElementById("get_page").page.value = pgn;
	showPage();
}

function showNextPage()
{
	iPg = Number(document.getElementById("get_page").page.value) -100;
	if ( (iPg + 1) >= (900 -100)) iPg = -1; //strat from page 100
	for (var i = iPg+1; i < 900 -100; i++) {
		if (pa[i][0] > 0) {
			iPg = i;
			isPg = 1;
			var pgn = pa[iPg] [isPg];
			document.getElementById("get_page").page.value = pgn.substr(0,3);
			showPage();
			break;
		}
	}
}

function showPrevPage()
{
	iPg = Number(document.getElementById("get_page").page.value) -100;
	if ( (iPg - 1) < (100 -100)) iPg = 900; //strat from page 899
	for (var i = iPg-1; i >= 100 -100; i--) {
		if (pa[i][0] > 0) {
			iPg = i;
			isPg = 1;
			var pgn = pa[iPg] [isPg];
			document.getElementById("get_page").page.value = pgn.substr(0,3);
			showPage();
			break;
		}
	}
}

function showNextSubPage()
{
	iPg = Number(document.getElementById("get_page").page.value) -100;
	if (pa[iPg][0] != 0) {
		isPg += 1;
		if ( isPg > pa[iPg][0] ) isPg = pa[iPg][0];
		var pgn = pa[iPg] [isPg];
		document.getElementById("get_page").page.value = pgn.substr(0,3);

		if ( pa[iPg][0] > 1) {
			document.getElementById("subpage").innerHTML = "<p>" +"SubPage: " + isPg + "/" + pa[iPg][0] + "</p>";
		} else {
			document.getElementById("subpage").innerHTML = "<p> SubPage:  </p>";
		}
		document.getElementById("page_image").innerHTML="<img class=\"article\" src="+ "\"vv.php?page="+pgn+"\" " + " alt=\"page " + pgn+ "\" style=\"float: left\" />";
		
	}
}

function showPrevSubPage()
{
	iPg = Number(document.getElementById("get_page").page.value) -100;
	if (pa[iPg][0] != 0) {
		isPg -= 1;
		if ( isPg < 1 ) isPg = 1; 
		var pgn = pa[iPg] [isPg];
		document.getElementById("get_page").page.value = pgn.substr(0,3);

		if ( pa[iPg][0] > 1) {
			document.getElementById("subpage").innerHTML = "<p>" +"SubPage: " + isPg + "/" + pa[iPg][0] + "</p>";
		} else {
			document.getElementById("subpage").innerHTML = "<p> SubPage:  </p>";
		}
		document.getElementById("page_image").innerHTML="<img class=\"article\" src="+ "\"vv.php?page="+pgn+"\" " + " alt=\"page " + pgn+ "\" style=\"float: left\" />";
	}
}

/* begin Page */

var artEventHelper = {
  'bind' : function (obj, evt, fn) {
    if (obj.addEventListener)
      obj.addEventListener(evt, fn, false);
    else if (obj.attachEvent)
      obj.attachEvent('on' + evt, fn);
    else
      obj['on' + evt] = fn;
  }
};

var artLoadEvent = (function() {
  var userAgent = navigator.userAgent.toLowerCase();
  var browser = {
    version: (userAgent.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [])[1],
    safari: /webkit/.test(userAgent),
    opera: /opera/.test(userAgent),
    msie: /msie/.test(userAgent) && !/opera/.test(userAgent),
    mozilla: /mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent)
  };

  var list = [];

  var done = false;
  var ready = function () {
    if (done) return;
    done = true;
    for (var i = 0; i < list.length; i++)
      list[i]();
  };
  
  if (document.addEventListener && !browser.opera)
    document.addEventListener('DOMContentLoaded', ready, false);
  
  if (browser.msie && window == top) {
    (function () {
      try {
        document.documentElement.doScroll('left');
      } catch (e) {
        setTimeout(arguments.callee, 10);
        return;
      }
      ready();
    })();
  }
  
  if (browser.opera) {
    document.addEventListener('DOMContentLoaded', function () {
      for (var i = 0; i < document.styleSheets.length; i++) {
        if (document.styleSheets[i].disabled) {
          setTimeout(arguments.callee, 10);
          return;
        }
      }
      ready();
    }, false);
  }
  
  if (browser.safari) {
    var numStyles;
    (function(){
      if (document.readyState != 'loaded' && document.readyState != 'complete') {
        setTimeout(arguments.callee, 10);
        return;
      }
      if ('undefined' == typeof numStyles) {
        numStyles = document.getElementsByTagName('style').length;
        var links = document.getElementsByTagName('link');
        for (var i = 0; i < links.length; i++) {
          numStyles += (links[i].getAttribute('rel') == 'stylesheet') ? 1 : 0;
        }
        if (document.styleSheets.length != numStyles) {
          setTimeout(arguments.callee, 0);
          return;
        }
      }
      ready();
    })();
  }

  artEventHelper.bind(window, 'load', ready);

  return ({
    add: function(f) {
      list.push(f);
    }
  })
})();

(function () {
  // fix ie blinking
  var m = document.uniqueID && document.compatMode && !window.XMLHttpRequest && document.execCommand;
  try{ if(!!m) { m("BackgroundImageCache", false, true); } }
  catch(oh){};
})();

function xGetElementsByClassName(clsName, parentEle, tagName) {
  var elements = null;
  var found = [];
  var slash = String.fromCharCode(92);
  var re = new RegExp(slash + "b" + clsName + slash + "b");
  if (!parentEle) parentEle = document;
  if (!tagName) tagName = '*';
  elements = parentEle.getElementsByTagName(tagName);
  if (elements) {
    for (var i = 0; i < elements.length; ++i) {
      if (elements[i].className.search(re) != -1) {
        found[found.length] = elements[i];
      }
    }
  }
  return found;
}

var styleUrlCached = null;
function GetStyleUrl() {
  if (null == styleUrlCached) {
    var ns;
    styleUrlCached = '';
    ns = document.getElementsByTagName('link');
    for (var i = 0; i < ns.length; i++) {
      var l = ns[i];
      if (l.href && /style\.css(\?.*)?$/.test(l.href)){
        return styleUrlCached = l.href.replace(/style\.css(\?.*)?$/,'');
      }
    }
    
    ns = document.getElementsByTagName('style');
    for (var i = 0; i < ns.length; i++) {
      var matches = new RegExp('import\\s+"([^"]+\\/)style\\.css"').exec(ns[i].innerHTML);
      if (null != matches && matches.length > 0)
        return styleUrlCached = matches[1];
    }
  }
  return styleUrlCached;
}


function artButtonSetupJsHover(btn)
{
    artEventHelper.bind(btn, 'mouseover', function() {
        var spans = btn.getElementsByTagName("span");
        if (spans.length > 0)
            spans[0].className += " hover";
    });
    artEventHelper.bind(btn, 'mouseout', function() {
        var spans = btn.getElementsByTagName("span");
        if (spans.length > 0)
            spans[0].className = spans[0].className.replace(/hover/, "").replace(/active/, "");
    });
    artEventHelper.bind(btn, 'mousedown', function() {
        var spans = btn.getElementsByTagName("span");
        if (spans.length > 0)
            spans[0].className += " active";
    });
    artEventHelper.bind(btn, 'mouseup', function() {
        var spans = btn.getElementsByTagName("span");
        if (spans.length > 0)
            spans[0].className = spans[0].className.replace(/active/, "");
    });
}

function artButtonsSetupJsHover() {
  var elements = xGetElementsByClassName("btn", document, "span");
  for (var i = 0; i < elements.length; i++) {
    if (!elements[i].tagName) continue;
    artButtonSetupJsHover(elements[i].parentNode);
  }
}
artLoadEvent.add(artButtonsSetupJsHover);

/* end Page */

/* begin Menu */
function Insert_Separators()
{
  var menus = xGetElementsByClassName("artmenu", document);
  for (var i = 0; i < menus.length; i++) {
    var menu = menus[i];
    var childs = menu.childNodes;
    var listItems = [];
    for (var j = 0; j < childs.length; j++){
      var el = childs[j];
      if (String(el.tagName).toLowerCase() == "li")listItems.push(el);
    }
    for (var j = 0; j < listItems.length - 1; j++){
      var span = document.createElement('span');
      span.className = 'separator';
      var li = document.createElement('li');
      li.appendChild(span);
      listItems[j].parentNode.insertBefore(li, listItems[j].nextSibling);
    }
  }
}
artLoadEvent.add(Insert_Separators);

function Menu_IE6Setup() {
  var isIE6 = navigator.userAgent.toLowerCase().indexOf("msie") != -1 
    && navigator.userAgent.toLowerCase().indexOf("msie 7") == -1;
  if (!isIE6) return;
  var aTmp2, i, j, oLI, aUL, aA;
  var aTmp = xGetElementsByClassName("artmenu", document, "ul");
  for (i=0;i<aTmp.length;i++) {
    aTmp2 = aTmp[i].getElementsByTagName("li");
    for (j=0;j<aTmp2.length;j++) {
      oLI = aTmp2[j];
      aUL = oLI.getElementsByTagName("ul");
      if (aUL && aUL.length) {
        oLI.UL = aUL[0];
        aA = oLI.getElementsByTagName("a");
        if (aA && aA.length)
        	oLI.A = aA[0];
         oLI.onmouseenter = function() {
         	this.className += " artmenuhover";
         	this.UL.className += " artmenuhoverUL";
         	if (this.A) this.A.className += " artmenuhoverA";
         };
        oLI.onmouseleave = function() {
          this.className = this.className.replace(/artmenuhover/,"");
          this.UL.className = this.UL.className.replace(/artmenuhoverUL/,"");
          if (this.A) this.A.className = this.A.className.replace(/artmenuhoverA/, "");
        };
      }
    }
  }
}
artLoadEvent.add(Menu_IE6Setup);
/* end Menu */