/*
 * Ext JS Library 1.0
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://www.extjs.com/license
 */
var tabs;
Ext.onReady(function(){
    tabs = new Ext.TabPanel('tab-panel1', {
        resizeTabs:true, // turn on tab resizing
        minTabWidth: 20,
        preferredTabWidth:170
    });
    
    
    tabs.addTab('root-tab', 'Home Tab');
    //tabs.activate(0);
    tabs.hideTab(0);

    var content = Ext.getDom('content').innerHTML; // bogus markup for tabs
    var index = 0;
    
    
    //adminSubTab = new Ext.TabPanel('tabs_adminSubTab', {
//        resizeTabs:true, // turn on tab resizing
//        minTabWidth: 20,
//        preferredTabWidth:170
//    });
	
    updateMemberCount();
});

// jquery js added 10/10/07

$(document).ready(function(){
	bindBehavior();
});
function tabTurnOn(this_room_name,tabName){
	$(".submitChoice").removeClass("submitChoice");
	$(".tabSendMessageOptions").find('a').addClass("submitChoiceOff");
	$(".tabSendMessageOptions").find("a#submit"+this_room_name+tabName).addClass("submitChoice");
	$(".tabSendMessageOptions").find("a#submit"+this_room_name+tabName).removeClass("submitChoiceOff");
	$(".rdo"+this_room_name+"TabSelect").val(0);
	$("#rdo"+this_room_name+tabName).val(1);
	}
function bindBehavior(){
	$(".chat_qus1").click(function(){ // when you click any element with the class "chat_qus1" do:
		$(".chat_qus1").removeClass("chat_qus_selected"); // remove the class "chat_qus_selected" from all elements with the class "chat_qus1"
		$(".chat_qus2").removeClass("chat_qus_selected"); // remove the class "chat_qus_selected" from all elements with the class "chat_qus2"
		$(this).addClass("chat_qus_selected"); // add the class "chat_qus_selected" to the item you clicked
		var chat_approved_que = $(this).text(); // get the full question text
		var split_chat_approved_que = chat_approved_que.split(": "); //split it in half at the ": " part
		var ulqus1_list_id = $(this).parent().attr("id"); // get the id of the parent (UL) of this element
		var this_room_name = ulqus1_list_id.replace("ulqus1",""); // remove the prefix so you can get the room name - used to find the right textarea
		$("#txtMessageBox"+this_room_name).val(split_chat_approved_que[1]); // put the question part in the text area
		// the following turns off all tabs, then turns on the Approve tab
		tabTurnOn(this_room_name,"Approve");
		// end of turning on the Approve tab
	});
	$(".chat_qus2").click(function(){ // when you click any element with the class "chat_qus2" do:
		$(".chat_qus2").removeClass("chat_qus_selected"); // remove the class "chat_qus_selected" from all elements with the class "chat_qus2"
		$(".chat_qus1").removeClass("chat_qus_selected"); // remove the class "chat_qus_selected" from all elements with the class "chat_qus1"
		$(this).addClass("chat_qus_selected"); // add the class "chat_qus_selected" to the item you clicked
		var ulqus2_list_id = $(this).parent().attr("id"); // get the id of the parent (UL) of this element
		var this_room_name = ulqus2_list_id.replace("ulqus2",""); // remove the prefix so you can get the room name - used to find the right textarea
		$("#txtMessageBox"+this_room_name).val(""); // clears out the text area
		// the following turns off all tabs, then turns on the Answer tab
		tabTurnOn(this_room_name,"Answer");
		// end of turning on the anwswer tab
	});
}

//Copyright (c) 2006-2007 Vayusphere, Inc. All rights reserved.
//
// This file contains proprietary information.  It is the
// unpublished property of Vayusphere. Use, disclosure,
// or reproduction is prohibited except as permitted by express
// written license agreement with Vayusphere.

// JScript File

function getTabContent(roomName)
{
    var content = "";
    content += "<div class='tabContentMailDiv'>"; //tab Content div
	
    content +=  "<div class='tabContentChatMessageDiv'>"; //tab chat message content div
	
	// create answers panel
	content += createAnswersPanel(roomName,'user');
	
	// show questions panel
	content += createQuestionsPanel(roomName,'user');
	
	// create open chat panel
	content += createOpenChatPanel(roomName,'user');
	
    content +=  "</div>"; //tab chat message content div ends
    
	// create textarea selection options
	content += sendMessageOptions(roomName,'user');
	
	
    content += "</div>"; //tab Content div
    
    return content;
}

function getCelebrityTabContent(roomName)
{
     var content = "";
    content += "<div class='tabContentMailDiv'>"; //tab Content div
    content +=  "<div class='tabContentChatMessageDiv'>"; //tab chat message content div
	
	// show questions panel
	content += createQuestionsPanel(roomName,'celebrity');
	
	// create open chat panel
	content += createOpenChatPanel(roomName,'celebrity');
	
    content +=  "</div>"; //tab chat message content div ends
    
    
	// create textarea selection options
	content += sendMessageOptions(roomName,'celebrity');
	
    content +=  "<div class='tabContentChatMessageDiv tabContentCelebrityAnswers'>"; //tab chat message content div
	// create answers panel
	content += createAnswersPanel(roomName,'celebrity');
	content +=	"</div>" // tab chat message content div end
		
    content += "</div>";
    
    
    
    return content;
}


function getAdminTabContent(roomName)
{
     var content = "";
    content += "<div id='tabContentAdminSectionOne' class='tabContentMailDiv'>"; //tab Content div
    content +=  "<div class='tabContentChatMessageDiv'>"; //tab chat message content div
	
	// show questions panel
	content += createQuestionsPanel(roomName,'admin');
	
    
    content +=  "</div>"; //tab chat message content div ends
    
	// create textarea selection options
	content += sendMessageOptions(roomName,'admin');
		
    content += "</div>"; //tabContentAdminSection One ends
	
//	content +=	"<div id='tabContentAdminSectionTwo'>";
//	
//    content +=  "<div class='tabContentChatMessageDiv tabContentCelebrityAnswers'>"; //tab chat message content div
//	// create answers panel
//	content += createAnswersPanel(roomName,'admin');
//	content +=	"</div>"; //tab chat message content div
//	
//    content +=  "<div class='tabContentChatMessageDiv tabContentOpenChat'>"; //tab chat message content div
//	// create open chat panel
//	content += createOpenChatPanel(roomName,'admin');
//	content +=	"</div>"; //tab chat message content div
//		
//    content += "</div>"; //tabContentAdminSection Two ends
	
    return content;
}


function getAdminTabSubContent(roomName)
{
     var content = "";
    
	content +=	"<div class='tabContentAdminSectionTwo' id='adm"+roomName+"SecTwo'>";
	
    content +=  "<div class='tabContentChatMessageDiv tabContentCelebrityAnswers'>"; //tab chat message content div
	
    content +=  "<div class='tabContentChatMessageDiv tabContentOpenChat'>"; //tab chat message content div
	// create open chat panel
	content += createOpenChatPanel(roomName,'admin');
	content +=	"</div>"; //tab chat message content div
	// create answers panel
	content += createAnswersPanel(roomName,'admin');
	content +=	"</div>"; //tab chat message content div
		
    content += "</div>"; //tabContentAdminSection Two ends
	
    return content;
}

function getOpenChatContent(roomName)
{
     var content = "";
    content += "<div class='tabContentMailDiv'>"; //tab Content div
    content +=  "<div id='div"+roomName+"chat' class='tabContentOpenChatMessageDiv'>"; //tab chat message content div   
    content +=          "Chat Messages:<br />";          

	content +=  	"<span class=\"tabContentOpenChatMessageDivImage\"><img src=\""+blankImageLink+"\" width=\"1\" height=\"1\"></span>"; 
    content +=  "</div>"; //tab chat message content div ends
    
    content +=  "<div class='tabContentComposeMessageDiv'>";
    content +=      "<div class='tabSendMessageOptionDiv'>";
    content +=          "<div class='tabSendMessageOptionToolbar' id='toolbar"+roomName+"'></div>";
    content +=          "<div class='tabSendMessageOpenChatOptionDiv'>";
    content +=              "<input type='hidden' id='rdo"+roomName+"Message' name='rdo"+roomName+"Msg' value='1' />";
    content +=          "</div>";
    content +=      "</div>";
    content +=      "<div class='tabSendMessageTextDiv'>";
    content +=          "<textarea id='txtMessageBox"+roomName+"' class='txtSendMessageTextBox' onKeyPress=\"return sendMessageOnEnter(this,event, '"+roomName+"')\" ></textarea>";
    content +=      "</div>";
    content +=      "<div class='tabSendMessageButtonDiv'>";
    content +=          "<input type='button' onclick=\"sendChatMessage('"+roomName+"')\" value='Send'  class='btnSendMessage'/>";
    content +=      "</div>";
    content +=  "</div>";    
    content += "</div>";
    
    return content;
}
function getOpenChatContentOwner(roomName)    // if in case of owner 
{
     var content = "";
    content += "<div class='tabContentMailDiv'>"; //tab Content div
    content +=  "<div id='div"+roomName+"chat' class='tabContentOpenChatMessageDiv'>"; //tab chat message content div   
    content +=          "Chat Messages:<br />";        
	content +=  	"<span class=\"tabContentOpenChatMessageDivImage\"><img src=\""+blankImageLink+"\" width=\"1\" height=\"1\"></span>"; 
    content +=  "</div>"; //tab chat message content div ends
    
    content +=  "<div class='tabContentComposeMessageDiv'>";
    content +=      "<div class='tabSendMessageOptionDiv'>";
    content +=          "<div class='tabSendMessageOptionToolbar' id='toolbar"+roomName+"'></div>";
    content +=          "<div class='tabSendMessageOpenChatOptionDiv'>";
    content +=              "<input type='hidden' id='rdo"+roomName+"Message' name='rdo"+roomName+"Msg' value='1' />";
    content +=          "</div>";
    content +=      "</div>";
    content +=      "<div class='tabSendMessageTextDiv'>";
    content +=          "<textarea id='txtMessageBox"+roomName+"' class='txtSendMessageTextBox' onKeyPress=\"return sendMessageOnEnter(this,event, '"+roomName+"')\" ></textarea>";
    content +=      "</div>";
    content +=      "<div class='tabSendMessageButtonDiv'>";
    content +=          "<input type='button' onclick=\"sendChatMessage('"+roomName+"')\" value='Send'  class='btnSendMessage'/>";
    content +=      "</div>";
    content +=      "<div id='divLockUnlock"+roomName+"' class=\"tabLockUnlockRoomDiv\"><a class='adminALink' onclick=\"lockRoom('"+roomName+"')\">Lock Room</a>&nbsp;&nbsp;<a class='adminALink' onclick=\"unlockRoom('"+roomName+"')\">Unlock Room</a></div>";
    content +=  "</div>";    
    content += "</div>";
    
    return content;
}
function getArchiveTabtContent(roomName)
{
     var content = "";
    content += "<div class='tabContentMailDiv'>"; //tab Content div
    content +=  "<div id='div"+roomName+"archive' class='tabContentArchiveMessageDiv'>"; //tab chat message content div            
    content +=          "Chat Archive:<br />";       
    content +=  	"<span class=\"tabContentArchiveMessageDivImage\"><img src=\""+blankImageLink+"\" width=\"1\" height=\"1\"></span>";    
    content +=  "</div>"; //tab chat message content div ends
    content += "</div>";
    
    return content;
}

function getOneToOneIMContent(buddyName)
{
    var content = "";            
    content +=      "<div id='div"+buddyName+"OneToOne' class='oneToOneMessageDiv'>";
    content +=      "</div>";        
    content +=      "<div class='oneToOneOptionDiv'>";
    content +=          "<div class='tabSendMessageOptionToolbar' id='toolbar"+buddyName+"'>";
    content +=          "</div>";
    content +=      "</div>";
    content +=      "<div class='oneToOneSendMessageTextDiv'>";
    content +=          "<textarea id='txtMessageBox"+buddyName+"' class='txtSendMessageTextBoxOneToOne' onKeyPress=\"return sendOneToOneMessageOnEnter(event, '"+buddyName+"','txtMessageBox"+buddyName+"')\"></textarea>";
    content +=      "</div>";
    content +=      "<div class='tabSendMessageButtonDiv'>";
    content +=          "<input type='button' onclick=\"sendOneToOneIM('"+buddyName+"','txtMessageBox"+buddyName+"')\" value='Send'  class='btnSendMessage'/>";
    content +=      "</div>";        
    return content;
    
    
}

function getAnnouncementContent(buddyName)
{
    var content = "";
    content +=      "<div class='oneToOneSendMessageTextDiv'>";
    content +=          "<textarea id='txtMessageBox"+buddyName+"' class='txtSendMessageTextBoxOneToOne' onKeyPress=\"return sendAnnouncementMessageOnEnter(event,'txtMessageBox"+buddyName+"')\"></textarea>";
    content +=      "</div>";
    content +=      "<div class='tabSendMessageButtonDiv'>";
    content +=          "<input type='button' onclick=\"sendAnnouncementIM('txtMessageBox"+buddyName+"')\" value='Send'  class='btnSendMessage'/>";
    content +=      "</div>";        
    return content;   
}


function createOpenChatPanel(roomName,userInterface){
	
    var content = "";
    content +=      "<div id='panel"+roomName+"chat' class='openChatPanel CollapsiblePanel'>";
    content +=          "<div class='CollapsiblePanelTab' tabIndex='0'><span class=\"CollapsiblePanelTabImage\"><img src=\""+blankImageLink+"\" width=\"1\" height=\"1\"></span><span class=\"tabPanelTitle\">";
		if(userInterface == "user"){
			content += chat_userView_OpenChatHeader;
		}else if(userInterface == "admin"){
			content += chat_adminView_OpenChatHeader;
		}else if(userInterface == "celebrity"){
			content += chat_celebrityView_OpenChatHeader;
		}
	content +=			"</span><span class=\"tabCloseText\">CLOSE</span></div>";
    content +=          "<div class='CollapsiblePanelContentChat'>";    
    content +=              "<div id='div"+roomName+"chat' class='CollapsiblePanelContentChatContent'>";    
    content +=                  "";
    content +=              "</div>";
    content +=          "</div>";
    content +=      "</div>"
	
	return content;
}
function createAnswersPanel(roomName,userInterface){
	
	var content = "";
	
    content +=      "<div id='panel"+roomName+"answer' class='CollapsiblePanel'>";
    content +=          "<div class='CollapsiblePanelTab' tabIndex='0'><span class=\"CollapsiblePanelTabImage\"><img src=\""+blankImageLink+"\" width=\"1\" height=\"1\"></span><span class=\"tabPanelTitle\">";
		if(userInterface == "user"){
			content += chat_userView_AnswersHeader;
		}else if(userInterface == "admin"){
			content += chat_adminView_AnswersHeader;
		}else if(userInterface == "celebrity"){
			content += chat_celebrityView_AnswersHeader;
		}
	content +=			"</span><span class=\"tabCloseText\">CLOSE</span></div>";
    content +=          "<div class='CollapsiblePanelContentAnswer'>";
    content +=              "<div id='div"+roomName+"answer' class='CollapsiblePanelContentAnswerContent'>";
    content +=                  "";    
    content +=              "</div>";
    content +=          "</div>";
    content +=      "</div>"
	
	return content;
}

function createQuestionsPanel(roomName,userInterface){
	
	var content = "";
	
    content +=      "<div id='panel"+roomName+"question' class='panelAdminQuestions CollapsiblePanel'>";
    content +=          "<div class='CollapsiblePanelTab' tabIndex='0'><span class=\"CollapsiblePanelTabImage\"><img src=\""+blankImageLink+"\" width=\"1\" height=\"1\"></span><span class=\"tabPanelTitle\">";
		if(userInterface == "user"){
			content += chat_userView_QuestionsHeader;
		}else if(userInterface == "admin"){
			content += chat_adminView_QuestionsHeader;
		}else if(userInterface == "celebrity"){
			content += chat_celebrityView_QuestionsHeader;
		}
	content +=			"</span><span class=\"tabCloseText\">CLOSE</span></div>";
    content +=          "<div class='CollapsiblePanelContentQuestion'>";   
    content +=              "<div id='div"+roomName+"question' class='CollapsiblePanelContentQuestionContent'>";
	if((userInterface == "admin")||(userInterface == "celebrity")){
    content +=                  "<div id=\"tabAdminPending\">";
	
	//only Admins may lock/unlock a room
		if(userInterface == "admin"){
    		content +=      "<div id='divLockUnlock"+roomName+"' class=\"tabLockUnlockRoomDiv\"><a class='adminALink' onclick=\"lockRoom('"+roomName+"')\">Lock Room</a>&nbsp;&nbsp;<a class='adminALink' onclick=\"unlockRoom('"+roomName+"')\">Unlock Room</a></div>";
		}
		
	content +=                  	"<span id=\"tabAdminPendingTitle\" class=\"tabAdminTitle\">Select Questions From Queue:</span>";    
//    content +=                  	"<SELECT NAME='qus1"+roomName+"[]' id='qus1"+roomName+"' SIZE='5' onChange='promoteQuestionForApprive(this)' oncontextmenu='showContextMenu(event, l1ContextMenu);'></select>";
	content +=						"<ul id='ulqus1"+roomName+"' class='questionQueue1' oncontextmenu='showContextMenu(event, l1ContextMenu);'></ul>\n";
    content +=                  "</div>";
    content +=                  "<div id=\"tabAdminApprove\">";    
    content +=                  	"<span id=\"tabAdminApprovedTitle\" class=\"tabAdminTitle\">Answer Selected Questions:</span>";    
//    content +=                  	"<SELECT NAME='qus2"+roomName+"[]' id='qus2"+roomName+"' SIZE='5' onChange='promoteQuestionForAnswer(this)' oncontextmenu='showContextMenu(event, l2ContextMenu);'></select>";    
	content +=						"<ul id='ulqus2"+roomName+"' oncontextmenu='showContextMenu(event, l2ContextMenu);' class='questionQueue2'></ul>\n";
    content +=                  "</div>";
	}
    content +=              "</div>";
    content +=          "</div>";
    content +=      "</div>"
	
	return content;
}

function sendMessageOptions(roomName,userInterface){
	
	var content = "";
    content +=  "<div class='tabContentComposeMessageDiv'>";
    content +=      "<div class='tabSendMessageOptionDiv'>";
    content +=          "<div class='tabSendMessageOptionToolbar' id='toolbar"+roomName+"'></div>";
	content +=          "<div class='tabSendMessageOptions' id='sendMsgOpt"+roomName+"'>";
	
	// Send open chat message tabSelect
    content +=              "<input class='rdo"+roomName+"TabSelect' type='hidden' id='rdo"+roomName+"Message' name='rdo"+roomName+"Msg' value='1' />";
    content +=				"<a href=\"Javascript:;\" onClick=\"switchOffTabs('"+roomName+"'); shn_switch('rdo"+roomName+"Message','"+roomName+"'); changeClass('submit"+roomName+"Message','submitChoice');\" class=\"submitChoice\" id=\"submit"+roomName+"Message\"><span>";
		if(userInterface == "user"){
			content += chat_userView_TextareaOpenChatTab;
		}else if(userInterface == "admin"){
			content += chat_adminView_TextareaOpenChatTab;
		}else if(userInterface == "celebrity"){
			content += chat_celebrityView_TextareaOpenChatTab;
		}
	content +=				"</span></a>";
	
	// Post answer to question tabSelect
	// only admins or celebrities may use these options
		if((userInterface == "admin")||(userInterface == "celebrity")){
			content +=              "<input class='rdo"+roomName+"TabSelect' type='hidden' id='rdo"+roomName+"Answer' name='rdo"+roomName+"Ans' value='0' />";
			content +=				"<a href=\"Javascript:;\" onClick=\"switchOffTabs('"+roomName+"'); shn_switch('rdo"+roomName+"Answer','"+roomName+"'); changeClass('submit"+roomName+"Answer','submitChoice');\" class=\"submitChoiceOff\" id=\"submit"+roomName+"Answer\"><span>";
				if(userInterface == "admin"){
					content += chat_adminView_TextareaPostAnswerTab;
				}else if(userInterface == "celebrity"){
					content += chat_celebrityView_TextareaPostAnswerTab;
				}
			content +=				"</span></a>";
		}
	
	// Approve a question tabSelect
	// only admins or celebrities may use these options
		if((userInterface == "admin")||(userInterface == "celebrity")){
			content +=              "<input class='rdo"+roomName+"TabSelect' type='hidden' id='rdo"+roomName+"Approve' name='rdo"+roomName+"App' value='0' />";
			content +=				"<a href=\"Javascript:;\" onClick=\"switchOffTabs('"+roomName+"'); shn_switch('rdo"+roomName+"Approve','"+roomName+"');  changeClass('submit"+roomName+"Approve','submitChoice');\" class=\"submitChoiceOff\" id=\"submit"+roomName+"Approve\"><span>";
				if(userInterface == "admin"){
					content += chat_adminView_TextareaApproveQuestionTab;
				}else if(userInterface == "celebrity"){
					content += chat_celebrityView_TextareaApproveQuestionTab;
				}
			content +=				"</span></a>";
		}
	
	// Ask a question tabSelect
	// for now, only users may ask questions
		if(userInterface == "user"){
			content +=              "<input class='rdo"+roomName+"TabSelect' type='hidden' id='rdo"+roomName+"Question' name='rdo"+roomName+"Que' value='0' />";
			content +=				"<a href=\"Javascript:;\" onClick=\"switchOffTabs('"+roomName+"'); shn_switch('rdo"+roomName+"Question','"+roomName+"'); changeClass('submit"+roomName+"Question','submitChoice');\" class=\"submitChoiceOff\" id=\"submit"+roomName+"Question\">";
			content +=					"<span>"+chat_userView_TextareaAskQuestionTab+"</span></a>";
		}
	
	
    content +=          "</div>";
    content +=      "</div>";
    content +=      "<div class='tabSendMessageTextDiv'>";
    content +=          "<textarea id='txtMessageBox"+roomName+"' class='txtSendMessageTextBox' onKeyPress=\"return sendMessageOnEnter(this,event, '"+roomName+"')\" ></textarea>";
    content +=      "</div>";
    content +=      "<div class='tabSendMessageButtonDiv'>";
    content +=          "<input type='button' id='btn_"+roomName+"' onclick=\"sendChatMessage('"+roomName+"')\" value='"
		if(userInterface == "user"){
			content += chat_userView_TextareaSubmitBtnValue;
		}else if(userInterface == "admin"){
			content += chat_adminView_TextareaSubmitBtnValue;
		}else if(userInterface == "celebrity"){
			content += chat_celebrityView_TextareaSubmitBtnValue;
		}
	content +=			"' class='btnSendMessage' />";
    content +=      "</div>";
	
		
    content +=  "</div>";
	
	return content;
}