$(document).ready(pageLoaderInit);
function pageLoaderInit(){

  //$("#page").supersleight();
  

  $("#mainmenu a").click(function(event){
    if(this.href.indexOf(home)>=0&&this.href.indexOf('/wp-')<0){
      event.preventDefault();
      this.blur();
      var caption = this.title || this.name || "";
      var group = this.rel || false;
      loadPage(this.href);
    }
  });
 
 $("#lang a").click(function(event){
    event.preventDefault();
    loadMenu(this.href);
 });
 
 $("#close").click(function(event){
    event.preventDefault();
    $("#content").fadeOut();
    first_time = false;
 });

 if (loadurl != "") {
    loadPage(loadurl);
    loadurl = "";
 }
 
}


function changeBg()
{
    var myImages = ["images/bg.jpg", 
		    "images/bg1.jpg", 
		    "images/bg2.jpg", 
		    "images/bg3.jpg", 
		    "images/bg4.jpg", 
		    "images/bg5.jpg",
		    "images/bg6.jpg",
		    "images/bg7.jpg",
		    "images/bg8.jpg",
		    "images/bg9.jpg"
		    ]; 
    var imgShown = document.body.style.backgroundImage;
    var newImgNumber =Math.floor(Math.random()*myImages.length);
    document.getElementById('page').style.backgroundImage = 'url('+siteurl+'/wp-content/themes/skybar-black-2/'+myImages[newImgNumber]+')';
}


function getHTTPObject() {
  var xmlhttp;
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}
var isWorking = false;
var http = getHTTPObject();

function loadPage(url){
  if(!isWorking){
    scroll(0,0);
    //document.getElementById('content').innerHTML='';
    
    //changeBg();
    
    if (document.getElementById('content').style['display'] != 'none'){
	$("#content").fadeOut(400, function b(){changeBg()});
    }
    else {
	changeBg();
    }

    http.open('GET',url,true);
    isWorking=true;
    http.onreadystatechange=showPage;
    http.send(null);
  }
}

function loadMenu(url){
  if(!isWorking){
    scroll(0,0);
    changeBg();
    //document.getElementById('').innerHTML='';


    //$("#page").fadeOut(400);
    
    if (document.getElementById('content').style['display'] != 'none'){
	$("#content").fadeOut();
    }
    $("#mainmenu").slideUp();
    
    //$("#page").fadeIn(20);
//    }
    http.open('GET',url,true);
    isWorking=true;
    http.onreadystatechange=showMenu;
    http.send(null);
  }
}

function submitSearch(param){
  if(!isWorking){
    scroll(0,0);
    document.getElementById('content').innerHTML='<center><img src="'+loadingIMG.src+'" /></center>';
    http.open('GET',window.location+param,true);
    isWorking=true;
    http.onreadystatechange=showPage;
    http.send(null);
  }
}
function showPage(){
  if(http.readyState==4){
    if(http.status==200){
      isWorking=false;
      var content = http.responseText;
      content = content.split('id="content"')[1];
      content = content.substring(content.indexOf('>')+1);
      var depth=1;
      var output='';
      while(depth>0){
        temp = content.split('</div>')[0];
        //count occurrences
        i=0;
        pos = temp.indexOf("<div");
        while(pos!=-1){
          i++;
          pos = temp.indexOf("<div",pos+1);
        }
        //end count
        depth=depth+i-1;
        output=output+content.split('</div>')[0]+'</div>';
        content = content.substring(content.indexOf('</div>')+6);
      }
      document.getElementById('content').innerHTML=output;
      //changeBg();
      $("#content").fadeIn();
      //$("#content").slideDown();
      pageLoaderInit();
    }else{
      alert(http.status);
    }
  }
}

function showMenu(){
  if(http.readyState==4){
    if(http.status==200){
      isWorking=false;
      var content = http.responseText;
      content = content.split('id="mainmenu"')[1];
      content = content.substring(content.indexOf('>')+1);
      var depth=1;
      var output='';
      while(depth>0){
        temp = content.split('</div>')[0];
        //count occurrences
        i=0;
        pos = temp.indexOf("<div");
        while(pos!=-1){
          i++;
          pos = temp.indexOf("<div",pos+1);
        }
        //end count
        depth=depth+i-1;
        output=output+content.split('</div>')[0]+'</div>';
        content = content.substring(content.indexOf('</div>')+6);
      }
      document.getElementById('mainmenu').innerHTML=output;
      //changeBg();
      $("#mainmenu").slideDown();
      pageLoaderInit();
    }else{
      alert(http.status);
    }
  }
}
