//@charset "utf-8";
//onload---------------------------
//window.onload=function(){}


$(document).ready(function() {


//テーブル行ごとの色
table_color();

//タイトルクリックで詳細表示cont_disp();

//写真の差し換えphoto_ch();

//順位の並べ替えrank_sort();

//画像挿入photo_in();

//アップロードされた画像を別ウィンドで開く
new_window();

//tdのspanで文字調節
td_span();

});
//onload---------------------------

//tdのspanで文字調節
function td_span(){
	var tag_td=tag_name(document,"td");
	for(i=0;i<tag_td.length;i++){
		if(tag_name(tag_td[i],"span")[0]){
		var tag_span=tag_name(tag_td[i],"span");
		for(q=0;q<2;q++){
			q==0?tag_span[q].style.borderBottom="dotted 1px #666":null;
			}
		}
		}
	}

//画像挿入
function photo_in(){
	var photo_space=byid("photo_space");
	var photo_all=65//画像総数
	var tr_length=6//1行に何枚の画像をいれるか
	var td_length=photo_all%tr_length//足りなかったときの空白td
	
	for(i=0;i<photo_all;i++){
		if(i%tr_length==0) var make_tr=tag_make("tr");
		var make_td=tag_make("td");
		var make_a=tag_make("a");
		make_a.setAttribute("href","uploads");
		var make_img=tag_make("img");
		make_img.setAttribute("src","img/photo/"+i+".JPG");
		make_img.setAttribute("width","100px");
		make_img.setAttribute("height","66px");
		
		make_td.appendChild(make_a);
		make_a.appendChild(make_img);
		make_tr.appendChild(make_td);
		photo_space.appendChild(make_tr);
		
		if(i==photo_all-1&&td_length!=0) for(q=0;q<(tr_length-td_length);q++) make_tr.appendChild(tag_make("td"))
		
		}
	
	
	}

//順位の並べ替え
function rank_sort(){
	var as_result=byid("as_result");
	var tag_li=tag_name(as_result,"li");
	var tag_table=tag_name(as_result.parentNode,"table")[0]
	var tag_tr=tag_name(tag_table,"tr");
	var data_array=new Array();
	
	
	tag_li[0].style.fontWeight="bold"
	for(i=1;i<tag_tr.length;i++){
		var make_array=new Array();
		data_array.push(make_array);
		var tag_td=tag_name(tag_tr[i],"td");
		for(q=0;q<tag_td.length;q++){
			make_array.push(tag_td[q].firstChild);
			}//for q		
		}//for i
	alert(data_array[0][0])
	
	}


//写真の差し換え
function photo_ch(){
	var main_img=byid("main_img");
	var ch_img=tag_name(main_img,"img")[0];
	var no_disp=tag_name(main_img,"li")[0];
	var pre_link=tag_name(main_img,"a")[0];
	var next_link=tag_name(main_img,"a")[1];
	
	var count_no=0;
	
	pre_link.onclick=function(){
		if(count_no!=0) count_no--;
		else count_no=4
		no_disp.removeChild(no_disp.firstChild);
		no_disp.appendChild(text_make(count_no+1));
		$(ch_img).animate({"opacity": "0"},400,function(){
		ch_img.setAttribute("src","img/"+count_no+".jpg");
		$(ch_img).animate({"opacity": "1"},400);
		});
		return false;
		}
	next_link.onclick=function(){
		if(count_no!=4) count_no++;
		else count_no=0
		no_disp.removeChild(no_disp.firstChild);
		no_disp.appendChild(text_make(count_no+1));
		$(ch_img).animate({"opacity": "0"},400,function(){
		ch_img.setAttribute("src","img/"+count_no+".jpg");
		$(ch_img).animate({"opacity": "1"},400);
		});
		return false;
		}
	
	}


//タイトルクリックで詳細表示
function cont_disp(){
	var as_container=byid("as_container");
	var tag_h2=tag_name(as_container,"h2");
	var tag_p=tag_name(as_container,"div");
	var flag_array=new Array();
	
	for(i=0;i<tag_h2.length;i++){
		click_func(i)
		var make_span=tag_make("span");
		make_span.appendChild(text_make("　　　【内容を表示】"))
		tag_h2[i].appendChild(make_span)
		
		if(i==tag_h2.length-1){
			var make_span=tag_make("span");
		make_span.style.color="#FD4747"
		make_span.appendChild(text_make("　※フォト販売は準備が出来次第開始いたします。"))
		tag_h2[i].appendChild(make_span)
			}
		
		flag_array.push(false)
		}	
	function click_func(no){		
		$(tag_p[no]).slideUp(700);
		
		tag_h2[no].onclick=function(){
			$(tag_p[no]).slideToggle(700);
			if(flag_array[no]==false) flag_array[no]=true;
			else  flag_array[no]=false;			
			tag_name(tag_h2[no],"span")[0].removeChild(tag_name(tag_h2[no],"span")[0].firstChild);			
			if(flag_array[no]==false){
			tag_name(tag_h2[no],"span")[0].appendChild(text_make("　　　【内容を表示】"));							
			}else{
			tag_name(tag_h2[no],"span")[0].appendChild(text_make("　　　【内容を隠す】"));	
			
			}
			}
		}
	
	}


//テーブル行ごとの色
function table_color(){
	var as_container=byid("as_container");
	var tag_table=tag_name(as_container,"table");
	for(i=0;i<tag_table.length;i++){
		var tag_tr=tag_name(tag_table[i],"tr");
		for(q=0;q<tag_tr.length;q++){
			if(q%2==1){
					with(tag_tr[q].style){
						background="#eee";
					}
					}else{
					with(tag_tr[q].style){
						background="#fff";
					}						}
					}
			}
	}
	
	
	


//アップロードされた画像を別ウィンドで開く
function new_window(){
	var tag_a=tag_name(document,"a");
	var center_x=$(tag_name(document,"body")[0]).width()/2;
		
	for(i=0;i<tag_a.length;i++){
		click_func(i)
		}//for
		
		
		var new_window=tag_make("div");
		new_window.setAttribute("id","new_window");
		with(new_window.style){
			position="absolute";
			width="560px";
			paddingRight="0px"
			border="solid 1px #ccc";
			background="#fff";
			textAlign="left";
			display="none";
			left=(center_x-280)+"px";
			}//with
		//拡大画像
		var new_img=tag_make("img");
		new_img.style.cursor="pointer";
		new_img.style.margin="10px 10px 2px"
		new_window.appendChild(new_img);
		
		/*
		//広告スペース
		var ad_div=tag_make("div");
		with(ad_div.style){
			styleFloat="right";
			cssFloat="right"
			width="240px";
			padding="10px 0";
			//background="#ccc"
			}
		var ad_p=tag_make("p")
		with(ad_p.style){
			width="230px";
			background="#eee"
			border="solid 1px #333"
			}
		ad_p.appendChild(text_make("広告スペース"));
		ad_div.appendChild(ad_p);
		new_window.appendChild(ad_div);
		*/
		
		//ページ閉じる用（仮でテキスト)
		var close_span=tag_make("span");
		with(close_span.style){
			display="block";
			textAlign="center";
			cursor="pointer"
			}
		close_span.appendChild(text_make("【閉じる】"));
	new_window.appendChild(close_span);
		
		tag_name(document,"body")[0].appendChild(new_window);
		
	//別ウィンド削除動作
	new_img.onclick=function(){
	remove_func();
		}
	close_span.onclick=function(){
	remove_func();
		}
			
	//クリック動作本体
	function click_func(no){
		var href_text=tag_a[no].getAttribute("href")
		if(href_text.indexOf("uploads")!=-1){
			
			tag_a[no].onclick=function(){
			disp_all();			
			var temp_height=$(tag_a[no]).offset().top-66;
			var img_src=tag_a[no].firstChild.getAttribute("src");
			
			new_window.style.top=temp_height+"px";
			new_img.setAttribute("src",img_src);
			$(new_window).fadeIn(600);		
			
			return false;//hrefの動作を止める
			}//this.onclick=function(){
		}//if
		
		
		
		}//function click_func(no){
	
	function remove_func(){		
		$(new_window).fadeOut(600,function(){
		byid("all_black").parentNode.removeChild(byid("all_black"));								   
										   });	
			
			
		}//function remove_func(){
		
		
		
	}//function new_window(){
		
//画面を黒で覆う
function disp_all(){
	var tag_body=tag_name(document,"body")[0];
	var temp_span=tag_make("span");
	var make_div=tag_make("div");
	make_div.setAttribute("id","all_black");
	
	//画面の高さを取る
	tag_body.appendChild(temp_span);
	var height_no=$(temp_span).offset().top;
	tag_body.removeChild(temp_span);
	
	//全体を覆うdivを用意
	tag_body.insertBefore(make_div,tag_body.firstChild);
	with(make_div.style){
		background="#000";
		width="100%";
		height=height_no+"px";
		position="absolute";
		}//with
	$(make_div).css({opacity: "0.4"}); 
	
	
	}//function disp_all(){



//省略_start------------------------------------------

//id省略
function byid(id){
return document.getElementById(id);
}

//タグ生成
function tag_make(tag){
return document.createElement(tag);
}

//タグ指定
function tag_name(name1,tag){
return name1.getElementsByTagName(tag);
}

//テキスト生成
function text_make(text){
return document.createTextNode(text);
}

//動作判別 if(!byid(" ")) return false;

//乱数の取得　0から5を取得なら randnum_no(0,6)
function randnum_no(min_no,max_no){
var randnum = min_no + Math.floor( Math.random() * max_no );
return randnum;
}

//現在のアドレス取得
var now_url=window.location.href;

//階層変更に対応するpass抽出関数
//使用時は　var pass_text=pass_text(仕切り文字。scriptのパスがjs/script.jsだったら"js/")

function pass_text(split_text){
var temp_pass=tag_name(document,"script")[0].getAttribute("src").split(split_text);
return temp_pass[0]
}


//日付取得関連
var now=new Date();//現在の時間を取得
var year=now.getFullYear();//4桁の西暦年数を返します
var month=now.getMonth()+1;//月
var date=now.getDate();//日

//日付を20080101の形式で取得
var now_date=now_date()

function now_date(){
var now=new Date();
var month=in_func(now.getMonth()+1);
var date=in_func(now.getDate());

return now.getFullYear()+month+date

function in_func(n){if(n<10){n=""+0+n;return n;}else{n=""+n;return n;}}
	}//now_date()の閉め

//省略_end------------------------------------------