$j = jQuery;

var CompareList = {
	cookieName : 'Chintai[ClipList]',
	cookieOptions : {path:'/',expires:7},
	jumpTarget : 'compareList',
	imageList : {
		'/img/btn-clip.gif' : '/img/btn-clipped.gif',
		'/img/btn-clip-large-n.gif' : '/img/btn-clip-large-s.gif',
		'/img/icon07.gif' : '/img/icon08.gif',
		'/img/btn.clip.gif' : '/img/btn.clip.done.gif',
		'/img/btn.clip.wide.gif' : '/img/btn.clip.wide.done.gif'
	},

	initialize :function(){
		var listCookie = $j.cookie(this.cookieName);
		var list = (listCookie) ? listCookie.split('_') : [];
		var l = list.length;
		for(var i=0; i<l; i++){
			this.cliped(list[i]);
		}
		if(listCookie) $j.cookie(this.cookieName, listCookie, this.cookieOptions);
		this.refresh(listCookie);
	},
	
	refresh : function(listCookie){
		listCookie = listCookie || $j.cookie(this.cookieName);
		if(listCookie){
			$j('#compareList').load('/clips/index/'+listCookie);
		}
	},

	add : function(self, id){
//		var target = $j("#"+this.jumpTarget+'//tr:last').get(0);
//		$j(self).TransferTo({to:target});
		$j(self).TransferTo({to:this.jumpTarget});
		this.cliped(id);

		var listCookie = $j.cookie(this.cookieName);
		var list = (listCookie) ? listCookie.split('_') : [];

		if($j.inArray(id, list)==-1) list.push(id);
		listCookie = list.join('_');

		$j.cookie(this.cookieName, listCookie, this.cookieOptions);
		this.refresh(listCookie);

		$j.get("/clips/logging/"+id);
	},

	cliped : function(id){
		$j('.btnCompareClip'+id).each(function(i, el){
			el = $j(el);
			el.attr('onclick', '')
			var img = $j("img", el);
			img.attr("src", CompareList.imageList[img.attr("src")])
				.attr("alt", "")
				.attr("title", "")
				.css("cursor", "default");
		});
	},
	
	del : function(id){
		var listCookie = $j.cookie(this.cookieName);
		if(listCookie){
			var list = listCookie.split('_');
			var newList = [];
			var l = list.length;
			for(var i=0; i<l; i++){
				if(list[i]!=id) newList.push(list[i]);
			}
			$j.cookie(this.cookieName, newList.join('_'), this.cookieOptions);
		}

		$j("#clipBox"+id).fadeOut(400, function(){$j("#clipBox"+id).remove();});
	}
	
}

$j(function(){CompareList.initialize()});