//<![CDATA[
var alllist = [];
var weblist = [];
var paintlist = [];
var sublist = [];


var allItemObj = [];
var posList = [265,385,505,625];

var strList = [];

var posNum = 0;

$(function(){
	
	
	$("#markIcon").css("position","absolute");
	
	
	//IE7の場合だけ位置を調整
	if(jQuery.browser.msie && parseInt(jQuery.browser.version) == 8){
		$("#markIcon").css("top","70px");
	}else if(jQuery.browser.msie && parseInt(jQuery.browser.version) == 7){
		$("#markIcon").css("top","72px");
	}else if(jQuery.browser.msie && parseInt(jQuery.browser.version) == 6){
		$("#markIcon").css("top","75px");
	}else if(jQuery.browser.safari){
		$("#markIcon").css("top","70px");
		
	}else{
		$("#markIcon").css("top","68px");
	}
	$("#markIcon").css("left",posList[0]+"px");
	
	
	
	//XML読み込み処理
	
	$.ajax({
    url:"data/works.xml",
    dataType:"xml",
    success:function(data){　
	var str = "";
	var allStr = "";
	//データを加工する処理
	var dataCnt = 0;
            $("item",data).each(
                function(){
					if($("type",this).text() == "web"){
						
						var wStr = "";
						
						wStr += "<div>";
							wStr +=" <div class='itemBox'>";
							
							if(dataCnt == 0){
							
								wStr += "<div class='rectangle'><h2>"+ "NEW" +"</h2></div><div class='triangle-r'></div>";
							}
							
								wStr += "<div class='photoArea'>";
									wStr += " <p><a href='"+$("link",this).text()+"' target='_blank'>";
									wStr += "<img src='"+$("images",this).text()+"' alt='"+$("title",this).text()+"' width='317' height='211'  />";
									wStr += "</a></p>";
								wStr += "</div>";
								wStr += "<div class='textArea'>";
									wStr += "<h3>"+$("title",this).text()+"</h3>";
									wStr += " <p>"+$("detail",this).text()+"<br />";
									wStr += "<a href='"+$("link",this).text()+"' target='_blank'>"+$("link",this).text()+"</a></p>";
									wStr += ""
								wStr += "</div>";
							wStr += "</div>";
						wStr += "</div>";
						
						str += wStr;
						allStr = wStr;
						 
						weblist.push(wStr);
								
					}else if($("type",this).text() == "sub"){
						
						var subStr = "";
						
						subStr += "<div>";
							subStr +=" <div class='itemBox2'>";
							if(dataCnt == 0){
								subStr += "<div class='rectangle'><h2>"+ "NEW" +"</h2></div><div class='triangle-r'></div>";
							}
								subStr += "<div class='photoArea'>";
									subStr += " <p><a href='"+$("images",this).text()+"' target='_blank'>";
									subStr += "<img src='"+$("thumb",this).text()+"' alt='"+$("title",this).text()+"' width='140' height='211'  />";
									subStr += "</a></p>";
								subStr += "</div>";
								subStr += "<div class='textArea'>";
									subStr += "<h3>"+$("title",this).text()+"</h3>";
									subStr += " <p>"+$("detail",this).text()+"</p>";
								subStr += "</div>";
							subStr += "</div>";
						subStr += "</div>";
						str += subStr;
						allStr = subStr;
						sublist.push(subStr);
					
					}else if($("type",this).text() == "paint"){
						
						var pStr = "";
						
						pStr += "<div>";
							pStr +=" <div class='itemBox2'>";
								pStr += "<div class='photoArea'>";
									pStr += " <p><a href='"+$("images",this).text()+"' target='_blank'>";
									pStr += "<img src='"+$("thumb",this).text()+"' alt='"+$("title",this).text()+"' width='140' height='211' />";
									pStr += "</a></p>";
								pStr += "</div>";
								pStr += "<div class='textArea'>";
									pStr += "<h3>"+$("title",this).text()+"</h3>";
									pStr += " <p>"+$("detail",this).text()+"</p>";
								pStr += "</div>";
							pStr += "</div>";
						pStr += "</div>";
						str += pStr;
						allStr = pStr;
						paintlist.push(pStr);
					
					}
					
					
					dataCnt ++;
					alllist.push(allStr);
                    
             })
			 
						
			
			
			
			
			strList = [alllist,weblist,paintlist,sublist];


			$("#grid-content").append(str);
			
			var vg = $("#grid-content").vgrid({
				easeing: "easeOutQuart",
				useLoadImageEvent: false,
				time: 200,
				delay: 10,
				
				fadeIn: {
					time: 300,
					delay: 100
				}
			});
			
			setupZoom();
			
	
			function setFunc(list){
				
				$("#grid-content").text("");
				
				for(var i = 0; i < list.length; i ++){
					var _item = $(list[i]);
					$("#grid-content").append(list[i]);
				}
										
				vg.vgrid({
				easeing: "easeOutQuart",
				useLoadImageEvent: false,
					time: 200,
					delay: 10,
					fadeIn: {
						time: 300,
						delay: 100
					}
				});
				
				setupZoom();
			}
			
			
			
			$("#header_r ul li img").click(function(){
				var num = 100;
				if($(this).attr("id") == "allBt"){
					num = 0;
				}
				
				if($(this).attr("id") == "wBt"){
					num = 1;
				}
				
				if($(this).attr("id") == "sBt"){
					num = 3;
				}
				
				if($(this).attr("id") == "pBt"){
					num = 2;
				}
				
				
				if(num != 100){
				posNum = num;
				
				
				//$("#markIcon").css("left",posList[num]+"px");
				$("#markIcon").animate({left:posList[num]},{easing:"easeOutExpo",duration:200, 
					complete:function(){
						setFunc(strList[posNum]);
					}
				});
					
				}
			})
	
	　}
})
	
	

});






//]]>

	var flashvars = {};
	var params = {bgcolor:"#cccccc"};
	var attributes = {};
	//swfobject.embedSWF("swf/top.swf","flash","560","380","9.0.0", "10","",flashvars, params, attributes);