var recieveReq;
  function $(id){return document.getElementById(id)};
	
function getXmlHttpRequestObject() 
{
		if (window.XMLHttpRequest) 
		{
			return new XMLHttpRequest();
			
		} 
		else 
			if(window.ActiveXObject) 
			{
				return new ActiveXObject("Microsoft.XMLHTTP");
			} 
			else
			{
				alert("Upgrade your browser")
			};
};
var len;	
function photoProcess()
{
	var Move=new Animator();
	
	
	if (recieveReq.readyState == 4) 
	{
		response = eval("(" + recieveReq.responseText + ")");
		
		len=response.photos.length;
		
		var slider=$("mini");
		
		for(i=0;i < len; i++) 
		{
			var a=document.createElement('a');
			a.href=response.photos[i].link;
			a.rel="lightbox[img_group]";
			var img=document.createElement('img');
			img.src=response.photos[i].srcMini;
			img.className="slider-image";
			a.appendChild(img);
			slider.appendChild(a);
		};
		
		$("mini").childNodes[0].style.marginLeft="0px"
	};
	
	
 	if(len<=5)
	{
		$("rightArrow").style.display='none';
		$("leftArrow").style.display='none';
	}
	
	
	function moveRight()
    {
        removedNode=slider.removeChild(slider.childNodes[0]);
        removedNode.style.marginLeft="0px";
        slider.appendChild(removedNode)         
          
    }
    function moveLeft()
    {
        slider.childNodes[0].style.marginLeft="0px";
        removedNode=slider.removeChild(slider.childNodes[slider.childNodes.length-1]);
        slider.insertBefore(removedNode,slider.childNodes[0]) 
    };
	
	$("rightArrow").onclick=function()
	{
		var slider=$("mini");
        currentValue="0px";
        newValue="-105px";
        Move.clearSubjects();
        Move=new Animator({transition:Animator.makeEaseIn(5),duration: 500,onComplete:moveRight}).addSubject(new NumericalStyleSubject(slider.childNodes[0], 'marginLeft', currentValue, newValue));
        Move.play();
	};
	
	$("leftArrow").onclick=function()
	{
		var slider=$("mini");
        currentValue="0px";
        newValue="105px";
        Move.clearSubjects();
        Move=new Animator({transition:Animator.makeEaseIn(5),duration: 500,onComplete:moveLeft}).addSubject(new NumericalStyleSubject(slider.childNodes[0], 'marginLeft', currentValue, newValue));
        Move.play();
		
	};
};

var currentIndex=0;	
window.onload=function()
{
	recieveReq=getXmlHttpRequestObject();
	recieveReq.onreadystatechange = photoProcess; 
	recieveReq.open("GET", '/album_data/children_0.json', true);
	recieveReq.send(null);	
};