$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(){
		this.mPath = this.getJsParam('compare_list.js');

		var tmpList={};
		for(i in this.imageList){
//			this.imageList[this.mPath+i] = this.mPath+this.imageList[i];
			tmpList[this.mPath+i] = this.mPath+this.imageList[i];
		}
		this.imageList = tmpList;

		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(this.mPath+'/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);
	},

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

	getJsParam : function( fn ) {

		var scripts = document.getElementsByTagName( 'script' );
		var script;
		var params = {};

		for ( var i=0; i<scripts.length; i++ ) {
			var s = scripts.item( i );
			if( s.src.indexOf( fn ) != -1 ) {
				script = s;
				break;
			}
		}

		if( script ) {
			if(script.src.indexOf(location.host) != -1){
				var prePath = location.host;
			}else{
				var prePath = "";
			}
			
			var myReg = new RegExp(prePath+"(/\\w+)/js");
			if(myMatch = script.src.match(myReg)){
				return myMatch[1];
			}else{
				return "";
			}
	
		}
	}

	
}

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