// JavaScript Document
var obj_gallery;

function nextImage(){
	obj_gallery.nextImage();
}

function backImage(){
	obj_gallery.backImage();
}
function goOfficial(){
	window.open(ohp_url, '_blank'); 
}

function nextEffect(g){
	if(Effect.Queues.get('next').entries().length == 0){
		new Effect.Appear(g.dom, { from:1, to:0, duration:0.2, queue:{position:'end', scope: 'next', limit:2}, afterFinish: function(){g.setNextImage();} });
		new Effect.Appear(g.dom, { from:0, to:1, duration:0.3, queue:{position:'end', scope: 'next', limit:2} });
		//new Effect.SlideUp(g.dom, { duration:0.3, queue:{position:'end', scope: 'next', limit:2}, afterFinish: function(){g.setNextImage();} });
		//new Effect.SlideDown(g.dom, { duration:0.5, queue:{position:'end', scope: 'next', limit:2} });
		//new Effect.Fold(g.dom, { duration:0.3, queue:{position:'end', scope: 'next', limit:2}, afterFinish: function(){g.setNextImage();} });
		//new Effect.SlideDown(g.dom, { duration:0.5, queue:{position:'end', scope: 'next', limit:2} });
	}
}
function backEffect(g){
	if(Effect.Queues.get('back').entries().length == 0){
		new Effect.Appear(g.dom, { from:1, to:0, duration:0.2, queue:{position:'end', scope: 'back', limit:2}, afterFinish: function(){g.setBackImage();} });
		new Effect.Appear(g.dom, { from:0, to:1, duration:0.3, queue:{position:'end', scope: 'back', limit:2} });
		//new Effect.SlideUp(g.dom, { duration:0.3, queue:{position:'end', scope: 'back', limit:2}, afterFinish: function(){g.setBackImage();} });
		//new Effect.SlideDown(g.dom, { duration:0.5, queue:{position:'end', scope: 'back', limit:2} });
		//new Effect.Fold(g.dom, { duration:0.3, queue:{position:'end', scope: 'back', limit:2}, afterFinish: function(){g.setBackImage();} });
		//new Effect.SlideDown(g.dom, { duration:0.5, queue:{position:'end', scope: 'back', limit:2} });
	}
}

function onLoadFunc(){
	obj_back_txt = new HtmlTags("img",{"src":"img/back-mt.gif","alt":"次の写真へ","style":"cursor:pointer"});
	obj_back_txt
		.setEventObserve("click",backImage);
	obj_next_txt = new HtmlTags("img",{"src":"img/next-mt.gif","alt":"前の写真へ","style":"cursor:pointer"});
	obj_next_txt
		.setEventObserve("click",nextImage);
	obj_ohp_txt = new HtmlTags("img",{"src":"img/next-mt.gif","alt":"公式ページへ","style":"cursor:pointer"});
	obj_ohp_txt
		.setEventObserve("click",goOfficial);

	
	obj_back_button = new Button($("back_button"), obj_back_txt);
	obj_next_button = new Button($("next_button"), obj_next_txt);
	obj_next_button.setNoMoreItemState(obj_ohp_txt);
	
	obj_gallery = new Gallery($("gallery"), "img/", max_number, "image");
	obj_gallery
		.setImageDom(new DomObject('img',{"alt":"Cover Girl"}), 1)
		.setClickEvent(nextImage)
		.addMaxNumberDisplay(new TextNumberDisplay($("max_num"),2))
		.addCurrentNumberDisplay(new TextNumberDisplay($("current_num"),2))
		.setNoMoreItemFunc(goOfficial)
		//.setNextEffect(nextEffect)
		//.setBackEffect(backEffect)
		.addBackButton(obj_back_button)
		.addNextButton(obj_next_button)
		;
	
/*	obj_director = new Director(obj_gallery);
	obj_director
		.addBackButton(obj_back_button)
		.addNextButton(obj_next_button)
		.addBackButton(obj_back_button_u)
		.addNextButton(obj_next_button_u);*/
}

Event.observe(window, 'load', onLoadFunc);