///<reference path="jquery.debug.js" />
var __RP; //main control object

RP_Control = function() { 
};

RP_Control.prototype = {

	initialize: function() {
		$("#liNav_Web").bind("click", $.context(this).callback("selectNav_Web"));
		$("#liNav_Manual").bind("click", $.context(this).callback("selectNav_Manual"));
		$("#pnlContent").height(5);
		this._strContent = "";
		this._blnContentShown = false;
	},

	dispose: function() {
		$("#liNav_Web").unbind();
	},
	
	selectNav_Web: function() {
		$("#liNav_Web").addClass("webSelected");
		$("#liNav_Manual").removeClass("manualSelected");
		this._strContent = "WEB";
		this.showContent();
	},	
	
	selectNav_Manual: function() {
		$("#liNav_Web").removeClass("webSelected");
		$("#liNav_Manual").addClass("manualSelected");
		this._strContent = "MANUAL";
		this.showContent();
	},
	
	showContent: function() {
		if (this._blnContentShown) {
			$("#pnlContentInner").fadeOut(200, $.context(this).callback("finishShowContent"));
		} else {
			$("#pnlNav").addClass("navWithContent");
			$("#pnlContent").removeClass("invisible");
			$("#pnlContentInner").fadeOut(100);
			$("#pnlContent").animate({height:"209px"}, 200, $.context(this).callback("finishShowContent"));
			this._blnContentShown = true;
		}
	},
	
	finishShowContent: function() {
		if (this._strContent == "WEB") {
			$("#pnlContent_Web").removeClass("invisible");
			$("#pnlContent_Manual").addClass("invisible");
		} else {
			$("#pnlContent_Web").addClass("invisible");
			$("#pnlContent_Manual").removeClass("invisible");
		}
		$("#pnlContentInner").removeClass("invisible");
		$("#pnlContentInner").fadeIn(800);
	}
	
};