function blindDownAndUp(obj ,label1, label2, open){
	if(open){
		new Effect.BlindDown(obj,{
			delay:0,
			duration: 0.1,
			transition: Effect.Transitions.linear,
			afterFinishInternal: function(effect) {
				if(label1 != null) $(label1).style.display = 'none';
				if(label2 != null) $(label2).style.display = 'inline';
			}
		});
	}else{
		new Effect.BlindUp(obj,{
			delay:0,
			duration: 0.1,
			transition: Effect.Transitions.linear,
			afterFinishInternal: function(effect) {
				if(obj != null) $(obj).style.display = 'none';
				if(label1 != null) $(label1).style.display = 'none';
				if(label2 != null) $(label2).style.display = 'inline';
				//$(label).innerHTML = '+☆';
			}
		});
	}
}


var ImagePagerize = {
	q : '',
	url : '/api/get_images?',
	offset : 10,
	step:10, 
	
	insertElement : '',
	insertBefore : '',
	
	BASE_BOTTOM_HEIGHT : 100,
	inserted : true,
	finished : false,
	
	
	// initialize
	init : function(q, offset){
		Pagerize.q = encodeURI(q);
		Pagerize.offset = typeof offset !="undefined"? offset :  10;
		Pagerize.insertElement = $('image_result');
		Pagerize.insertBefore = $('image_footer');
		
		Event.observe(window, 'scroll', function(){
			var scrollHeight = Pagerize.getScrollHeight();
			var innerHeight = Pagerize.getInnerHeight();
			var scrollY = Pagerize.getScrollY();
			
			var footerHeight = Pagerize.getElementTop(Pagerize.insertBefore);
			var baseBottomHeight = Pagerize.BASE_BOTTOM_HEIGHT;
			
			// check remained inner height size
			var currentRemainHeight = scrollHeight - innerHeight - scrollY;
			var targetRemainHeight = scrollHeight - (footerHeight - baseBottomHeight);
			
			if (Pagerize.inserted && !Pagerize.finished && currentRemainHeight < targetRemainHeight) {
				Pagerize.getNextElement();
				Pagerize.inserted = false;
			}
		});
	},
	
	
	// get Full Screen Height
	getScrollHeight : function(){
		return Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
	},
	
	// get Browser Height
	getInnerHeight : function(){
		return window.innerHeight || document.body.clientHeight;
	},
	
	// get Scroll Height Size
	getScrollY : function(){
		return document.body.scrollTop || document.documentElement.scrollTop;
	},
	
	// get Y - coordinate of element
	getElementTop : function(elm){
		return (elm.offsetTop) || null;
	},
	
	// get X - coordinate of element
	getElementLeft : function(elm){
		return (elm.offsetLeft) || null;
	},
	
	// next 
	getNextElement : function(){
		var q = Pagerize.q;
		var offset = Pagerize.offset || 10;
		var url =Pagerize.url +  'q=' + q + '&offset=' + offset;
		if(!Pagerize.finished){
			new Ajax.Request(url, {
				method : 'get',
				onSuccess : Pagerize.insertPageElement
			});
			Pagerize.offset = Pagerize.offset + Pagerize.step;
			log("[Page offset] " + Pagerize.offset);
		}
	},
	
	
	// insert search result element
	insertPageElement : function(originalRequest){
		
			var responseText = originalRequest.responseText;
			
			if(videos.length<Pagerize.step){ //  last page
				Pagerize.finished = true;
			}

			Pagerize.inserted = true;
			// erase footer
			if($('search_footer').innerHTML!=null){
				res += '<p class="search_footer">' + $('search_footer').innerHTML + '</p><br />';
				$('search_footer').innerHTML = "";
			}

			Pagerize.insertElement.innerHTML += res;
			
			
	}
	
};

function formSubmit(){
  document.getElementById("formData").action="piyo.html";
  return true;
}


function showSpinner(id){
    document.getElementById(id).innerHTML = "<img src='http://assets.movapic.com/image/parts/38_cycle_forty_24.gif'/>";
}

function setReply(id, name){
    document.getElementById(id).value = name +"> " + document.getElementById(id).value;
    document.getElementById(id).focus();
}