// JavaScript Document

var photo_slider_img_width = 320;
var photo_slider_img_height = 230;

$(document).ready(
		function() {

			// data loading from json.
			$.getJSON("http://www.ncadnet.jp/photo/work.php?json", function(
					json) {

				var target_base = "ul#ulslider";
				$(target_base).empty();

				// load data
				for ( var i = 0; i < json.length; i++) {
					var item = json[i];
					var target = target_base;
					$(target).append($("<li>").attr({"id" : "item" + item["id"]}));
					target = target + " li#item" + item["id"];
					$(target).append($("\r\n"));
					$(target).append($("<div>").attr({"class" : "img"}));

					$(target).append($("<div>").attr({"class" : "title"}).text(item["title"]));
					$(target).append($("<div>").attr({"class" : "description"}).text(item["description"]));
					$(target+" div.description").append($("<div>").attr({"class" : "photo-link"}).html('<a href="photo/"><img src="photo/common/imgs/photo-index.png" alt="一覧ページへ" width="50" height="16" /></a>'));
					
					target = target + " div.img";
					$(target).append($("<div>").attr({"class" : "inner"}));
					
					target = target + " div.inner";
					$(target).append( '<a href="/photo/"><img src="/photo/thumb.php?f='+item["src"]["src"]+'&w='+photo_slider_img_width+'&h='+photo_slider_img_height+'" alt="画像:'+item["title"]+'" border="0"></a>' );

				}


				$('#ulslider').innerfade({
					"animationtype" : "fade",
					"speed" : "200",
					"timeout" : "6000",
					"type" : "random",
					"containerheight" : photo_slider_img_height
				});
				

			});

		});