var Pics = new Array();
var Index = 0;

function showElem(id) {
	elem = document.getElementById(id);
	elem.style.visibility = "visible";
	elem.style.position = "relative";
}


function LoadImages()
{
  Pics[0] = new Image();
  Pics[0].src = "Slide1.jpg";
  Pics[1] = new Image();
  Pics[1].src = "Slide2.jpg";
  Pics[2] = new Image();
  Pics[2].src = "Slide3.jpg";
  Pics[3] = new Image();
  Pics[3].src = "Slide4.jpg";
  Pics[4] = new Image();
  Pics[4].src = "Slide5.jpg";

  document.images[0].src = Pics[0].src;
}

function ChangePic()
{
  Index = Index + 1
  if (Index > 4) {
    Index = 0;
  }
  document.images[0].src = Pics[Index].src;
}

function show(id){
	alert("In show method");
	document.getElementById(id).style.visibility='visible';
	document.getElementById(id).style.position='relative';
}


function trackUserClickOnPhoto(blogueId)
{
	var xmlHttp;
	// alert("SUCCESS: user-click caught.");
	try
	  {
	  // Firefox, Opera 8.0+, Safari
	  xmlHttp=new XMLHttpRequest();
	  }
	catch (e)
	  {
	  // Internet Explorer
	  try
	    {
	    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
	    }
	  catch (e)
	    {
	    try
	      {
	      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
	      }
	    catch (e)
	      {
	      alert("Your browser does not support AJAX!");
	      return false;
	      }
	    }
	  }
	
	url="trackBlogueView.do?blogueId=" + blogueId;
	
	xmlHttp.onreadystatechange=function()
	    {
	    if(xmlHttp.readyState==4) // request complete
	    	if (xmlHttp.status == 200) // OK response
			{
				//alert("SUCCESS: user-click recorded.");
			}
			else
			{
				alert("FAILURE: user-click recording failed. HTTP Status = " + xmlHttp.status);
			}
	    }
	  
		xmlHttp.open("GET",url,true);
	  xmlHttp.send(null);
}

function loadPage(page,usediv) {
    // Set up request varible
    try {xmlhttp = window.XMLHttpRequest?new XMLHttpRequest(): new ActiveXObject("Microsoft.XMLHTTP");}  catch (e) { alert("Error: Could not load page.");}
    //Show page is loading
    document.getElementById(usediv).innerHTML = 'Loading Page...';
    //scroll to top
    scroll(0,0);
    //send data
    xmlhttp.onreadystatechange = function(){
            //Check page is completed and there were no problems.
            if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
                   //Write data returned to page
                   document.getElementById(usediv).innerHTML = xmlhttp.responseText;
            }
    }
    xmlhttp.open("GET", page);
    xmlhttp.send(null);
    
    return false;
}

function changeTitle(newTitle){
	document.title="Fablogue - " + newTitle;
}