var getData
	var category = 0;
	var zoom = 'NO';
	//var scategory = 0;
	var imgpath = "images/photo/";

	function getXML(url)
	{
		var a = Math.random()*100;
		//alert(a)
		  
		sendRequest(url, readXML, 'GET', a);
		
	}
	function readXML(req)
	{
		  //alert('ok 2');
		getData = req.responseXML.getElementsByTagName('category');
		 // alert('ok 3');
		if(zoom == 'yes')
		{
			zoomImg(cnum, snum, inum)
		}else{
			createMenu(0);
		}
	}
	function createMenu(c){
		category = c;
		
		clearContents()
		//alert('ok 1');
		/*
		//alert(c)			
		//var menuElem = document.createElement('div');
		//menuElem.setAttribute('id', "menu");
		for(var i = 0; i < getData.length; i++)
		{
			//var pElem = document.createElement('p');
			var n = getData[i].getAttribute('name');
			var name = document.createTextNode(n);
			if(i == c)
			{
				var aElem = '<span>'+n+'</span>';
			}else{
				var aElem = '<a href="#" onclick="createMenu('+i+')" >'+n+'</a>';
			}
			pElem.innerHTML = aElem;

			menuElem.appendChild(pElem)
			
		}
		
		document.getElementById("contents_aj").appendChild(menuElem)
		*/
		createList();
	}
	
	function createList()
	{
			var items = getData[category].getElementsByTagName('item');
			//alert(items)
			var br = 3;
			var tambElem="";
			for(z = 0; z < items.length; z++)
			{
				if(z == br)
				{
					br += 3;
					tambElem += "<br />";
				}
				var n = items[z].getElementsByTagName('tambnail');
				var tamb = n[0].childNodes[0].nodeValue;
				var n = items[z].getElementsByTagName('title');
				var title =(n[0].hasChildNodes())? n[0].childNodes[0].nodeValue:'';
				
				tambElem += '<a href="#" onclick=" zoomImg('+category+', '+z+');return false"><img src="'+imgpath+tamb+'" alt="'+title+'"  border="0" /></a>';
			}
			//alert(tambElem)
			//document.getElementById("plist").appendChild(tambElem)
			document.getElementById("plist").innerHTML = tambElem;
	}
	
	function clearContents(){
		var childs = document.getElementById("plist").childNodes;
		var l = childs.length;
		//alert(l)
		for(var i =0; i < l ; i++)
		{
			document.getElementById("plist").removeChild(childs[0])
		}
	}
	function clearBigImage(){
		var childs = document.getElementById("bl").childNodes;
		var l = childs.length;
		//alert(l)
		for(var i =0; i < l ; i++)
		{
			document.getElementById("bl").removeChild(childs[0])
		}
	}
	function zoomImg(cnum, inum){
			//alert(cnum+" | "+scnum+" | "+inum)
		clearBigImage()
		//alert(cnum+" | "+inum)
		category = cnum;
		
		//alert(category)
		
		var items = getData[cnum].getElementsByTagName('item');
		
		//alert(items)
		
		n = items[inum].getElementsByTagName('title');
		var title =(n[0].hasChildNodes())? n[0].childNodes[0].nodeValue:'';

		//alert(title)
			
		n = items[inum].getElementsByTagName('description');
		if(n[0].hasChildNodes()){
			var description = n[0].childNodes[0].nodeValue;
			description = description.replace(/&lt;/g , '<')
			description = description.replace(/&gt;/g , '>')
		}
		
		//alert(description)
		
		n = items[inum].getElementsByTagName('image');
		var image = n[0].childNodes[0].nodeValue;
		//var imageWidth = n[0].getAttribute('width');
		
		var imgElem = document.createElement('img');
		imgElem.setAttribute('src', imgpath+image);
		imgElem.setAttribute('alt', title);
		imgElem.setAttribute('id', "zoomimg");
		imgElem.setAttribute('name', "zoomimg");
		document.getElementById("bl").appendChild(imgElem)
		
		if(description){
			var pElem = document.createElement('p');
			//var sn = document.createTextNode(description);
			pElem.innerHTML = description;
			document.getElementById("bl").appendChild(pElem)
		}
		
			
			
		//document.getElementById("zoom").appendChild(divElem);
	}
	
	
	
	function getPrev(cnum, scnum, inum)
	{
		var aElem = "";
		
		if(category==0 && scnum==0 && inum==0)
		{
			
		}else{
			if(inum==0 && scnum==0 && cnum>0)
			{
				//alert("a")
				cnum--;
				var subCategory = getData[cnum].getElementsByTagName('subcategory');
				scnum = subCategory.length - 1;
				var items = subCategory[scnum].getElementsByTagName('item');
				inum = items.length - 1;
				
			}else if(inum==0 && scnum>0)
			{
				//alert("b")
				scnum--;
				var subCategory = getData[cnum].getElementsByTagName('subcategory');
				var items = subCategory[scnum].getElementsByTagName('item');
				inum = items.length - 1;
				//alert("b")
			}else if(inum>0)
			{
				//alert("c")
				inum--;
			}
			aElem = '<a href="#" onclick="zoomImg('+cnum+', '+scnum+','+inum+')">＜前へ</a>';
		}
		return aElem;
	}
	
	
	function getNext(cnum, scnum, inum)
	{
		
		var cmax = getData.length - 1;
		var subCategory = getData[cnum].getElementsByTagName('subcategory');
		scmax = subCategory.length - 1;
		//alert(scmax)
		var items = subCategory[scnum].getElementsByTagName('item');
		imax = items.length - 1;
		//alert(imax)
		var aElem ="";
		
		if(category==cmax && scnum==scmax && inum==imax)
		{
		}else{
			//alert(" c ="+category+" | "+cmax +" sc ="+ scnum+" | "+scmax +" i = "+ inum+" | "+imax)
			if(inum==imax && scnum==scmax && cnum<cmax)
			{
				cnum++;
				var subCategory = getData[cnum].getElementsByTagName('subcategory');
				scnum = 0;
				var items = subCategory[scnum].getElementsByTagName('item');
				inum = 0;
				//alert("a")
			}else if(inum==imax && scnum<scmax)
			{
				scnum++;
				var subCategory = getData[cnum].getElementsByTagName('subcategory');
				var items = subCategory[scnum].getElementsByTagName('item');
				inum = 0;
			}else if(inum<imax)
			{
				inum++;
			}
			
			aElem = '<a href="#" onClick="zoomImg('+cnum+', '+scnum+','+inum+')">次へ＞</a>';
		}
		
		return aElem;
	}
	function changeValues(v){
		document.getElementById("target").childNodes[0].src=v
	}