///////////////////////

///URLS//////////////
///////////////////////
 var url_archive = "./xml/archive.xml";
 var url_news	="./json/news.json";
 var url_books	="./json/books.json";
 var url_exhibition = "./json/exhibition.json";
 
$.ajaxSetup({'beforeSend': function(xhr){
    if (xhr.overrideMimeType)
        xhr.overrideMimeType("text/plain");
    }
});



///////////////////////
///MENU//////////////
///////////////////////

function displayMenu(id){
	$("#"+id).show();
}

function hideMenu(id){
	$("#"+id).hide();
}


///////////////////////
///ARCHIVE
///////////////////////

var isDetailDisplay = false;

function setArchive(year){
	
	///title
	if(isFinite(year)){
		$('#archive-title').html(year + ' ARCHIVE');
	}else{
		$('#archive-title').html('Acrylic Box Series');
	}
	if(archives.length == 0){
		$.ajax({
			url:url_archive,
			dataType:"xml",
			success:function(data){
				var json = $.xml2json(data);
				var l = (json.items.length);
				for (var i = 0; i < l ; i++){
					archives.push(json.items[i]);
				}
				setArchiveExe(year);
			}
		});
	}else{
		setArchiveExe(year);
	}
}

function setArchiveExe(year){
	
	var l = (archives.length);
	var item;
	
	for (var i = 0; i < l ; i++){
		item = archives[i];
		if(item.year == year) break;
	}
	if(year == 'archive_arcylic'){
		item = archives[0];
	}
				
	l = item.item.length;
	var str = '';
	var id = "";
	var elem;
	for (var i = 0; i < l ; i++){
		elem = item.item[i];
		id= "'" + elem.href + "'";
		str += ('<li><a href="Javascript:displayDetail(' + id + ',true)"><img src="' + elem.thumb + '" alt="" /></a></li>');
	}
	$("#archive #gal-list").html(str);
	$("#archive #gal-list img").imagesLoaded( function(){  
		$("#mcs_container_ar").mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"auto","yes","yes",5);
	});
					
					
	
}
			
function displayDetail(uri,isNew){
	
	$.ajax({
		url:uri,
		dataType:"xml",
		success:function(data){
			
			var json = $.xml2json(data);
			var item = json.item;
			
			$("#archive-detail").show();
			$("#archive-detail-inner").show();
			$("#detail_title").html(item.title);
			
			$("#detail_text").html(item.detail);
			$("#detail_year").html(item.date);
			
			////特別ルール
			if(item.title == ''){
				$("#detail_title").html(item.detail);
				$("#detail_text").html('');
				$("#detail_title").css({"font-size":"12px"})
			}else{
				$("#detail_title").css({"font-size":"1.5em"})
			}
			
			
			
			var top;
			$("#archive-detail-inner").css({"opacity":0});
			
			$("#detail_img").attr("src",item.image).load(function(){
				$("#detail_img").unbind("load");
				
				top = ($("#archive-detail-inner").height() - $("#detail_img").height()) / 2 ;
				left = ($("#galepi-left").width() - $("#detail_img").width()) / 2 ;
				$("#detail_img").css({'top':top});
				$("#detail_img").css({'left':left});
				$("#galepi-left img.copy").css({'position':'absolute'});
				$("#galepi-left img.copy").css({'top':(20  +  $("#detail_img").height())});
				$("#archive-detail-inner").animate({"opacity":1}, 800);
			});
			
				
				
			if(item.next != ''){
				$("#detail_next").show();
				$("#detail_next").attr("href","javascript:changeDetail('" + item.next + "')");
			}else{
				$("#detail_next").hide();
			}
			
			if(item.prev != ''){
				$("#detail_prev").show();
				$("#detail_prev").attr("href","javascript:changeDetail('" + item.prev + "')");
			}else{
				$("#detail_prev").hide();
			}
			if(isNew){
				$("#archive-detail").css({"opacity":0});
				$("#archive-detail").animate({"opacity":0.98}, 800);
			}
			
			setDetailWind();
			isDetailDisplay = true;
		}
	})
}

function closeDetail(){
	$("#detail_title").css({"font-size":"1.5em"})
	$("#archive-detail").animate({"opacity":0}, 600, function(){
		$("#archive-detail").hide();
		
	});
	$("#archive-detail-inner").animate({"opacity":0}, 600, function(){
		$("#archive-detail-inner").hide();
		
	});
	$("#min-thumb").animate({"opacity":0}, 600, function(){
		$("#min-thumb").hide();
	});
	isDetailDisplay = false;
}



///////////////////////
///NEws(top)
///////////////////////
function setNews(){
	$.getJSON(url_news, function(data) {
	
		l = data.length;
		//if(l > 3 ) l = 3;
		var str='';
		var className ='class="font-red"';
		
		var item;
		for(var i = 0 ;i < l; i++){
			item = data[i];
			if(i != 0 ) className = '';
			if(item.link != ''){
				str += "<dt " +className + " >" + item.date + "</dt><dd><a href='" + item.link +"' target='_blank' " +className + ">" + item.text + "</a></dd>"	
			}else{
				str += "<dt " +className + " >" + item.date + "</dt><dd>" + item.text + "</dd>"	
			}
							
		}
		$("#news-list").html(str);
		$("#mcs_container_setnews").mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"auto","yes","yes",5);
	});
}	
function setNewsTop(){
	var H = $(window).height();
	var h = $("#top").height();
	var targetH = (H - h) /2;
	$("#top").css({top:targetH +"px"});
	$.getJSON(url_news, function(data) {
	
		l = data.length;
		if(l > 3 ) l = 3;
		var str='';
		var className ='class="font-red"';
		
		var item;
		for(var i = 0 ;i < l; i++){
			item = data[i];
			if(i != 0 ) className = '';
			str += "<dt " +className + " >" + item.date + "</dt><dd><a href='" + item.link +"' target='_blank' " +className + ">" + item.text + "</a></dd>"					
		}
		$("#top-news").html(str);
		$("#top").show();
		$("#top").css({'opacity':0});
		$("#top").animate({"opacity":1}, 800)
	});
}	
function hideNewsTop(){
	$("#top").animate({"opacity":0}, 400,function(){$("#top").hide();})
}		

///////////////////////
///COMMON & DETAIL
///////////////////////
var goodsList;
function setBooks(){
	$.getJSON(url_books, function(data) {
		//onsole.log(data);
		goodsList = data;
		l = data.length;
		
		var str='';
		
		var item;
		for(var i = 0 ;i < l; i++){
			item = data[i];
			//str += "<li><a href='" + item.link +"' target='_blank'><img src='books/images/" + item.img_thum + "'><br/>" + item.title + "</a></dd>"
			str += "<li><a href='javascript:setGoodsDetail(" + i+")'><img src='books/images/" + item.img_thum + "'><br/>" + item.title + "</a></dd>"				
		}
		$("#bookslist").html(str);
		$("#mcs_container_book").mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"auto","yes","yes",5);
	});
}


function setGoodsDetail(id){

	var item = goodsList[id];
	$("#archive-detail").show();
	$("#archive-detail-inner").show();
	$("#detail_title").html(item.titleFull);
	$("#detail_text").html(item.text);
	var top;
	
	var url = "books/images/" + item.img + "?" + Math.random()*99999;
	
	var loaded = false;
	$("#detail_img").attr("src",url).load(function(){
			if(!loaded) {
				
				$("#detail_img").unbind("load");
				top = ($("#galepi-right").height() - $("#detail_img").height()) / 2 ;
				left = ($("#galepi-left").width() - $("#detail_img").width()) / 2 ;
				$("#detail_img").css({'top':30});
				$("#detail_img").css({'left':left});
				$("#detail_year").html('');
				$("#galepi-title").css({'top':top});
				$("#galepi-title").css({'position':'absolute'});
				$("#galepi-left img.copy").css({'position':'absolute'});
				$("#galepi-left img.copy").css({'top':(30  +  $("#detail_img").height())});
				$("#galepi-left").animate({"opacity":1}, 800);
				
			}
			loaded = true;
			
	});
		
	if(!isDetailDisplay){
		
		$("#archive-detail").css({"opacity":0});
		$("#archive-detail").animate({"opacity":0.98}, 800);
	}
	
	///Next BTN
	if(id < goodsList.length-1){
		$("#detail_next").show();
		$("#detail_next").attr("href","javascript:changeExhibiionDetail(" + id +"," + (pid + 1) + ")");
	}else{
		$("#detail_next").hide();
	}
			
	//BackBTN	
	
	if(id != 0){
		$("#detail_prev").show();
		$("#detail_prev").attr("href","javascript:changeExhibiionDetail(" + id +"," + (pid - 1) + ")");
	}else{
		$("#detail_prev").hide();
	}
	
	$("#archive-detail-inner").css({"opacity":1});
	setDetailWind();
	isDetailDisplay = true;
	
	
}
///////////////////////
///Exhibition
///////////////////////
var exhibtionList;
function setExhibition(){
	var p = this;
	$.getJSON(url_exhibition, function(data) {
	
		l = data.length;
		exhibtionList = data;
		var str='';
		
		var item;
		for(var i = 0 ;i < l; i++){
			item = data[i];
		
			str += "<li><a href='javascript:setExhibtionDetail(" + i +",0)'><img src='exhibition/thumb/" + item.img + "'><br/>" + item.title + "</a></li>"					
		}
		  
		$("#EXHlist").html(str);
		
		$("#EXHlist img").imagesLoaded( function(){  
			//alert("loaded");
			$("#mcs_container_ex").mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"auto","yes","yes",5);
		});
		
	});
}

function setExhibtionDetail(id,pid){

	
	var item = exhibtionList[id];
	$("#archive-detail").show();
	$("#archive-detail-inner").show();
	$('#min-thumb').show();
	$("#detail_title").html(item.title);
	$("#detail_text").html(item.text);
	var top;
	var imglist = item.photos;
	var url = "exhibition/img/" + item.title + "/" + imglist[pid];
	var loaded = false;

	
	//$("#archive-detail img").imagesLoaded( function(){  
	$("#detail_img").attr("src",url).load(function(){
			if(!loaded) {
				$("#detail_img").unbind("load");
				top = ($("#galepi-right").height() - $("#detail_img").height()) / 2 ;
				left = ($("#galepi-left").width() - $("#detail_img").width()) / 2 ;
				$("#detail_img").css({'top':30});
				$("#detail_img").css({'left':left});
				$("#detail_year").html('');
				$("#galepi-title").css({'top':top});
				$("#galepi-title").css({'position':'absolute'});
				$("#galepi-left img.copy").css({'position':'absolute'});
				$("#galepi-left img.copy").css({'top':(30  +  $("#detail_img").height())});
				var thumtop = (50  +  $("#detail_img").height());
				$("#galepi-left").animate({"opacity":1}, 800);
				
			}
			loaded = true;
			
	});
	
	//$("#detail_img").attr("src",url);
	
	///Next BTN
	if(pid < imglist.length-1){
		$("#detail_next").show();
		$("#detail_next").attr("href","javascript:changeExhibiionDetail(" + id +"," + (pid + 1) + ")");
	}else{
		$("#detail_next").hide();
	}
			
	//BackBTN		
	if(pid != 0){
		$("#detail_prev").show();
		$("#detail_prev").attr("href","javascript:changeExhibiionDetail(" + id +"," + (pid - 1) + ")");
	}else{
		$("#detail_prev").hide();
	}
	
	if(!isDetailDisplay){
		$("#archive-detail").css({"opacity":0});
		$("#archive-detail").animate({"opacity":0.98}, 800);
	}
	$("#archive-detail-inner").css({"opacity":1});
	

	
	
	//if(!isDetailDisplay){
		//Thumnail
		var l = imglist.length;
		var str = '';
		var className = '';
		var src = '';
		for(var i = 0; i < l; i++){
			if(pid == i) className = 'select-border';
			else className = 'nonselect';
			src = imglist[i].replace(".jpg", ".png");
			str += '<li class="' + className + '"><a href="javascript:changeExhibiionDetail('+ id +',' + i + ')"><img src="exhibition/img/' + item.title + '/min_thumb/min_'+ src +  '" alt=""/></a></li>';
		}
		$("#min-thumb").html(str);
		$("#min-thumb").animate({"opacity":1}, 800);
		$("#min-thumb li.nonselect").animate({"opacity":1}, 800);
		$("#min-thumb li.select-border").animate({"opacity":0.4}, 800);
	
	
	//}
		
	
	setDetailWind();
	isDetailDisplay = true;
	
	
}

function changeExhibiionDetail(id,pid){
	
	$("#galepi-left").animate({"opacity":0}, 800,function(){
		setExhibtionDetail(id,pid);
	});
				
}


			
///////////////////////
///COMMON & DETAIL
///////////////////////
			
function changeDetail(id){
	$("#archive-detail-inner").animate({"opacity":0}, 800,function(){
		displayDetail(id,false);
	});
				
}
			
function setDetailWind(){
	var w = $(window).width();
	var h = $(window).height();
	var left = (w - 800) / 2;
	var top = (h - 400) / 2;
	if(w < 1024) w= 2024;
	$("#archive-detail").css({"width":w,"height":h});
	$("#archive-detail-inner").css({"top":top,"left":left});
}

function changeDisplay(id){
	if(isAnimating) return ;
	if(currentPage != ''){
		closeDisplay(id);
	}else{
		displayPage(id);
	}
}
			 
function closeDisplay(id){
		isAnimating = true;
		var newid = '#' + currentPage;
		var targetH = $(window).height() + 10;
		$(newid).animate({top: targetH+"px"}, 800, "easeOutCubic", function(){
			currentPage = '';
			$(newid).hide();
			isAnimating = false;
			if(id != ''){
				displayPage(id);
			 }
			 else{
			 	//setNewsTop();
			 }
		});
		
}

function displayPage(id){
	var originalId = id;
	var arr = id.split('_');
	
	if(id == "top"){
		setNewsTop();
		return;
	}else{
		hideNewsTop();
	}
	
	
	if(arr[0] == 'archive' && arr.length > 1){
		var year = arr[1];
		setArchive(year);
		id = 'archive';
	}
	
	
	else if(id ==  "news"){
		setNews();
	}
	else if(id == "books"){
		setBooks();
	}else if(id=="exhibition"){
		setExhibition();
	}else if(id == "profile"){
		$("#mcs_container_profile img").imagesLoaded( function(){  
						$("#mcs_container_profile").mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"auto","yes","yes",5);
		});
		
		
	}
	
	isAnimating = true;
	var newid = '#' + id;
	var divheight = $(newid).height();
	var targetH = ($(window).height() - divheight) /2;
	$(newid).css({top:- divheight +"px"});
	
			 	
	$(newid).show();
	$(newid).animate({top: targetH+"px"}, 800, "easeOutCubic", function(){
		isAnimating = false;
		currentPage = id;
		$(newid).css({"z-index":1});
	});
	
	///SETULR
	if(id != "top")
		location.href="#id=" + originalId;
		
	///Detail IndexBTN
	if(id == "books"){
		$("img.pre").css({bottom:0});
		$("img.nex").css({bottom:0});
		$("img.ind").css({bottom:0});
	}else{
		$("img.pre").css({bottom:50});
		$("img.nex").css({bottom:50});
		$("img.ind").css({bottom:50});
	}
	
}

function changeBack(){
	var y = ($(window).height() - $("#main").height()) /2;
	var x = ($(window).width() - $("#main").width()) /2;
	if ((is_iphone) <= 0) {
		$("#main").css({"left":x});
		$("#main").css({"top":y + 40});
		setDetailWind();
	}else{
		//alert("iphone");
	}
}