jQuery(document).ready(function($){
	
	//リキッドグリッド実行
	setVgrid();
	
	if(AppGlobal.isIE9){
		$("#twitter").hide();
	}else{
		getTl();
	}
	
	var worksCnt = 0;
	var worksLn = 0;//AppGlobal.cateArr.length;
	
	//トップページ設定ファイル読み込み
	$.ajax({
		url:"common/xml/top.xml",
		dataType:"xml",
		cache: false,
		success:function(data){
			var xmlArr = new Array();
			var indArr = new Array();
			$("item", data).each(function(){
				var buf = '<div class="';
				var type = $("type", this).text();
				var cate = $("category", this).text();
				var xml = cate;
				var image = $("image", this).text();
				var url = $("url", this).text();
				var id = "category-" + cate;
				
				if(type == "A"){
					var ind = $("index", this).text();
					var cateID = "category-" + cate + String(ind);
					buf += 'stackModuleA" id="' + cateID + '"><div class="stackSingle"></div><div class="staffContainer"></div>';
					$("#stackContainer").append(buf + '</div>');
					worksLn++;
					loadWorks(cate, ind);
				}else if(type == "B"){
					buf += 'stackModuleA"><div class="stackSingle"><div class="stackSingleT"></div><div class="stackSingleM"><a href="' + url + '"><img src="common/img/top/' + image + '"></a></div><div class="stackSingleB"></div></div>';
					$("#stackContainer").append(buf + '</div>');
				}else{
					buf += 'stackModuleB"><div class="stackSingle"><div class="stackSingleT"></div><div class="stackSingleM"><a href="' + url + '"><img src="common/img/top/' + image + '"></a></div><div class="stackSingleB"></div></div>';
					$("#stackContainer").append(buf + '</div>');
				}
			});
		}
	});
	
	function loadWorks(cate, isFst){
		$.ajax({
			url: "common/xml/" + cate + ".xml",
			dataType:"xml",
			cache: false,
			success:function(data){
				
				var worksID;
				var categories = new Array();
				var thumbs = new Array();
				var title;
				var client;
				var descriptionS;
				var icon = new Array();
				var staffs = new Array();
				
				$("item", data).each(function(){
					if(String(($(this).index() + 1)) == isFst){
						var cateID = "#category-" + cate + String(isFst);
						
						worksID = $("worksID", this).text();
						title = $("title", this).text();
						client = $("client", this).text();
						descriptionS = $("descriptionS", this).text();
						
						$("image", $("thumbs", this)).each(function(){
							thumbs.push($(this).text());
						});
						$("id", $("category", this)).each(function(){
							categories.push($(this).text());
						});
						$("id", $("staffIco", this)).each(function(){
							icon.push($(this).text());
						});
						$("id", $("staff", this)).each(function(){
							staffs.push($(this).text());
						});
						
						/****************************************/
						
						var buf1 = '<div class="stackSingleT"></div><div class="stackSingleM"><div class="thumb"><div class="thumbInner clearfix">';
						
						var thumbTxt = "";
						for(var i = 0; i < thumbs.length; i++){
							thumbTxt += '<a href="works/detail.html?id=' + categories[0] + "_" + worksID + '"><img src="common/img/works/' + worksID + '/' + thumbs[i] + '" width="220" height="150" alt="' + title + '"></a>'
						}
						
						buf1 += thumbTxt + '</div></div><dl><dt>';
						
						var cateTxt = "";
						for(var i = 0; i < categories.length; i++){
							if(i > 0){
								cateTxt += " | "
							}
							cateTxt += categories[i];
						}
						buf1 += cateTxt + '</dt><dd><div class="works_data_first"><p>' + title + '</p><p class="client">Client:' + client + '</p></div><p class="description">' + descriptionS + '</p></dd></dl><div class="staffIcon clearfix"><dl><dt><img src="common/img/top/txtStaff.gif" width="26" height="12" alt="Staff"></dt><dd><ul>';
						var iconTxt = "";
						for(var i = 0; i < icon.length; i++){
							iconTxt += '<li><img src="common/img/icoStaff' + icon[i] + '.gif" width="18" height="18"></li>';
						}
						buf1 += iconTxt + '</ul></dd></dl><p class="btnOpen"><img src="common/img/top/btnOpen.gif" width="16" height="16"></p></div></div><div class="stackSingleB"></div>';
						
						var buf2 = '<div class="stackSingleT"></div><div class="stackSingleM"><div class="staffContainerHeader clearfix"><p class="staffTxt"><img src="common/img/txtStaffList.gif" width="64" height="18"></p><p class="btnClose"><img src="common/img/btnInnerClose.gif" width="22" height="22"></p></div><ul>';
						
						var staffTxt = "";
						for(var i = 0; i < staffs.length; i++){
							if(i == staffs.length - 1){
								staffTxt += '<li class="before"><a href="company/staff.html?id=' + staffs[i] + '"><img src="common/img/staff/photo_' + staffs[i] + '.jpg" width="220" height="200"></a></li>';
							}else{
								staffTxt += '<li><a href="company/staff.html?id=' + staffs[i] + '"><img src="common/img/staff/photo_' + staffs[i] + '.jpg" width="220" height="200"></a></li>';
							}
						}
						
						buf2 += staffTxt + '</ul></div><div class="stackSingleB"></div>';
						
						/****************************************/
						
						var inner = $(cateID);
						
						inner.find(".stackSingle").append(buf1);
						inner.find(".staffContainer").append(buf2);
						inner.show();
						
						setToggleStaff(inner, inner.find(".staffContainer"), inner.find(".staffIcon"), inner.find(".btnClose"));
						
					}
				});
				
				
				worksCnt++;
				trace(worksCnt + " : " + worksLn)
				if(worksCnt == worksLn){
					setRollOver();
					onStartAnimation();
					setAnchor();
					setThumbsSlide();
				}
			}
		});
	}
	
	//Twitter BAr
	function callbackTW(arr) {
		var tw = $("#twitter");
		var inner = $("#twInner");
		var buf = "";
		for (var i = 0; i < arr.length; i++) {
			var obj = arr[i];
			buf += "<span>" + obj.text + "</span>";
		}
		inner.append(buf);
		
		var wB = tw.width();
		var wI = inner.width();
		inner.css({left : wB + "px"});
		var px = wB;
		var offset = 1;
		var time = 10;
		if(AppGlobal.isIE8){
			offset = 10;
			time = 100;
		}
		
		var move = function(){
			px -= offset;
			if(px < -wI){
				px = wB
			}
			inner.css({left : px + "px"});
			setTimeout(move, time);
		}
		move();
	}
	
	function getTl() {
		var id = "vancraft_jp";
		var param = "count=5";
		$("#twitter").append('<a href="http://twitter.com/#!/' + id + '" target="_blank">twitter</a>');
		TwitterAPI.statuses.user_timeline(callbackTW, id, param);
	}
	
});