jQuery.fn.imageGalley = function() {
	return this.each(function() {
	//データ配列の初期化
	detaildata = new Array();
		//alert('imageGalley');
	$.ajax({
		//url: '../slideshow/xmlData.xml',
		//url: 'test/xmlData.xml',
		url: dataURL,
		type: 'GET',
		dataType: 'xml',
		//timeout: 1000,
		error: function(){
			alert("xmlファイルの読み込みに失敗しました");
		},
		success: function(xml){
			//alert('success');
		counter = 0;
		containerTag = '';
		
		//XMLの要素をパースしてデータの配列とタグを生成する
		$(xml).find("photo").each(function(counter){
			var fname = $(this).attr("fname");
			var camera = $(this).attr("camera");
			var  caption = $(this).attr("caption");
			var  lens = $(this).attr("lens");

			var tempArr = new Array();
			tempArr[0] = fname;
			tempArr[1] = camera;
			tempArr[2] = caption;
			tempArr[3] = lens;
			
			detaildata[counter] = tempArr;


			//サムネイルのタグを生成
			//サムネイルの判定（どれがクリックされたか知るため）altにcounterの数値を入れる
			containerTag += '<div class="item fl">';
			containerTag += '<a href="#"><img src="'+thumbDir+fname+'" width="120" height="80" alt="'+counter+'" class="fl" /></a>';
			containerTag +=  '</div>';
		});

		//1件目の表示
		imgTag = '<img src="'+imageDir+detaildata[0][0]+'" id="bigimg" />';
		imgTag += '<p class="caption">'+detaildata[0][2]+'</p>';
		imgTag += '<p class="camera">'+detaildata[0][1]+'</p>';
		imgTag += '<p class="lens">'+detaildata[0][3]+'</p>';

		$("#imgbox").append(imgTag);
		$("div.container").append(containerTag);

		//
		$(".demo").accessNews({
			newsHeadline: "GALLERY",
			newsSpeed: "normal"
		});

		//サムネイルクリック時の挙動を設定する
		$(".news_items img").click(function(){
			var selectNo = $(this).attr("alt");
			var changeSrc = imageDir+detaildata[selectNo][0];
			$("#imgbox img").attr("src", changeSrc);
			$(".caption").html('<span>'+detaildata[selectNo][2]+'</span>');
			$(".camera").html('<span>'+detaildata[selectNo][1]+'</span>');
			$(".lens").html('<span>'+detaildata[selectNo][3]+'</span>');
		});

		}
		})

	});
}