var webCommon = {};
webCommon.TagNavigation = function(tagParentId,subTagName,curClassName,expireClassName,
		               contentContainerId,subContentTagName,
		               bindActionArray
		               ){
	this.tagParentId = tagParentId;
	this.subTagName = subTagName;
	this.curClassName = curClassName;
	this.expireClassName = expireClassName;
	this.contentContainerId = contentContainerId;
	this.subContentTagName = subContentTagName;
	this.bindActionArray = bindActionArray;
}
webCommon.TagNavigation.prototype.changeTag = function(itemObj){
	$("#"+this.tagParentId).children(this.subTagName).removeClass(this.curClassName).addClass(this.expireClassName);
	$(itemObj).removeClass(this.expireClassName).addClass(this.curClassName);	
}
webCommon.TagNavigation.prototype.bindAction = function(){
	var thisObj = this;
	var index = 0;
	for(;index < thisObj.bindActionArray.length;index++){
		$("#"+thisObj.tagParentId).children(thisObj.subTagName).bind(thisObj.bindActionArray[index],function(){ 			
			$("#"+thisObj.tagParentId).children(thisObj.subTagName).removeClass(thisObj.curClassName).addClass(thisObj.expireClassName);
			$(this).removeClass(thisObj.expireClassName).addClass(thisObj.curClassName);			
			$("#"+thisObj.contentContainerId).children(thisObj.subContentTagName).hide();
			var itemIndex = $("#"+thisObj.tagParentId).children(thisObj.subTagName).index(this);			
			$("#"+thisObj.contentContainerId).children(thisObj.subContentTagName).hide();			
			$("#"+thisObj.contentContainerId).children(thisObj.subContentTagName).eq(itemIndex).show();
		});
	}	
}