// 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("a",{"style":"cursor:pointer"});
	obj_back_txt
		.setEventObserve("click",backImage)
		.setChild("Back");
	obj_next_txt = new HtmlTags("a",{"style":"cursor:pointer"});
	obj_next_txt
		.setEventObserve("click",nextImage)
		.setChild("Next");
	obj_ohp_txt = new HtmlTags("a",{"style":"cursor:pointer"});
	obj_ohp_txt
		.setEventObserve("click",goOfficial)
		.setChild("お店へ");
	
	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_back_button_bottom = new Button($("back_button_bottom"), obj_back_txt);
	obj_next_button_bottom = new Button($("next_button_bottom"), obj_next_txt);
	obj_next_button_bottom.setNoMoreItemState(obj_ohp_txt);

	
	obj_gallery = new Gallery($("gallery"), image_path, max_number, "image");
	obj_gallery
		.setImageDom(new DomObject('img'), 1)
		.setClickEvent(nextImage)
		.addMaxNumberDisplay(new TextNumberDisplay($("max_number"),2))
		.addCurrentNumberDisplay(new TextNumberDisplay($("current_number"),2))
		.setNoMoreItemFunc(goOfficial)
		//.setNextEffect(nextEffect)
		//.setBackEffect(backEffect)
		.addBackButton(obj_back_button)
		.addNextButton(obj_next_button)
		.addBackButton(obj_back_button_bottom)
		.addNextButton(obj_next_button_bottom)
		;
	
/*	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);