$j = jQuery;

var CompareList = {
	cookieName : 'ecChannel[ClipList]',
	cookieOptions : {path:'/',expires:7},
	jumpTarget : 'compareList',
//	imageList : {
//		'/img/btn-clip.gif' : '/img/btn-clipped.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('/compares/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);
	},

	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()});