Event.observe(window, 'load', function(){
	var cm = new CookieManager();
	var clipList = cm.getCookie('BrandGuide[ClipList]');
	if(clipList){
		clipList = clipList.split("%26");
		var l = clipList.length;
		for(var i=0; i<l; i++){
			onClipComplete(clipList[i]);
		}
	}
});

function onClipComplete(id){
	if($('btnFavorite'+id)){
		$('btnFavorite'+id).innerHTML = '<img alt="リストに追加済" src="/img/btn.favorited.gif"/>';
	}
}

function beforeClipFavorite(id){
	_jumpInto('itemImage'+id, 'compareListLink', true);
}

function _jumpInto(element, target, ghost){
	element = $(element);
	target = $(target);
	ghost = ghost || false;

	var from = Position.cumulativeOffset(element);
	var to = Position.cumulativeOffset(target);

	if(ghost){
		var piece = element.cloneNode(true);
		Position.absolutize(element);
		element.parentNode.insertBefore(piece, element);
		Position.absolutize(piece);
		Position.relativize(element);
	}else{
		var piece = element;
		Position.absolutize(piece);
	}

	new Effect.Parallel(
		[	new Effect.Move(piece, {mode:'relative', x:to[0]-from[0], y:to[1]-from[1]}),
			new Effect.Scale(piece, 30)
		
		],
		{ afterFinishInternal:function(){
			piece.remove();
			new Effect.Highlight(target.parentNode, {startcolor:'#ffcccc'});
		}}
	);
}