1 /* Popup Box function */
\r
4 $.fn.popbox = function(options){
\r
5 settings = $.extend({
\r
6 selector : this.selector,
\r
7 open : '.openpopbox',
\r
10 arrow_border : '.arrow-border',
\r
15 open: function(event){
\r
16 event.preventDefault();
\r
18 var box = $(this).parent().find(settings['box']);
\r
19 box.find(settings['arrow']).css({'left': box.width()/2 - 10 + 46});
\r
20 box.find(settings['arrow_border']).css({'left': box.width()/2 - 10 - 63});
\r
21 if(box.css('display') == 'block'){
\r
23 setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);
\r
24 // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');
\r
25 if($(window).scrollTop() > 20){
\r
26 setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200);
\r
27 // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');
\r
29 $('.box1').fadeIn('slow');
\r
31 $('.chatBox').fadeOut('fast');
\r
32 $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');
\r
33 if(box.attr('target') == 'auth'){
\r
34 box.find(settings['arrow']).css({'left': box.width()/2 + 36});
\r
35 box.css({'display': 'block', 'top': 0, 'left': ((pop.parent().parent().width()/2) -box.width()/2 ) - 90});
\r
38 box.find(settings['arrow']).css({'left': box.width()/2 - 42});
\r
39 box.css({'display': 'block', 'top': 0, 'left': ((pop.parent().parent().width()/2) -box.width()/2-15 )});
\r
40 box.find("#header_login_id").focus();
\r
41 box.find('#header_password').val('');
\r
47 $(settings['box']).fadeOut("fast");
\r
51 $(document).bind('keyup', function(event){
\r
52 if(event.keyCode == 27){
\r
53 setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);
\r
54 // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');
\r
55 if($(window).scrollTop() > 20){
\r
56 // setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200);
\r
57 $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');
\r
62 // Close chat-box and popup on clicking out of chat-box
\r
63 $(document).bind('click', function(event){
\r
64 if(!($(event.target).closest('.chatBox').length || $(event.target).hasClass('chatIcon') || $(event.target).closest(settings['selector']).length)){
\r
66 if ($("#actionsDropDown").css('z-index')=='-999'){
\r
67 setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);
\r
69 if($(window).scrollTop() > 20){
\r
70 setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200);
\r
71 // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');
\r
74 $('.chatBox').fadeOut('fast');
\r
79 return this.each(function(){
\r
81 $(this).css({'width': $(settings['box']).width()}); // Width needs to be set otherwise popbox will not move when window resized.
\r
82 $(settings['open'], this).bind('click', methods.open);
\r
83 $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');
\r
84 $(settings['open'], this).parent().find(settings['close']).bind('click', function(event){
\r
85 // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');
\r
86 setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);
\r
95 $('.popbox').popbox();
\r
98 var displayName = "";
\r
99 if($("#reg-fn-ln-id").length > 0){
\r
100 var fnln = $("#reg-fn-ln-id").val().length;
\r
102 var fnVar = $("#reg-fname-id").val();
\r
103 var lnVar = $("#reg-lname-id").val();
\r
105 var nameLen = fnVar.length + lnVar.length + 1; // 1 for space between the first name and the last name
\r
106 if(fnVar != " " && lnVar != " "){
\r
107 if(nameLen <= numChars){
\r
108 displayName = fnVar+" "+lnVar;
\r
109 }else if(nameLen <= (numChars * 2)){
\r
110 displayName = fnVar+"<br/>"+lnVar;
\r
113 if(fnVar.length < numChars && lnVar.length > numChars){ //Smaller first name and longer last name
\r
114 displayName = fnVar+"<br/>"+lnVar.substring(0,numChars-1)+"...";
\r
117 if(fnVar.length >= numChars ){ //Longer first name
\r
118 // 2 = 1 for elipses, 1 for space between the first name and last name
\r
119 longLName = numChars - ((fnVar.substring(numChars,fnVar.length)).length + 2);
\r
120 displayName = fnVar.substring(0,numChars)+"<br/>"+fnVar.substring(numChars,fnVar.length)+" "+lnVar.substring(0,longLName)+"...";
\r
125 displayName = fnVar+" "+lnVar;
\r
129 $("#reg-userName").html(displayName);
\r
133 /* ClickToChat ANONYMOUS FUNCTION DEFINITION *
\r
134 * =============================================== *
\r
135 * On clicking the chat icon displays the chat box */
\r
138 var chatbox = $('.chatBox');
\r
140 // var actionsDropDown = $('#actionsDropDown');
\r
142 open: function(){chatbox.css('display','block');},
\r
143 close: function(){chatbox.fadeOut('fast');}
\r
145 $('.chatIcon').click(function(){
\r
146 if (chatbox.css('display') == 'block'){
\r
148 setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);
\r
149 // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');
\r
150 if($(window).scrollTop() > 20){
\r
151 setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200);
\r
152 // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');
\r
155 $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');
\r
157 $(settings['box']).fadeOut("fast");
\r
161 // Close chat-box on clicking cross icon
\r
162 $('.circle_close_chat').click(function(){
\r
163 // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');
\r
164 setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);
\r
166 if($(window).scrollTop() > 20){
\r
167 setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200);
\r
168 // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');
\r
172 // Close chat-box on Escape key press
\r
173 $(document).bind('keyup', function(event){
\r
174 if(event.keyCode == 27){
\r
175 setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);
\r
177 if($(window).scrollTop() > 20){
\r
178 setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200);
\r
179 //$(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');
\r
184 // Close chat-box on clicking out of chat-box
\r
185 // $(document).bind('click', function(event){
\r
187 // console.log(event.target,"2");
\r
188 // if(!($(event.target).closest('.chatBox').length || $(event.target).hasClass('chatIcon'))) {
\r
189 // event.preventDefault();
\r
190 // // console.log($(event.target).closest(settings['selector']).length);
\r
191 // console.log($(event.target).closest('. ').length);
\r
192 // console.log($(event.target).hasClass('chatIcon'));
\r
195 // // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');
\r
196 // methods.close();
\r
197 // if ($("#actionsDropDown").css('z-index')=='-999') {
\r
198 // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');
\r
200 // // if (flag!="clicked") {
\r
201 // // if ($('.box').css('display') == 'block' || $('.chatBox').css('display') == 'block' ){
\r
202 // // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');
\r
204 // // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');
\r