You are on page 1of 53

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w 3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head> <base href=""/> <!

-- head base for "inside" files --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- JavaScript lin s --> <script type='text/javascript' '></script> <script type='text/javascript' <script type='text/javascript' <script type='text/javascript' in.js'></script>

<script type='text/javascript' language='javascript' src='js/jquery.address-1.4. min.js'></script> <lin rel="stylesheet" media="screen" href="css/jquery.l ightbox-0.5.css" /> <script type='text/javascript' language='javascript' src ='js/jqueryui/ui/ui.draggable.js'></script> <script type='text/javascript' language='javascript' src='js/jqueryui/ui /ui.core.js'></script> <script type='text/javascript' language='javascript' src='js/jqueryui/ui /ui.widget.js'></script> <script type='text/javascript' language='javascript' src='js/jqueryui/ui /ui.mouse.js'></script> <script type='text/javascript' language='javascr ipt' src='js/jqueryui/ui/ui.datepic er.js'></script> <lin rel='stylesheet' media='screen' href='js/jqueryui/themes/b ase/ui.datepic er.css' /> <script type='text/javascript' language='javascr ipt' src='js/tipsy/javascripts/jquery.tipsy.js'></script> <lin rel='stylesheet' type='text/css' href='js/tipsy/stylesheet s/tipsy.css' /> <script type="text/javascript" language="javascr ipt" src="http://maps.google.com/maps/api/js?sensor=false"></script> <!--script type="text/javascript" src="js/floating-1.7.js"></script--> <script type="text/javascript"> function getUrlVars(input_url) { var vars = [], hash; var hashes = input_url.slice(input_url.indexOf('?') + 1).split(' &'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } function generateTimeStamp(){ var t = Math.round(new Date().getTime() / 1000)

language='javascript' src='js/jquery-1.7.1.min.js language='javascript' src='js/ata.js'></script> language='javascript' src='js/main.js'></script> language='javascript' src='js/autoresize.jquery.m

return t; } /* function PopupCenter(pageURL, title,w,h) { var left = (screen.width/2)-(w/2); var top = (screen.height/2)-(h/2); var targetWin = window.open (pageURL, title, 'toolbar=no, locati on=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyh istory=no, width='+w+', height='+h+', top='+top+', left='+left); } // this function outputs "loading..." to the user-specified container function setLoadingWithContainer(container){ $(container).html('<div style="width: 100%; text-align: center; vertical-align: middle; padding-left: 5px; padding-right: 5px; padding-top: 111p x; padding-bottom: 111px;"><img src="ui/load_squares.gif"/></div>'); } */ /* //this function is used to fetch profile posts of a user function fetchPosts(id){ $.ajax({type:"GET",url:"profile_fetchposts.php",data:"id="+id, / /id here is id of a user success: function(c){ $("#profile_posts").html(c); }, error: function(c){ }}); }; */ function createNotificationBox(boxId, boxContent){ var boxStyle = "bac ground-color: #3c3c3c; padding: 4px; width: 175px; color: #ffffff; margin-bottom: 5px;"; var boxClass = "BR8 BL8 TR8 TL8"; var box = "<div class='"+boxClass+"' id='"+boxId+"' style='"+box Style+"'>"+boxContent+"</div>"; return box; //return the created box } //var notif_count = 0; function notify(content, duration){ var divId = new Date(); divId = divId.getTime(); var box = createNotificationBox(divId, content);

$("#sidebar_notifications").append(box); $("#"+divId).delay(duration).fadeOut(1000, function(){ $("#"+divId).remove(); }); /*$("#"+divId).delay(duration*(++notif_count)).fadeOut(1000, fun ction(){ $("#"+divId).remove(); notif_count--; });*/ } function resetAnyForm(formToReset){ $(':input',formToReset) .not(':button, :submit, :reset, :hidden') .val('') .removeAttr('chec ed') .removeAttr('selected'); } /* //codes for bg animation var scrollSpeed = 70; var step = 1; var current = 0; var currentLimit = 2147482367; function scrollBg(){ if(current + step > currentLimit){ current = 0; } current += step; $('#bac ground_overlay').css("bac ground-position",current+"px 0 "); } */ </script>

<!-- FAVICON --> <!--lin rel="icon" type="image/png" href="ui/favicon.png" /--> <lin rel="shortcut icon" type="image/x-icon" href="http://beenggo.com/favicon.i co?v=2"> </head> <body> <style type="text/css">

<!-<lin <lin <lin <lin <lin <lin

CSS lin s --> rel='stylesheet' rel='stylesheet' rel='stylesheet' rel='stylesheet' rel='stylesheet' rel='stylesheet'

media='screen' media='screen' media='screen' media='screen' media='screen' media='screen'

href='css/ui.css' /> href='css/modal.css' /> href='css/main.css' /> href='css/moved.css' /> href='css/cal.css' /> href='css/searchresult.css' />

#mainleftside{ width: 700px; min-height: 300px; float: left; padding: 0px; border: 1px solid #999999; z-index: 10; overflow: hidden; } </style> <div class='show-note' id='show-note'></div> <div class='hovcard-box' style='width:300px;height:100px;bac ground:white;top:500px;left:-500px; position:fixed;border:1px solid #333333;box-shadow:0px 2px 5px r gba(0,0,0,.5);'> <div style=''>Loading...</div> </div> <div class='beeloader'></div> <div class="photo_box" id="photo_box" style='box-shadow:0px 1px 2px rgba(0,0,0,. 6);z-index:101;position:absolute;left:50%;top:50%;'></div> <div id='photo-box' style='display:none;bac ground:url("ui/mas .png");position :fixed;top:0px;left:0px;bottom:0px;right:0px;z-index:101;'> <input type='button' class='UI_x_button' value='' onclic ='close Modal()' style='margin:5px;float:right;' /> <div id='photo-box-content'></div> </div> <div id='mas ' class='mas ' style="z-index:100;"> <input type='button' onclic ='closeModal();' value='x' class='mas _close ' /> </div> <div id='bee_loader' class='bee_loader' style="z-index:123;"><img src='ui/load ingAnim.gif'/></div> <div id='modal_box' class='normal_modal' style="z-index:124;"></div> <div class="loading" id="top_loading" style="z-index:200;">Loading...</div> <iframe style='display:none;position:absolute;' name='silent_form' id='silent _form' src='#'></iframe> <div class="MODAL" id="MODAL"></div> <style type="text/css"> #top{ width: 100%; height: 50px; position:fixed; z-index:99; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); margin: 0 auto;

bac ground: url(ui/maintopbar_bg.png) repeat-x #ffa500; border-bottom: 2px solid #eda41d; } </style> <div id="top"> <!-- note: the table has been converted to div for f aster loading performance --> <div style="width: 900px; height: 50px; margin: 0 auto;"> <div style="position: absolute; margin-left: 3px;"> <a href="world.php" class="ajax_lin "><img id='thelogo' src='ui/alt_ mini.png' style='border:0px; margin-top: 14px;'/></a> </div> <div style="position: absolute; margin-left: 118px; padding-top: 8px;"> <style type="text/css"> #search_form{ text-align: left; } #search{ width: 90px; } #livesearch_container{ position: absolute; margin-top: 3px; bac ground: #3d3d3d; width: 252px; border: 1px solid #333333; overflow: hidden; text-align: left; border-radius:3px; box-shadow:0px 4px 10px rgba(0,0,0,.6); z-index: 1; } #livesearch_header{ text-align: left; padding:5px; font-size: 12px; color: #ffffff; bac ground:#4c4c4c; text-shadow:0px -1px 0px blac ; font-weight:bolder; border-bottom:1px solid #333333; } #livesearch{ border-top:1px solid #4c4c4c; } .searchform_loadercontainer{ width: inherit; text-align: center; padding-top: 10px; padding-bottom: 10px;

} .graphic_loader{ } .search_livesearch_image{ width: 50px; height: 50px; } </style> <!-- search bar --> <form name="search_form" id="search_form" method="get" action="search.query.php" > <input type="text" name="search" id="search" class="search" autocomplete='of f'/> <div id="livesearch_container"> <div id="livesearch_header"> Search </div> <div id="livesearch"> </div> </div> </form> <script type='text/javascript' language='javascript'> //global variables var delayForBlur = 100; var continueAjaxSearch = true; var searchFieldDefaultValue = "Search"; var loaderGraphicsForSearch = "<div class='searchform_loadercontainer'>< img class='graphic_loader' src='ui/loaders/bouncing_ball.gif'/></div>"; //delays creation of server request until user has paused typing in the search field var delay = (function(){ var timer = 0; return function(callbac , ms){ clearTimeout (timer); timer = setTimeout(callbac , ms); }; })(); // search function to fetch data from database function searchSendRequest(str){ if(continueAjaxSearch){ $.ajax({type:"GET",url:"search.livesearch.php",data:"q=" +str, success: function(c){ $("#livesearch").html(c); }, error: function(c){ }});

} }//end of searchSendRequest /* function executeSearch( eyword){ //this function is just a substitute fo r document hash, let's see if we can remove this function later loader(); $.ajax({type:"GET",url:"search.php",data:"q="+ eyword+"&ajaxifie d", success: function(c){ $("#mainleftside").html(c); unloader(); }, error: function(c){ unloader(); }}); } */ function fireSearch(){ // value of the search field var searchValue = $.trim($(".search").val()); if(searchValue=="null" || searchValue=="" || searchValue.length < 2){ //when the user erases the input text, hide the livesear ch div $("#livesearch_container").fadeOut("fast"); } else{ // show a loading circle inside of it $("#livesearch").html(loaderGraphicsForSearch); $("#livesearch_header").html('Search for "'+$.trim($("#s earch").val())+'"'); $("#livesearch_container").fadeIn("fast"); delay(function(){ searchSendRequest(searchValue);}, 1500 ); } } //when the search form is submitted; the user has pressed enter after ty ping something on the search field $("#search_form").submit(function(){ continueAjaxSearch = false; loader(); var q = escape($(".search").val()); var t = generateTimeStamp(); //if(document.location.hash!="#search.php?q="+q) document.location.hash="#search.php?q="+q+"&t="+t; //else executeSearch(q);

$("#search").blur(); return false; }); $('.search').focus(function(){ continueAjaxSearch = true; // value of the search field var searchValue = $.trim($(this).val()); if(searchValue.length==0){ $("#livesearch").hide(); } else if(searchValue==searchFieldDefaultValue){ $(this).val('').animate({width:"216px"},300); //animate search field to ma e it wider } else{ $("#livesearch_container").fadeIn("fast"); } }).blur(function(){ continueAjaxSearch = false; var searchValue = $.trim($(this).val()); $("#livesearch_container").delay(delayForBlur).fadeOut("fast"); // if the user blurs but search field has contents, save it, don 't erase if(searchValue==''){ $(this).val(searchFieldDefaultValue); $(this).delay(delayForBlur).animate({width:"90px"},300); } }). eyup(function(){

fireSearch(); }); // initialization(s) $("#livesearch_container").hide(); $("#search").val(searchFieldDefaultValue); </script> </div> <div style="position: absolute; margin-left: 665px; padding-top: 3px;"> <style type="text/css"> /* css's from line 11 overwrite css defined by ervin for the sp ecified classes if they are CONTAINED in the notification_container */ #notification_container .notif_excerpt{

color: #666666; margin-top: 5px; margin-bottom: 5px; } #notification_container .f1{ color: #cccccc; font-size: 11px; font-family: "Lucida Grande","Droid Sans",Arial,Tahoma,S ans Serif; } #notification_container .f2{ color: #cccccc; font-size: 11px; font-family: "Lucida Grande","Droid Sans",Arial,Tahoma,S ans Serif; } #notification_container .buzz-author{ color: #ffffff; font-size: 12px; font-family: "Lucida Grande","Droid Sans",Arial,Tahoma,S ans Serif; } #notification_container .img{ width: 35px; height: 35px; border: 1px solid blac ; padding: 0px; box-shadow:none; border-radius:2px; margin-right: 3px; } #notification_container{ /* main blac container */ width: 325px; border: 1px solid #333333; bac ground-color: #3d3d3d; overflow: hidden; position: fixed; margin-left: -72px; text-align: left; border-radius:3px; box-shadow:0px 4px 10px rgba(0,0,0,.6); z-index: 1; } #notification_container .notification_mar er_container{ margin-top: 5px; margin-bottom: 5px; margin-left: 37px; } #notification_live_container{ /* container of the container of l ive notifications */ max-height: 350px; width: 325px; overflow-x:hidden;

overflow-y:auto; border-top:1px solid #4c4c4c; } #notification_header{ height: 20px; text-align: left; padding:5px; font-size: 13px; color: #ffffff; bac ground:#4c4c4c; text-shadow:0px -1px 0px blac ; font-weight:bolder; border-bottom:1px solid #333333; } #notification_scroll_buttons_container{ height: 20px; width: 95px; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 10px; text-align: center; float: left; } .notification_row{ /* per row notification */ } #notification_footer{ text-align: left; bac ground:#353535; color: #000000; text-shadow:0px -1px 0px blac ; } #notification_footer #see_all_notifs{ border-top:1px solid #444444; padding:10px; text-shadow:0px -1px 0px blac ; text-align:center; color:#ffffff; display:bloc ; text-decoration: none; } .livenotifications_loadercontainer{ width: inherit; text-align: center; padding-top: 10px; padding-bottom: 10px; } .notification_switch{ bac ground:white; border:0px solid red; width:23px; height:23px;

color:white; padding:5px; border-radius:20px; box-shadow:0px 1px 2px rgba(0,0,0,.2); } div#notification_live_container div.notification_row:nth-last-ch ild(1){ border-bottom:0px !important; } .unchec ed-notif{ border:3px solid white; box-shadow:0px 2px 1px rgba(0,0,0,.3); -moz-box-shadow:0px 2px 1px rgba(0,0,0,.3); -web it-box-shadow:0px 2px 1px rgba(0,0,0,.3); font-size:10px; bac ground:#f3d753; text-shadow:0px -1px 0px #333333; border-radius:100px; -moz-border-radius:100px; -web it-border-radius:100px; height:24px; width:24px; padding: 1px 0 0; font-weight:bolder; cursor:pointer; } /* .all-notif{ width:21px; height:14px; border:0px; bac ground:url("ui/mini-eye.png"); cursor:pointer; } */ </style> <div style="padding-top: 10px; padding-right: 10px;"> <!-- notification button --> <!--a href="notifications.php" class="ajax_lin "><input type="bu tton" class="notification_button" value="n" title="Show all notifications"/></a-> <!--a href="notifications.php" class="ajax_lin "><input type="bu tton" class='all-notif' value="" title="Show all notifications"/></a--> <input type="button" id="notification_switch" class="unchec ed-n otif top_nav_lin _item" title="Unchec ed notifications"/> <!--input type="button" id="notification_switch" class="unchec e d-notif" title="Show only unchec ed notifications" style="margin: 0px;"/--> <!--input type="button" value="5" id="notification_switch" class ="notification_switch"/--> <!-- this div contains notifications that are NOT YET attended b

y the user; ORDER BY DATE DESC --> <div id='the-notif-box' style="padding-top: 7px;"> <div id="notification_container" class='notification_container '> <div id="notification_header"> Notifications <input id="notification_c hec all" type="chec box" title='Mar all notifications as "already chec ed"'/> </div> <div id="notification_live_container" style='mar gin-right:3px;'> <div id="notification_live"></div> </div> <div id="notification_footer"> <a href="notifications.php" class="ajax _lin " id="see_all_notifs"> See all notifications </a> </div> </div> </div> </div> <script type="text/javascript"> var notification_switch = 0; //important! this indicates the sta te of the notification button; state is 1 or 0 var notification_count = 0; //this is the actual count of notifi cations to be displayed var notification_state = 0; var loaderGraphicsForLiveNotifications = "<div class='livenotifi cations_loadercontainer'><img class='graphic_loader' src='ui/loaders/bouncing_ba ll.gif'/></div>"; var live_notif_empty = "<div style='padding-top:50px; padding-bo ttom: 50px; padding-left: 15px; padding-right: 15px; text-align: center; color: #ffffff; font-size: 10px;'>No unchec ed notifications.</div>"; var live_notif_empty_req_login = "<div style='padding-top:50px; padding-bottom: 50px; padding-left: 15px; padding-right: 15px; text-align: cente r; color: #ffffff; font-size: 10px;'>Please sign in to view your notifications. <a href='login.php' style='color: #ffffff;'>Sign in</a></div>"; $("#notification_chec all").clic (function(){ $(this).attr("disabled","disabled"); $.ajax({type:"GET",url:"notifications.live.mar allread.p hp",data:"", success: function(c){ //note: max value of c from the server i s 99 if(!isNaN(c) && c==1){ $("#notification_live").html(liv e_notif_empty); notification_count = 0;

notification_state = 0; chec AllBoxState(); updateLiveNotifSwitch(); } }, error: function(c){ }}); }); function chec AllBoxState(){ var notif_count = notification_count; if(notif_count>0){ $("#notification_chec all").removeAttr("disabled "); ); }else{ abled"); } } function updateLiveNotifSwitch(){ var notif_count = notification_count; if(!isNaN(notif_count)){ if(notif_count==0) $("#notification_switch").val ('n'); else $("#notification_switch").val(notif_count); } } $("#notification_switch").clic (function(){ if(notification_swit ch==0) toggleOn(); else toggleOff(); }); //notification switch is clic ed $("#see_all_notifs").clic (function(){ toggleOff(); }); // "See all notifications" is clic ed function toggleOn(){ notification_switch = 1; chec AllBoxState(); $("#notification_container").show(); fetchLiveNotif(); //fetch unattended notifications } $("#notification_chec all").removeAttr("chec ed" $("#notification_chec all").show(); $("#notification_chec all").attr("disabled","dis $("#notification_chec all").hide();

function toggleOff(){ notification_switch = 0; $("#notification_container").hide(); } function unreadNotificationChec er(){ if(notification_switch==0){ er.php",data:"", success: function(c){ if(!isNaN(c)){ notification_count = $.t rim(c); updateLiveNotifSwitch(); } }, error: function(c){ }}); } } function fetchLiveNotif(){ if(notification_state==0){ $("#notification_live").html(loaderGraphicsForLi veNotifications); } $.ajax({type:"GET",url:"notifications.live.do.php",data: "", success: function(c){ $("#notification_live").html(c); }, error: function(c){ }}); } //initial states and initializations $("#notification_container").hide(); //hide the notification div updateLiveNotifSwitch(); unreadNotificationChec er(); //run unreadNotificationChec er() f or the first time window.setInterval(function(){ unreadNotificationChec er(); }, 1 0000); //important! start interval notification chec er </script> </div>

$.ajax({type:"GET",url:"notifications.live.chec

<div style='position: absolute; margin-left: 720px;'> <div id="container" style='margin-top: 15px;'> <div id="topnav" class="topnav" style="text-align: center; paddi ng-right: 17px;"> <ul class='main_top_nav'> <li alt='world' style="margin-right: 19px;"> <a href='world.php' class='ajax_lin top_nav_lin _it em nav_world' id='top_nav_world' title='World'></a> </li> <li alt='profile' style="margin-right: 19px;"> <a href='profile.php' class='ajax_lin top_nav_lin _ item nav_profile' id='top_nav_world' title='Profile'></a> </li> <li alt='logout' style="margin-right: 19px;"> <a href='logout.php' class='top_nav_lin _item nav_lo gout' id='top_nav_world' title='Log Out'></a> </li> </ul> </div> </div> </div> </div> </div> <div style='height:51px'></div>

<style type="text/css"> #bac ground_overlay{ bac ground: url('ui/themes/s y.png') left top; bac ground-color: #f3fffe; bac ground-repeat: repeat-x; bac ground-attachment: fixed; } body{ bac ground: #f3fffe; } </style> <div id="bac ground_overlay" style="z-index: -1; position: fixed ; height: 800px; width: 100%;"> <br/> </div> <script type='text/javascript' language='javascript'> // GLOBALS var BEELOADER_FLYTIME=0,HOVERCARD=0; var BEE={ fly:function(){ var frame=0,frames=5; $(".beeloader").css({

top:"50%", marginTop: "-21px", },"slow").show(); BEELOADER_FLYTIME = setInterval(function(){ var pos=frame*42; $(".beeloader").css({ bac groundPosition:"0px -"+pos+" px" },60); }, ill:function(){ $(".beeloader").hide(); clearInterval(BEELOADER_FLYTIME); } } var MODAL_TIMEOUT=0; var BGO = { notify : function(STR){ if(STR.length>0){ var $L = $("#top_loading"); $L.html(STR).css({ left:"50%", marginLeft: "-" + (Math.round($L .width()/2)) + "px" }).show(); } }, error:function(MSG,callbac ){ $("#MODAL").html("<div class='UI_modal_title B' style='color:red;'>ERROR</div>"+ "<div class='form-error-box'>"+MSG+"</di v>"+ "<div class='clearfix BR4 BL4 MODAL-CTRL '><ul>"+ "<li><input type='button' value='OK' id= 'general-error-close' class='UI_cancel_button' onclic ='closeModal()' /></li></d iv>" ); $("#general-error-close").focus().clic (function (){ if(callbac ) callbac (); }); }, confirm:function(MSG,settings,callbac ){ $("#mas ").show(); $("#MODAL").html("<div class='UI_modal_title B'> Choose Action</div>"+ "<div class='form-question-box'>"+MSG+"< /div>"+ "<div class='clearfix BR4 BL4 MODAL-CTRL }); frame++;frame=frame==frames?0:frame;

'><ul>"+ "<li><input type='button' value='"+setti ngs.yes+"' id='dialogue-confirm-yes' class='UI_submit_button' onclic ='closeModa l()' /></li>"+ "<li><input type='button' value='"+setti ngs.no+"' id='general-error-close' class='UI_cancel_button' onclic ='closeModal( )' /></li>"+ "</div>" ).css({ width:"400px", top: window.pageYOffset+30 + "px ", left:"50%", marginLeft:"-200px" }).show(); $("#dialogue-confirm-yes").focus(); $("#dialogue-confirm-yes").clic (function(){ closeModal(); if(callbac ) callbac (); }); }, E:function(){ $("#MODAL").html("<div class='UI_modal_title B' style='color:red;'>ERROR</div>"+ "<div class='form-error-box'>An error oc cured while attempting to complete your action.</div>"+ "<div class='clearfix BR4 BL4 MODAL-CTRL '><ul>"+ "<li><input type='button' value='OK' id= 'general-error-close' class='UI_cancel_button' onclic ='closeModal()' /></li></d iv>" ); $("#general-error-close").focus(); }, modal_o :function(m_id,msg,done){ $("#"+m_id+"-content").hide().after("<div class= 'form-success-box'>"+msg+"</div>"); $("#"+m_id+"-submit").closest("li").remove(); $("#"+m_id+"-cancel").val("OK").removeClass("inp ut-disabled").removeAttr("disabled").off("clic ").clic (function(){ clearTimeout(MODAL_TIMEOUT); if(done) done(); closeModal(); }).focus(); MODAL_TIMEOUT=setTimeout(function(){ closeModal(); if(done) done(); },2500); }, _notify:function(){ $("#top_loading").hide().html("Loading..."); }, dec : function($obj){ var current_val = parseInt($obj.html()) | parseI

nt($obj.val()); if(current_val>0){ var new_val = current_val - 1; $obj.val(new_val); $obj.html(new_val); } }, inc : function($obj){ var current_val = parseInt($obj.html()) | parseI nt($obj.val()); var new_val = current_val + 1; $obj.val(new_val); $obj.html(new_val); }, hilite : function($obj){ var r=255,g=228,b=143; setInterval(function(){ $($obj).css({bac ground:'rgb('+r+','+g+' ,'+b+')'}); if(g<=255){g++} if(b<=255){b++} },30); }, resetPostReplyForm:function(fid){ $("input,textarea",$("#reply-form-"+fid)).remove Class("input-error input-disabled").removeAttr("disabled"); $("input[type='submit']",$("#reply-form-"+fid)). val("Send Buzz"); $("#buzzComposeBoxFor"+fid).val(""); cancelBuzzz(fid); }, resetBuzzForm:function(fid){ $("input,textarea",$("#buzzform"+fid)).removeCla ss("input-error input-disabled").removeAttr("disabled"); $("input[type='submit']",$("#buzzform"+fid)).val ("Send Buzz"); $("#buzz-composer-"+fid).val(""); cancelSubBuzzz(fid); }, ajaxify : function(href){ if(AJX_REQ!==null){AJX_REQ.abort();} // ill prev ious ajax requests side'; closeModal(); if(href.length>0){ href+= href.indexOf("?") == -1 ? "?":""; //get the url var URL = href.substr(0,href.indexOf("?" )); var QSTRING = href.substr(href.indexOf(" ?")+1,href.length); var data_box = $.trim($(this).attr("data-box")); var box = data_box.length>0 ? data_box:'mainleft

if(window.history.pushState){ if(QSTRING.length==0){ href=href.replace("?","" ); } var dataObj = {state_href:href,s tate_box:box}; window.history.pushState(dataObj ,"",href); }else{ upported by the browser yet } URL == "news.php" ? removeAD() : showAD( ); // LOADING BGO.notify("Loading..."); AJX_REQ = $.ajax({type:"GET",url:URL,dat a:QSTRING+"&ajaxified=1", beforeSend:function(xhr){ // If the server did not have a response in 1 minute, t t(function(){ xhr.abort(); // alert("The se rver is ta ing too long to respond.\nRequest aborted."); $AJX_TIMEOUT = setTimeou window.location.hash=href;

// hideLoader(); BGO._notify(); window.scrollTo( },60*1000); }, success: function(data,textStatu

0,0);

s){ clearTimeout($AJX_TIMEOU T); $("#"+box).html(data); // hideLoader(); BGO._notify(); }, error: function(xhr,textStatus,e rrorThrown){ clearTimeout($AJX_TIMEOU T); if(textStatus=='error'){ if(xhr.status==4 04){ $("#"+bo x).html("<div style='padding:100px;text-align:center;'>404: "+href+"</div>"); BGO._not ify(); } } }

// we'll

//fallbac

if pushState is not s

ill the reques

}); } } } $(document).on("clic ",".ajx",function(e){ if(e.preventDefault){e.preventDefault();} var h=$(this).attr('href') + "?ajx=1"; alert(h); $.get(h,function(e){ }); }); $(document).on("clic ",".more-comment",function(e){ if(e.preventDefault){e.preventDefault();} var href=$(this).attr("href"),l=$(this); if(l.html() != "Fetching..."){ l.html("Fetching..."); if(href.length>0){ $.get(href,function(R){ l.before(R).remove(); }); } } }); /* $(document).on("mouseover",".hovcard",function(){ var $o=$(this),h=$(this).attr('href'), pos=findPos(this); $(".hovcard-box").css({ top: pos[1] - window.pageYOffset + 10 + "px", left: pos[0] - window.pageXOffset +"px" }); $.get(h+"&hovercard=1",function(R){ // alert(R); }); }); */ // ------------- PHOTO UPLOADER with PROGRESS BAR -----------------------------------// var GLOBAL_TIMER=0; $('.top_nav_lin _item').tipsy({delay:'500',gravity:'e'}); $(".top_nav_lin _item").clic (function(){ $(".main_top_nav li").removeClass('main_top_nav_selected '); $(this).parent().addClass('main_top_nav_selected'); }); function closeModal(){ $(".mas ").hide(); $(".MODAL").hide(); $("#photo-box").hide(); $("#photo_box").hide();

$("#photo-box-content").html(""); BEE. ill(); BGO._notify(); } function get_extension(filename){ var thedot=filename.lastIndexOf('.'), len=filename.length, exlen=len-thedot, exten=filename.substr(thedot,exlen).toLowerCase( ); return exten; } function convertBytes(bytes){ var bs = Math.round(bytes/1024); /* var mbs = Math.round( bs/1024); if(mbs>1){return mbs.toString()+" mb";} */ if( bs>1) return bs.toString()+" b"; else return bytes.toString()+" bytes"; } var allow_escape=true; $(document).on("clic ",".delete_image",function(e){ if(e.preventDefault){ e.preventDefault(); } var $img=$(this); BGO.confirm("Are you sure you want to delete this image? ",{yes:"Delete Image",no:"No. Keep it"},function(){ BGO.notify("Deleting..."); var id = $img.attr("alt"); $.ajax({type:"GET",url:"images.deleteimage.php", data:"image="+id, //id here is id of a user success: function(c){ $("#div_image_"+id).fadeOut("slow"); BGO._notify(); }, error: function(c){ BGO._notify(); }}); }); }); /* $(document).on("clic ",".pho",function(e){ BEE.fly(); var $lin =$(this); if(e.preventDefault){ e.preventDefault();} var imgLoc=$(this).attr("href"); $("#mas ").show(); $("<img />").attr({src:imgLoc}).css({display:"none"}).lo ad(function(){BEE. ill(); var $img=$(this); $("#photo_box").show().html($img).animate({ marginLeft: "-" + Math.round($img.width( )/2) + "px", marginTop: "-" + Math.round($img.height( )/2) + "px"

},function(){$img.show();}); }); }); */ $(document).on({ focus: function(){ allow_escape=false; // console.log(allow_escape); }, blur:function(){ allow_escape=true; // console.log(allow_escape); } },"input,select,textarea"); function cleared(f){ var FORM_ERROR=0; $('input[data-req="true"],textarea[data-req="true"][id]' ,$(f)).each(function(){ var $form_elt = $(this); if($.trim($form_elt.val()).length==0){ $form_elt.addClass("input-error"); ++FORM_ERROR; }else{ $form_elt.removeClass("input-error"); } }); // alert(FORM_ERROR); // alert($("input[data-req='true']",f).size()); // alert($("textarea[data-req='true'][id]",f).size()); if(FORM_ERROR==0){ // $('input,textarea',$(f)).addClass("input-disa bled"); $(".disab",$(f)).attr('disabled','disabled').add Class('input-disabled'); return true; }else{ return false; } } $(document).on({ mouseover: function(){ var num = $(this).attr("alt"); var parent = $(this).attr("data-parent"); var disable_private = $("#access-chooser-"+paren t+" li input").eq(0).attr("disabled"); // $("#access-chooser-"+parent).hide(); // console.log("I will add class from 1 to "+num ); if(num==1){ if(!disable_private) $("#access-chooser-"+parent+" li input") .eq(0).addClass("priv-access-1"); $("#access-chooser-"+parent+" li input") .eq(1).removeClass("priv-access-2"); $("#access-chooser-"+parent+" li input")

.eq(2).removeClass("priv-access-3"); $("#access-chooser-"+parent+" li input") .eq(3).removeClass("priv-access-4"); } if(num==2){ if(!disable_private) $("#access-chooser-"+parent+" li input") .eq(0).addClass("priv-access-1"); $("#access-chooser-"+parent+" li input") .eq(1).addClass("priv-access-2"); $("#access-chooser-"+parent+" li input") .eq(2).removeClass("priv-access-3"); $("#access-chooser-"+parent+" li input") .eq(3).removeClass("priv-access-4"); } if(num==3){ if(!disable_private) $("#access-chooser-"+parent+" li input") .eq(0).addClass("priv-access-1"); $("#access-chooser-"+parent+" li input") .eq(1).addClass("priv-access-2"); $("#access-chooser-"+parent+" li input") .eq(2).addClass("priv-access-3"); $("#access-chooser-"+parent+" li input") .eq(3).removeClass("priv-access-4"); } if(num==4){ if(!disable_private) $("#access-chooser-"+parent+" li input") .eq(0).addClass("priv-access-1"); $("#access-chooser-"+parent+" li input") .eq(1).addClass("priv-access-2"); $("#access-chooser-"+parent+" li input") .eq(2).addClass("priv-access-3"); $("#access-chooser-"+parent+" li input") .eq(3).addClass("priv-access-4"); } }, mouseout:function(){ var num = $(this).attr("alt"); var parent = $(this).attr("data-parent"); var def = $("#access-chooser-"+parent).attr("dat a-default"); var disable_private = $("#access-chooser-"+paren t+" li input").eq(0).attr("disabled"); // console.log("The default value of this access selector is "+def); if(def==1){ if(!disable_private){ $("#access-chooser-"+par ent+" li input").eq(0).addClass("priv-access-1"); } $("#access-chooser-"+parent+" li input").eq(1).removeClass("priv-access-2"); $("#access-chooser-"+parent+" li input").eq(2).removeClass("priv-access-3"); $("#access-chooser-"+parent+" li input").eq(3).removeClass("priv-access-4"); }else

if(def==2){ if(!disable_private) $("#access-chooser-"+parent+" li input").eq(0).addClass("priv-access-1"); $("#access-chooser-"+parent+" li input").eq(1).addClass("priv-access-2"); $("#access-chooser-"+parent+" li input").eq(2).removeClass("priv-access-3"); $("#access-chooser-"+parent+" li input").eq(3).removeClass("priv-access-4"); }else if(def==3){ if(!disable_private) $("#access-chooser-"+parent+" li input").eq(0).addClass("priv-access-1"); $("#access-chooser-"+parent+" li input").eq(1).addClass("priv-access-2"); $("#access-chooser-"+parent+" li input").eq(2).addClass("priv-access-3"); $("#access-chooser-"+parent+" li input").eq(3).removeClass("priv-access-4"); }else if(def==4){ if(!disable_private) $("#access-chooser-"+parent+" li input").eq(0).addClass("priv-access-1"); $("#access-chooser-"+parent+" li input").eq(1).addClass("priv-access-2"); $("#access-chooser-"+parent+" li input").eq(2).addClass("priv-access-3"); $("#access-chooser-"+parent+" li input").eq(3).addClass("priv-access-4"); } }, clic :function(){ var num = $(this).attr("alt"); var parent = $(this).attr("data-parent"); var def = $("#access-chooser-"+parent).attr("dat a-default"); var access_for = $("#access-chooser-"+parent).at tr("data-for"); $("#access-chooser-"+parent+" li input").attr("d isabled","disabled"); BGO.notify("Setting Privacy..."); $.ajax({type:"POST",url:"./ajax.php",data:"actio n=access&for="+access_for+"&val="+num, success: function(R){ switch(num){ case '1' : $("#access-te xt-"+parent).html("Private (Only Me)"); brea ; case '2' : $("#access-te xt-"+parent).html("Friends");brea ; case '3' : $("#access-te xt-"+parent).html("Friends of Friends");brea ; case '4' : $("#access-te xt-"+parent).html("Public");brea ; } $("#access-chooser-"+parent).att r("data-default",num); $("#access-chooser-"+parent+" li

input").removeAttr("disabled"); // console.log(R); BGO._notify(); } }); } },".priv-selector"); $(document).on("clic ",".photo-box",function(e){ if(e.preventDefault){ e.preventDefault(); var href = $(this).attr("href"); $("#photo-box").show(); $("#photo-box-content").load(href+"&photobox",fu nction(R){ }); } }); $(document).on("mouseover",".tipsy-s",function(){ $(this).tipsy({delay:'500',gravity:'s'}); }); var var var var var first_load=true; last_hash=''; load_to=''; loader_timer; IS_LOADING=false;

function loader(){ closeModal(); var $LOADER=$("#top_loading"); $LOADER.html("Loading..."); var w = $("#top_loading").width(); $LOADER.css("left","50%").css("margin-left",-1*(w/2)+"px ").show(); } function unloader(){ $("#top_loading").fadeOut(100); } function buzzz(buzzzID){ $("ul[alt='micro_actions']").show(); $(".buzzz").hide(); $("#buzzzfor"+buzzzID).toggle(); $("#buzzComposeBoxFor"+buzzzID).val("").focus(); $("#info"+buzzzID).hide(); $(".sub-buzz-box").hide(); } function cancelBuzzz(bID){ var c=$("#buzzComposeBoxFor"+bID).val(); if(c.length>0){ BGO.confirm("Sure you want to scrap what you are composing?",{yes:"Yes",no:"No"},function(){ $("#buzzComposeBoxFor"+bID).val(""); $("#buzzzfor"+bID).hide();

$("#info"+bID).show(); $("#buzzComposeBoxFor"+bID+"-counter").v al(500); }); }else{ $("#buzzzfor"+bID).hide(); $("#info"+bID).show();$("#buzzComposeBoxFor"+bID +"-counter").val(500); $("#buzzComposeBoxFor"+bID).removeClass("input-e rror"); } } $("#usermenu_collapser").clic (function(){ var $USERMENU=$('#mainrightside'); if($USERMENU.hasClass('not_compact')){ $USERMENU.animate({top: '-190px'},700); $('#icons_box').fadeOut(1000); $USERMENU.removeClass('not_compact').addClass('c ompact'); $('.mini_icons').fadeIn(700); $(this).addClass('usermenu_decollapser').removeC lass('usermenu_collapser'); $.ajax({type:"POST",url:"./ajax.php",data:"actio n=compact&display=1&user="}); }else{ $USERMENU.animate({top: '50px'},700); $('#icons_box').fadeIn(1000); $('.mini_icons').fadeOut(700); $USERMENU.removeClass('compact').addClass('not_c ompact'); $(this).removeClass('usermenu_decollapser').addC lass('usermenu_collapser'); $.ajax({type:"POST",url:"./ajax.php",data:"actio n=compact&display=0&user="}); } }); $('.mini_icons a').tipsy({gravity:'s'}); $('.generic_tipsy').tipsy({gravity:'s'}); //$('.tabs a').tipsy({gravity:'s'}); function showAD(){ $("#sidebar_yellowpages").fadeIn(500); } function removeAD(){ $("#sidebar_yellowpages").fadeOut(500); }

$.address.change(function(){ if(!$t){ var $t; }else{ $t.stop(); } var ha=document.location.hash; if(ha.length>0){ loader();

var qmar Pos=ha.indexOf("?"); if(qmar Pos == -1){ var f=ha.substr(1,ha.length); var q=''; }else{ var f=ha.substr(1,qmar Pos-1); var q=ha.substr(qmar Pos+1,ha.length); } f == "news.php" ? removeAD() : showAD(); $t=$.ajax({type:"GET",url:f,data:q+"&ajaxified", success: function(R){ $('#mainleftside').html(R); $('#mas ').hide(); first_load=false; $("#top_loading").hide(); window.scrollTo(0,0); }, error: function(R){ // $('#mainleftside').load("erro r.php"); $('#mainleftside').load('sorry.p hp'); $('#mas ').hide(); first_load=false; $("#top_loading").hide(); }}); }else{ if(!first_load){ history.go(); } } });

$(document).on("mousedown","body",function(e){ if($(e.target).parents("div.ctrl_box").length==0 ) { $("div.ctrl_box").hide(); } if($(e.target).parents("div.notes-ctrl-box").len gth==0) { $("div.notes-ctrl-box").hide(); } if($(e.target).parents("#suggest_results_box").l ength==0){ $("#suggest_results_box").hide(); } /* if($(e.target).parents("#the-notif-box").leng th==0){ $("#the-notif-box").hide(); } */ if($(e.target).parents("#notification_container" ).length==0){ notification_switch=0; $("#notification_container").hide(); }

}); $(document).on(" eydown","textarea.with-counter",functio n(){ //get the id of this textarea var ID = $(this).attr("id"); var text_len = $(this).val().length; var $counter = $("#"+ID+"-counter"); //the input counter var new_counter = 500-text_len; if(new_counter<=10){ $counter.val(new_counter.toString()).css ("color","red"); }else{ $counter.val(new_counter.toString()).css ("color","gray"); } }); //for the dropdown list per post and buzz //attach actions for the settings dropdown $(document).on("clic ",".security",function(){ var a=$(this).attr('alt'); var w=$('#ctrl_box'+a).width(); $("#ctrl_box"+a).show().css('margin-left','-'+(w -10)+'px').css('margin-top','4px'); }); /* //atach javascript actions $(document).on( { mouseover:function(){ $(this).parent().parent().hide() }, mouseout:function(){ $(this).parent().parent().show() ; } },".a_buzz .ctrl-box li" ); $(document).on( { mouseover:function(){ var bid=$(this).attr('alt'); $("#buzzz-opt"+bid).show(); }, mouseout:function(){ var bid=$(this).attr('alt'); $("#buzzz-opt"+bid).hide(); } },".buzzz-comment" ); */ $(document).on("clic ",".mod",function(e){

e.preventDefault(); var ha=$(this).attr("href"); $(".mas ").show(); var W = parseInt($(this).attr("data-w")); W = W>0?W:500; if(ha.length>0){ var qmar Pos=ha.indexOf("?"); if(qmar Pos == -1){ var f=ha.substr(0,ha.length); var q=''; }else{ var f=ha.substr(0,qmar Pos); var q=ha.substr(qmar Pos+1,ha.le ngth); } //get Y offset var yoff=window.pageYOffset; var yoffset=yoff+30; $(".MODAL").css({ top:yoffset+"px", width:W+"px", left:"50%", marginLeft: "-" + (Math.round(W/ 2)) + "px" }).show().html("<div style='text-transfo rm:uppercase;color:gray;font-family:arial;text-align:center;font-size:20px;paddi ng:40px;'>Loading...</div>"); ha = ha.indexOf("?")!=-1 ? ha+"&ajax=1": ha+"?&ajax=1"; $(".MODAL").load(ha,function(response, s tatus, xhr){ if(status=='error'){ if(xhr.status==404){ $(".MODAL").html ("<div class='C' style='padding:50px;color:red;'><strong>404:</strong> "+ha.toSt ring()+"</div>"); }else{ $(".MODAL").html ("<div style='padding:50px;color:red;'>Something went wrong.</div>"); } } }); } });

$(document).on("clic ",'.modal_lin ',function(e){ timer=20; //for connection timeout purposes. e.preventDefault(); var ha=$(this).attr("href"); //is our mas visible already? var mas _state=$(".mas ").css('display'); $('.mas ').show(); if(mas _state=='none'){ $('#bee_loader').show(); } if(ha.length>0){

var qmar Pos=ha.indexOf("?"); if(qmar Pos == -1){ var f=ha.substr(0,ha.length); var q=''; }else{ var f=ha.substr(0,qmar Pos); var q=ha.substr(qmar Pos+1,ha.le ngth); } // q.length>0 ? document.location.hash=f +"&"+q : document.location.hash=f; $.ajax({type:"POST",url:f,data:q+"&ajax= 1", success: function(R){ var yoff=window.pageYOff set; var yoffset=yoff+30; $('#bee_loader').hide(); $('#modal_box').html(R). show(); $(".UI_modal").css("top" ,yoffset+"px"); }, error: function(){ var yoff=window.pageYOff set; var yoffset=yoff+30; $('#modal_box').load("mo dal_error.php",function(){ $(this).show(); $(".UI_modal").c ss("top",yoffset+"px"); }); $('#bee_loader').hide(); M.title('modal_error',"E rror on "+f); } }); } });

$(document).on("clic ","a.ajax_lin ",function(e){ if(AJX_REQ!==null){AJX_REQ.abort();} // ill previous ajax requests if(e.preventDefault){e.preventDefault();} var href = $.trim($(this).attr("href")); var data_box = $.trim($(this).attr("data-box")); var box = data_box.length>0 ? data_box:'mainleftside'; closeModal(); if(href.length>0){ href+= href.indexOf("?") == -1 ? "?":""; //get the url var URL = href.substr(0,href.indexOf("?"));

// AJAX Loading with HTML5 History API support and hashingmethod fallbac var AJX_REQ = null; var $AJX_TIMEOUT=null;

var QSTRING = href.substr(href.indexOf("?")+1,href.length); URL == "news.php" ? removeAD() : showAD(); if(window.history.pushState){ if(QSTRING.length==0){ href=href.replace("?",""); } var dataObj = {state_href:href,state_box:box}; window.history.pushState(dataObj,"",href); // LOADING BGO.notify("Loading..."); AJX_REQ = $.ajax({type:"GET",url:URL,data:QSTRING+"&ajax ified=1", beforeSend:function(xhr){ // If the server did not have a response in 1 minute, // we'll ill the request $AJX_TIMEOUT = setTimeout(function(){ xhr.abort(); // alert("The server is ta ing t oo long to respond.\nRequest aborted."); (0,600); },60*1000); }, success: function(data,textStatus){ clearTimeout($AJX_TIMEOUT); $("#"+box).html(data); // hideLoader(); BGO._notify(); $("body").scrollTo(0,600); }, error: function(xhr,textStatus,errorThrown){ clearTimeout($AJX_TIMEOUT); if(textStatus=='error'){ if(xhr.status==404){ $("#"+box).html("<div st yle='padding:100px;text-align:center;'>404: "+href+" was not found.</div>"); BGO._notify(); } } } }); }else{ yet } } }); /* $(document).on("clic ","a.ajax_lin ",function(e){ var timer=20; //for connection timeout purposes. e.preventDefault(); window.location.hash=href; // hideLoader(); BGO._notify();$("body").scrollTo

//fallbac

if pushState is not supported by the browser

ha=$(this).attr("href"); //$('.mas ').show(); $("div.UI_modal").hide(); $("#modal_box").hide(); // console.log("comparing previous and current h ashes: "+last_hash +" == "+ha); if(last_hash==ha){ if(last_hash.length>0){ loader(); var qmar Pos=last_hash.indexOf(" ?"); good. I will reload the page"); t_hash); // console.log("Current hash: "+ clone_hash); if(qmar Pos==-1){ var f=last_hash; var q=''; }else{ var f=last_hash.substr(0 ,qmar Pos); mar Pos+1,last_hash.length); f); // console.log("query string: "+ q); f == "news.php" ? removeAD() : s howAD(); $.ajax({type:"GET",url:f,data:q+ "&ajaxified", success: function(R){ $('#mainleftside').html( R); $('#mas ').hide(); first_load=false; $("#top_loading").hide() ; window.scrollTo(0,0); }, error: function(R){ // $('#mainleftside').lo ad("error.php"); $('#mainleftside').load( 'sorry.php'); $('#mas ').hide(); first_load=false; $("#top_loading").hide() ; }}); } }else{ document.location.hash='#'+ha; // console.log("o , your hash is // console.log("Last hash: "+las

var q=last_hash.substr(q } // console.log("request page: "+

last_hash=ha; } }); */ function SubBuzzSent(bParentID,bID){ $("#buzz-loader-"+bParentID).hide(); buzzzSent(bParentID,bID); $("#post_form"+bParentID).hide(); $("#buzz-composer-"+bParentID).val(''); $("#typed-counter-"+bParentID).html('500'); } function buzzzSent(bParentID,bID){ $("#buzzComposeBoxFor"+bParentID).val(''); $("#buzztextcounterfor"+bParentID).html('500').css("colo r","gray"); $("#buzzzfor"+bParentID).hide(); // $("#new_buzzzfor"+bParentID).html("That reply should appear here. Wor ing on this. ;)"); $.ajax({type:"POST",url: "./ajax.php",data: "action=GET_ buzzrow&buzzparentid="+bParentID+"&bid="+bID, success: function(R){ $("ul[alt='micro_actions']").show(); $("#new_buzzzfor"+bParentID).append(R); $("#mas forbuzzz"+bParentID).hide(); } }); } function dobuzzz(bID,sender){ if($.trim($("#buzzComposeBoxFor"+bID).val()).length>0){ $(sender).attr("disabled","disabled").addClass(" input-disabled").val("Sending..."); } var mas _h=$("#buzzzfor"+bID).height(); var mas _w=$("#buzzzfor"+bID).width(); var c=$.trim($("#buzzComposeBoxFor"+bID).val()); if(c.length>0){ // $("#mas forbuzzz"+bID).css("width",mas _w+"px ").css("height",mas _h+"px").show(); }else{ $("#buzzComposeBoxFor"+bID).focus(); } } $(".buzz-compose-box"). eydown(function(){ var bID=$(this).attr("alt"); var len = 500 - $(this).val().length; if(len>10){ $("#buzztextcounterfor"+bID).html(len).css("colo r","gray"); }else{ $("#buzztextcounterfor"+bID).html(len).css("colo r","red"); } }); function findPos(obj) {

var curleft = curtop = 0; if (obj.offsetParent) { do { curleft += obj.offsetLeft; curtop += obj.offsetTop; } while (obj = obj.offsetParent); return [curleft,curtop]; } } //load more posts of friend activities function more(lastPostID){ $("#more_button_"+lastPostID).html("Loading...").attr("d isabled","disabled"); $.ajax({type:"POST",url:"./friends_activities_more.php", data:"lastid="+lastPostID, success:function(R){ $("#activities_box").append(R); $("#more_button_"+lastPostID).remove(); }, error:function(){ } }); }

function buzzzOpt(bid,thyself){ $("#option"+bid).remove(); $(".buzzz-option").remove(); if(thyself){ //option for the buzzz authored by the current l ogged in user var opt="<div class='buzzz-option' id='option"+b id+"' style='z-index:50;position:absolute;bac ground:url(ui/mas .png);color:whit e;text-align:center;'>"+ "<input onclic ='$(\"#option"+bid+"\").h ide()' value='' type='button' class='UI_x_button' style='position:absolute;right :1px;margin-top:1px' title='Cancel, close this option' />"+ "<input type='button' value='Delete (Und er Construction)' style='padding:3px;border:0px;bac ground:#cccccc;' />"; }else{ //option for the buzzz authored by other user var opt="<div class='buzzz-option' id='option"+b id+"' style='z-index:50;position:absolute;bac ground:url(ui/mas .png);color:whit e;text-align:center;'>"+ "<input onclic ='$(\"#option"+bid+"\").h ide()' value='' type='button' class='UI_x_button' style='position:absolute;right :1px;margin-top:1px' title='Cancel, close this option' />"+ "<input type='button' value='Report Abus e (Under Construction)' style='padding:3px;border:0px;bac ground:#cccccc;' />"; } var bH = $("#buzzzItem"+bid).height(); var bW = $("#buzzzItem"+bid).width(); $("#buzz"+bid).prepend(opt); $("#option"+bid).css("width",bW+"px").css("height",bH+"p

x"); } function doSubBuzz(pid,sender){ if($.trim($("#buzz-composer-"+pid).val()).length>0){ $(sender).attr("disabled","disabled").addClass(" input-disabled").val("Sending..."); } // var w=$("#post_form"+pid).width(); // var h=$("#post_form"+pid).height(); // $("#buzz-loader-"+pid).css("width",(w+20)+"px").css(" height",(h+20)+"px").show(); //because we had margin:-10px for this div } function subBuzz(reply_to,parentID,p){ $(".buzzz").hide(); $("#post_form"+parentID).val(''); $("ul[alt='micro_actions']").show(); $("#reply_to"+parentID).val(reply_to); $("#buzz-content"+p).after($("#post_form"+parentID)); $("#post_form"+parentID).show(); $("#buzz-composer-"+parentID).focus(); $("#actionfor"+p).hide(); $("#reply_to_postID"+parentID).val(p); $("#replied_buzz_auth"+parentID).val(reply_to); } function cancelSubBuzzz(pid){ var t=$("#buzz-composer-"+pid).val(); if(t.length>0){ BGO.confirm("Sure you want to scrap what you've written?",{yes:"Yes",no:"No"},function(){ $("#buzz-composer-"+pid).val(""); $("#post_form"+pid).hide(); $("ul[alt='micro_actions']").show(); $("#buzz-composer-"+pid+"-counter").val( 500); }); }else{ $("#buzz-composer-"+pid).val(""); $("#post_form"+pid).hide(); $("ul[alt='micro_actions']").show(); $("#buzz-composer-"+pid+"-counter").val(500); } } function disableForm(formID){ var $form = $("#"+formID); alert($form); $form.children("input").attr("disabled","disabled").addC lass("input-disabled"); } /* for posting for the profile, for others' profile and the activit ies page. this function receives a JSON object that has the id of the newl y posted

post, the location where it will be prepended among others. */ function posted(r){ //r is a JSON object if(r.success==1){ $.ajax({type:"POST",url:"./ajax.php",data:"actio n=GET_post&postid="+r.post_id, success:function(R){ $("#post-to-profile").val('').an imate({height:'20px'}); $("#post-to-profile").removeClas s("input-disabled"); $("#post-to-other-submit").remov eClass("input-disabled").removeAttr("disabled"); $("#post-to-other-cancel").remov eClass("input-disabled").removeAttr("disabled"); $("#"+r.prependto).prepend(R); $("#the-buzz-"+r.post_id).fadeTo (0,0).fadeTo(700,1); $("#elt-preview-self,#elt-previe w-other").hide().html("Loading..."); VID_LINK_EXTRACTED=0; } }); }else{ alert("There was an error creating your post"); } } function removeYTprev(ytid){ $("#elt-preview").hide().html("Loading..."); $(".yt-embed-meta").val(""); } function playVID(vid,postID,videoService){ $("#yt-vid-preview-"+vid+"-"+postID).css("bac ground","b lac url()"); // alert(videoService); if(videoService=="youtube"){ var embed='<iframe width="399" height="220" src= "http://www.youtube.com/embed/'+vid+'?autoplay=1" frameborder="0" allowfullscree n></iframe>'; }else if(videoService=="vimeo"){ var embed='<iframe src="http://player.vimeo.com/ video/'+vid+'?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1"'+ 'width="400" height="220" style= "visibility:visible;display:bloc ;" frameborder="0" web itAllowFullScreen mozall owfullscreen allowFullScreen></iframe>'; } $("#vid-"+vid+"-"+postID).css("bac ground","blac url()" ).html(embed); } function playYTvid(ytid,pid){ var embed='<object width="399" height="220" data="http:/ /www.youtube.com/v/'+ytid+'?autoplay=1" type="application/x-shoc wave-flash">'+ '<param name="src" value="http://www.youtube.com /v/'+ytid+'?autoplay=1" /></object>'; $("#vid-"+ytid+"-"+pid).html(embed);

} function noVIDpreview(vid,fr,realm){ $("#elt-preview-"+realm).hide().html(""); $(".embed-vid").val(""); } var VID_LINK_EXTRACTED=0; $(document).on(" eyup",".profile_poster",function(e){ //for whom? var realm = $(this).attr("data-realm"); // 86 - v var t = $.trim($(this).val()); if(t.match(/youtube.com\/watch\?[^\s]*v=[0-9a-zA-Z-]+/) && VID_LINK_EXTRACTED==0){ // alert("matched!"); //get the youtube id. var yt_id = t.match(/[\\?\\&]v=([^\\?\\&]+)/)[1] ; if(yt_id.length>0){ $("#elt-preview-"+realm).show(); VID_LINK_EXTRACTED=1; $.get("get.php?do=embedVID&realm="+realm +"&from=youtube&vid="+yt_id,function(R){ $("#elt-preview-"+realm).html(R) ; }); } }else if(t.match(/vimeo.com\/[0-9]+/) && VID_LINK_EXTRACTED==0 ){ // Extract the vimeo video id var vid_id = t.match(/vimeo.com\/([0-9]+)/)[1]; if(vid_id.length>0){ VID_LINK_EXTRACTED=1; $("#elt-preview-"+realm).show(); $.get("get.php?do=embedVID&realm="+realm +"&from=vimeo&vid="+vid_id,function(R){ if(R=="404"){ $("#elt-preview-"+realm) .html("Video not found."); }else{ $("#elt-preview-"+realm) .html(R); } }); } } });

/* This function clears/resets the post to profile, self, a ctivities form */ function canceltherPost(sender){ var $msgbox = $('#post-to-profile');

if($msgbox.val().length>0){ BGO.confirm("Scrap what you have been composing? ",{yes:"Yes",no:"No"},function(){ $msgbox.val('').animate({ height:"20px" }).removeClass("input-error"); }); }else{ $msgbox.animate({ height:"20px" }).removeClass("input-error"); } $(sender).blur(); $(".text-counter").val(500); VID_LINK_EXTRACTED=0; $("#elt-preview-self,#elt-preview-other").hide().html("L oading..."); } /* do not allow enter so there are no line brea s */ $(document).on(" eydown",".disable-enter",function(e){ if(e. eyCode==13){ //the ENTER ey return false; } }); var access_level_hide; $(document).on({ mouseover:function(){ clearTimeout(access_level_hide); access_level_hide=setTimeout(function(){ $(".access-level-box").show(); },200); }, mouseout:function(){ access_level_hide=setTimeout(function(){ $(".access-level-box").hide(); },300); } },".access"); function buildSummaryBox(url){ //get the page var p = url.substr(0,url.indexOf('?')); var qs = url.substr(url.indexOf('?') + 1,url.length); var sb = "<div class='HID summary-box' "+ "style='position:absolute;bac gr ound:white;border:0px solid #cccccc;z-index:10000;"+ "-moz-box-shadow:0px 1px 5px rgb a(0,0,0,.3);"+ "box-shadow:0px 1px 5px rgba(0,0 ,0,.3)'>"+ "<div style='padding:0px;height: 141px;width:320px;' id='summary-box-content'><div style='text-align:center;paddi

ng:50px;'>Loading...</div></div>"+ "</div>"; $.ajax({type:"POST",url:p,data:q s, success:function(R){ $("#summary-boxcontent").html(R); } }); return sb; } $(".with-note").focus(function(){ var t=$(this).attr("title"),i_=this,$i=$(this); var pos=findPos(i_); $i.before("<div style='border:0px dotted red;z-index:10000;margin-top:-3 0px;position:fixed;' class='the-note'>"+ "<div style='padding:7px;color:gray;max-width:300px;box-shadow:0 px 2px 5px rgba(0,0,0,.2);bac ground:white;border:1px solid gray'>"+t+"</div>"+ "<div style='position:absolute;width:19px;height:12px;bac ground :url(ui/south-arrow.png);margin-top:-1px;margin-left:10px;'></dv></div>").attr(" original-title",t).attr("title",""); }).blur(function(){ var t=$(this).attr("original-title"); $(this).attr("title",t); $(".the-note").remove(); }); /* var summary_box; $("a.ajax_lin [data-summary]").live("mouseover",function(){ $(".summary-box").remove(); clearTimeout(summary_box); $(this).before(buildSummaryBox($(this).attr("dat a-summary"))); $sb = $(".summary-box"); var marg_top = $sb.height() * -1; $sb.css("margin-top",marg_top+"px"); setTimeout(function(){ $sb.show(); $sb.mouseenter(function(){ clearTimeout(summary_box); $sb.show(); }).mouseleave(function(){ $sb.remove(); }); },1000); }).live("mouseout",function(){ summary_box=setTimeout(function(){ $(".summary-box").remove(); },50); }); */ //new version of the up button -- general case $(document).on("clic ",".upable",function(){ $upable = $(this);

var alt = $(this).attr("alt"); var status = alt.split(":")[0]; var postID = alt.split(":")[1]; if(status=='1'){ //we will un-UP this UP button // alert("We will down!!"); decVal('up-count-'+postID); $(this).addClass("up").removeClass("up-active"). attr({ title:"Clic to UP this post", disabled:"disabled" }); $.ajax({type:"POST",url:"./ajax.php",data:"actio n=oneupoff&postid="+postID, success: function(R){ //R is the number of oneups for this post $("#up-"+postID).attr("alt","0:" +postID.toString()).removeAttr("disabled"); }, error : function(){ BGO.error("Cannot UP that item r ight now."); incVal('up-count-'+postID); $upable.addClass("up").removeCla ss("up-active").attr("title","Clic to remove UP for this post"); } }); }else{ //We will UP this post // alert("We will up!!"); incVal('up-count-'+postID); $(this).addClass("up-active").removeClass("up"). attr({ , disabled:"disabled" }); $.ajax({type:"POST",url:"./ajax.php",data:"actio n=oneup&postid="+postID, success: function(R){ //R is the number of oneups for this post $("#up-"+postID).attr("alt","1:" +postID.toString()).removeAttr("disabled"); }, error : function(){ BGO.error("Cannot UP that item r ight now."); decVal('up-count-'+postID); $upable.addClass("up").removeCla ss("up-active").attr("title","Clic to remove UP for this post"); } }); } }); //set the value for the privacy, general case function setPriv(prefix,text,val){ $("#"+prefix+"_privacy").val(val); $("#"+prefix+"_label").html(text);

title:"Clic

to remove UP for this post"

} //access for every post $(document).on({ mouseover:function(){ clearTimeout(access_level_hide); $(this).parent().parent().show(); }, mouseout:function(){ access_level_hide=setTimeout(function(){ $(".access-level-box").hide(); },300); }, clic :function(){ var access=$(this).attr("alt"); $("#access-level").val(access); $(".access-level-box").hide(); $("#padloc ").removeClass().addClass("access").a ddClass("access-padloc ").addClass("access"+access); $("#access-text").html($(this).attr("title")); } },"ol.list li"); $(document).on("clic ",".plus-dd",function(){ $(this).siblings("div").show(); }); function OKForm(form){ var ERROR=0; $("input[data-req='true'],textarea[data-req='true'],sele ct[data-req='true']",form).each(function(){ if($.trim($(this).val()).length>0){ if($.trim($(this).val()).length>0){ $(this).removeClass("input-error "); }else{ $(this).addClass("input-error"); ++ERROR; } } }); if(ERROR>0){ alert("Form incomplete"); } } var note_timeout=0; function showNote(note){ var $note = $("#show-note"); clearTimeout(note_timeout); $("#show-note").html(note); var w = $note.width(); $note.css({ marginLeft: (-1 * Math.round(w/2)).toString() + "px" }).show(); note_timeout=setTimeout(function(){

$note.hide(); },2000); } //general case form submission $(document).on("submit",".submitable",function(){ $(".form-error-box,.form-success-box").hide(); var n = $(this).attr("name"); var id = $(this).attr("id"); var form = $(this); var ERROR = 0; $("input[data-req='true'],textarea[data-req='true'],sele ct[data-req='true']",form).each(function(){ if($.trim($(this).val()).length>0){ $(this).removeClass("input-error"); }else{ $(this).addClass("input-error"); ++ERROR; } }); if(ERROR===0){ // alert("Submitting form!"); document.getElementById(id).submit(); $("input[data-dis='true']").attr("disabled","dis abled"); $("textarea,input,select",form).addClass("inputdisabled"); }else{ // alert("some error!"); return false; } }); //submit the form function postToOther(button){ $(button).attr("disabled","disabled").addClass("input-di sabled"); } $(document). eyup(function(e){ if(e. eyCode==27){ if(allow_escape===true){ closeModal(); } } }); $(document).on("focus",".with-resize",function(){ $(this).autoResize(); }); //setup notification counter var notif_counter = function(){ $.ajax({type:"POST",url:"notif.counter.php",data:"", success:function(JSON){ var d = $.parseJSON(JSON),i; for(i=0;i<d.length;i++){ var for_id = d[i][0];

var val = parseInt(d[i][1]); val > 0 ? $("#"+for_id).html(val ).show() : $("#"+for_id).hide(); } } }); }; function more_post(fr,offset,obj,instance){ $(obj).val('Fetching more posts...').attr('disabled','di sabled'); $.ajax({type:"POST",url:"./profile_post_more.php",data:" offset="+offset+"&for="+fr, success:function(R){ $("#"+instance).remove(); $("#profile_stream").append(R); }, error:function(){ $('#more-posts-'+lastPostID).html('<span style="color:red;">Failed to load more posts.</span>').removeAttr("disabled"); err=setTimeout(function(){ $('#more-posts-'+lastPostID).htm l("Load more posts"); },3000); } }); } //get the UTC offset of this computer's machine and store it as a cooc ie.

// notif_counter(); // window.setInterval(function(){ // notif_counter(); // },60*1000); //1 minute window.onpopstate=function(s){ if(s.state==null){ // history.go(); }else{ var href = s.state.state_href; var box = s.state.state_box; href = href.indexOf("?") == -1 ? href+"?&ajaxifi ed=1" : href+"&ajaxified=1"; BGO.notify("Loading..."); $("#"+box).load(href,function(response,status,xh r){ if(status=='error'){ if(xhr.status==404){ $("#"+box).html("Page no t found!"); BGO._notify(); } }else{

var locdate = new Date(); var tz_offset = ( locdate.getTimezoneOffset()/60 ) * (-1); locdate.setDate(locdate.getDate() + 360); var expires=locdate.toUTCString(); document.coo ie='tz='+tz_offset;'expires='+expires;

BGO._notify(); } }); } } </script> <!--div id="main" style="z-index:60; width: 900px; margin-left: auto; margin-r ight: auto;"--> <table cellpadding='0' cellspacing='0' style="z-index:60;width: 900px; v ertical-align: top; bac ground-color: transparent; margin: 0 auto;"> <tr> <td style="width: 700px;" class='BR8 BL8'> <div id="mainleftside" class='BR 8 BL8' style='bac ground-color: #ffffff;'> <script type='text/javascript'> //set our document title document.title='World'; $("a[alt='']").addClass('selected_tab'); </script> </div> <!-- end of mainleftside --> </td> <td style="vertical-align: top; border-left:0px solid #99999 9;"> <style type="text/css"> #mainrightside{ -moz-box-shadow:0px 0px 2px rgba(255,255,255,1) inset; border:1px solid #999999; height: 290px; width: 174px; padding: 5px; position: fixed; z-index: 10; margin-left: 1px; bac ground: url('ui/usermenu_translucent.png'); } .slideupdowncontainer{ height: 270px; display: bloc ; visibility: visible; } #icons_box{ width: 1000px; margin-left: auto; margin-right: auto; padding-left:0px; padding-top: 7px; }

.compact{ top: -220px; /* note: update this to ui.css */ } #button_container{ margin: 0 auto; } #button_container td{ padding-left: 6px; padding-right: 6px; } .circle-pager{ border:0px;width:10px;height:10px;bac ground:url("ui/circle-pager.pn g") 0px 0px;padding:0px;margin:0px;cursor:pointer; cursor:pointer; } .selected-circle-pager{ bac ground-position:0px -10px !important; } </style> <div class='BL8 BR8 not_compact' id="mainrightside"> <!-- container --> <div class="slideupdowncontainer" id="dhtmlgoodies_a1"> <!-- <div style="top: 0px; " class="slideupdowncontainer_content" id ="dhtmlgoodies_ac1"> --> <div style="width: inherit; height: 255px; overflow: hidden;"> <div id='icons_box'> <!-- Note to Kervin: Please see javascripts at the botto m first before editing css-related stuffs --> <style type="text/css"> .usermenu_page{ /* each .usermenu_page contains 3 x 3 .usermenu_item's * / width: 174px; float: left; } .usermenu_item{ /* .usermenu_item serves as a container for .usermenu_ic on and .usermenu_caption */ width: 58px; margin-bottom: 13px; float: left; } .usermenu_icon{ width: 100%; text-align: center; } .usermenu_caption{ width: 100%; text-align: center; margin-top: 4px; color: #000000; /*text-shadow: 1px 1px 1px #ffffff;*/ }

.notif_counter { bac ground: none repeat scroll 0% 0% red; border-radius: 50px 50px 50px 50px; border: 2px solid white; box-shadow: 0px 1px 2px #333333; color: white; font-size: 11px; height: 13px; margin-top: -5px; padding: 1px; position: absolute; text-align: center; vertical-align: middle; width: 13px; text-shadow:0px -1px 0px rgba(0,0,0,.1); } a.notif_counter:hover{text-decoration:none;color:white;} </style>

<div class="usermenu_page" id="page1" alt="0"> <div class="usermenu_item"> <a id='notif_counter_today' href="calendar.php?date=2012-05-10" clas s="HID ajax_lin notif_counter no-u"></a> <div class="usermenu_icon"> <a class='ajax_lin ' href="calendar.php"><img src="ui/usermenu_i cons/calendar.png" id='usermenu_cal' class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Calendar</span> </div> </div> <div class="usermenu_item"> <a id='notif_counter_inbox' href="messages.php?filter=unread" class= "HID ajax_lin notif_counter no-u"></a> <div class="usermenu_icon"> <a class='ajax_lin ' href="messages.php"><img src="ui/usermenu_i cons/messages.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Messages</span> </div> </div> <div class="usermenu_item"> <div class="usermenu_icon"> <a class='ajax_lin ' href="notes.php"><img src="ui/usermenu_icon s/notes.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Notes</span> </div> </div>

<div class="usermenu_item"> <div class="usermenu_icon"> <a class='ajax_lin ' href="images.php"><img src="ui/usermenu_ico ns/images.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Images</span> </div> </div> <div class="usermenu_item"> <div class="usermenu_icon"> <a class='ajax_lin ' href="friends.php"><img src="ui/usermenu_ic ons/friends.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Friends</span> </div> </div> <div class="usermenu_item"> <div class="usermenu_icon"> <!--a href="chat.php" id="chat_switch" class="ajax_lin "><img sr c="ui/usermenu_icons/chat.png" class="menu_icon"/></a--> <a href="chat.php" class="ajax_lin "><img src="ui/usermenu_icons /chat.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Chat</span> </div> </div> <div class="usermenu_item"> <div class="usermenu_icon"> <a class='ajax_lin ' href="hives.php"><img src="ui/usermenu_icon s/hives.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Hives</span> </div> </div> <div class="usermenu_item"> <div class="usermenu_icon"> <a class='ajax_lin ' href="beats.php"><img src="ui/usermenu_icon s/beats.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Beats</span> </div> </div> <div class="usermenu_item"> <div class="usermenu_icon"> <a class='ajax_lin ' href="mubee.php"><img src="ui/usermenu_icon

s/mubee.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Mubee</span> </div> </div> </div> <div class="usermenu_page" id="page2" alt="1"> <div class="usermenu_item"> <div class="usermenu_icon"> <a class='ajax_lin ' href="news.php"><img src="ui/usermenu_icons /news.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>News</span> </div> </div> <div class="usermenu_item" title="Clic me to search for Yellow Pages an d items on sale here on Beenggo!"> <div class="usermenu_icon"> <a href="find.php"><img src="ui/usermenu_icons/find.png" class=" menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Find</span> </div> </div> <div class="usermenu_item"> <div class="usermenu_icon"> <a class='ajax_lin ' href="trademe.php"><img src="ui/usermenu_ic ons/trade.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Trade Me</span> </div> </div> <div class="usermenu_item"> <div class="usermenu_icon"> <a class='ajax_lin ' href="yellowpages.php"><img src="ui/userme nu_icons/yellowpages.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Yellow Pages</span> </div> </div> </div> <div class="usermenu_page" id="page3" alt="2">

<div class="usermenu_item"> <div class="usermenu_icon"> <a class='ajax_lin ' href="settings.php"><img src="ui/usermenu_ icons/settings.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Settings</span> </div> </div> <div class="usermenu_item"> <div class="usermenu_icon"> <a href="help.php" onclic ="loader();"><img src="ui/usermenu_ico ns/help.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Help</span> </div> </div> <div class="usermenu_item"> <div class="usermenu_icon"> <a class='ajax_lin ' href="updates.php"><img src="ui/usermenu_ic ons/updates.png" class="menu_icon"/></a> </div> <div class="usermenu_caption"> <span class='icon_label'>Updates</span> </div> </div> </div> <script type="text/javascript"> //move the contents of this function to the actual listener of $(".ajax_ lin ") /* var url = document.location.href; if(url contains news.php){ $("#sidebar_yellowpages").fadeOut(); } else{ if(sidebar_yellowpages is hidden) $("#sidebar_yellowpages").fade In(); } */ }); </script> </div> </div>

$(".ajax_lin ").clic (function(){

<!--</div> --> <div id="usermenu_pager" style="margin: 0 auto; width: 174px; text-a lign: center;"> <table id="button_container"> <tr> <td> <input type='button' value='' class='circle-pager se lected-circle-pager' alt='0'/> </td> <td> <input type='button' value='' class='circle-pager' a lt='1'/> </td> <td> <input type='button' value='' class='circle-pager' a lt='2'/> </td> </tr> </table> </div> <script type="text/javascript"> function turnPage(pageNum){ if(!isNaN(pageNum)){ var newOffset = pageNum*174; //page number x constant wi dth 174px $("#icons_box").animate({ marginRight:newOffset+'px', ma rginLeft: (-newOffset)+'px'},300); } return false; } </script> </div> <table border=0 style='height: 20px; width: inherit;'> <tr> <td> <ul class='mini_icons' style='display:none;'> <li><a class='ajax_lin ' title='Calendar' href="calendar.php" style='wid th:16px;height:13px;bac ground:url("ui/miniyellow.png");display:bloc ;'></a></li > <li><a class='ajax_lin ' title='Messages' href="messages.php" style='wid th:16px;height:13px;bac ground:url("ui/miniyellow.png") 0px -13px;display:bloc ; '></a></li> <li><a class='ajax_lin ' title='Notes' href="notes.php" style='width:16p x;height:13px;bac ground:url("ui/miniyellow.png") 0px -78px;display:bloc ;'></a> </li> <li><a class='ajax_lin ' title='Images' href="images.php" style='width:1

6px;height:13px;bac ground:url("ui/miniyellow.png") 0px -26px;display:bloc ;'></ a></li> <li><a class='ajax_lin ' title='Friends' href="friends.php" style='width :16px;height:13px;bac ground:url("ui/miniyellow.png") 0px -52px;display:bloc ;'> </a></li> <li><a class='ajax_lin ' title='News' href="news.php" style='width:16px; height:13px;bac ground:url("ui/miniyellow.png") 0px -78px;display:bloc ;'></a></ li> <li><a class='ajax_lin ' title='Yellow Pages' href="yellowpages.php" sty le='width:16px;height:13px;bac ground:url("ui/miniyellow.png") 0px -78px;display :bloc ;'></a></li> </ul> <td> <input type='button' class='usermenu_collapser' id='usermen u_collapser' style='float:right' /> </td> </tr> </table> </div> <script type='text/javascript'> $("#usermenu_collapser").clic (function(){ var $USERMENU=$('#mainrightside'); if($USERMENU.hasClass('not_compact')){ $USERMENU.animate({top: '-220px'},700); $('#icons_box').fadeOut(1000); $('#button_container').fadeOut(1000); $USERMENU.removeClass('not_compact').addClass('compact'); $('.mini_icons').fadeIn(700); $(this).addClass('usermenu_decollapser').removeClass('usermenu_c ollapser'); $.ajax({type:"POST",url:"./ajax.php",data:"action=compact&displa y=1&user=460"}); }else{ $USERMENU.animate({top: '50px'},700); $('#icons_box').fadeIn(1000); $('#button_container').fadeIn(1000); $('.mini_icons').fadeOut(700); $USERMENU.removeClass('compact').addClass('not_compact'); $(this).removeClass('usermenu_decollapser').addClass('usermenu_c ollapser'); $.ajax({type:"POST",url:"./ajax.php",data:"action=compact&displa y=0&user=460"}); } }); $(".circle-pager").clic (function(){ var page = $(this).attr('alt'); $(".circle-pager").removeClass("selected-circle-pager"); $(this).addClass("selected-circle-pager"); turnPage(page); }); </td>

</script> </td> </tr> <tr><td> </td></tr> </table> <!--/div--><!-- end of main --> <!-- this is the area for sidebar notifications --> <div id="sidebar_notifications" style="position: fixed; z-index: 99; width: 200p x; bottom: 0%; right: 0%; margin-bottom: 15px; margin-right: 15px; overflow: hid den;"></div> <div id='main_bottomdiv' style='text-shadow:0px 1px 0px white; width: 900px; margin-left: auto; margin-right: auto; margin-botto m: 10px; padding-top:10px;'> <style type="text/css"> #main_bottomdiv a{ text-decoration: none; } </style> <a <a <a <a <a href="aboutus.php">About Us</a> &middot; href="contactus.php">Contact Us</a> &middot; href="find.php">Find</a> &middot; href="believe.php">Believe</a> &middot; href="help.php">Help</a> &middot;

<a href="termsandconditions.php">Terms and Conditions</a> &middot; <a href="index.php">Beenggo! &copy; 2010-2012</a> </div> <script type='text/javascript' language='javascript'> if(window.history.pushState){ BGO.notify("Loading..."); $("#mainleftside").load("world.php?&ajaxified=1" ,function(R){ BGO._notify();$("body").scrollTo(0,600); }); }else{ document.title=""; var box="mainleftside"; var href=document.location.hash; if(href.length>0){ href+= href.indexOf("?") == -1 ? "?":""; href=href.substr(1,href.length); var URL = href.substr(0,href.indexOf("?" )); var QSTRING = href.substr(href.indexOf(" ?")+1,href.length); }else{ var URL = "world.php"; var QSTRING=""; }

BGO.notify("Loading..."); AJX_REQ = $.ajax({type:"GET",url:URL,data:QSTRIN G+"&ajaxified=1", beforeSend:function(xhr){ // If the server did not have a response in 1 minute, // we'll ill the request $AJX_TIMEOUT = setTimeout(functi on(){ xhr.abort(); // alert("The server is ta ing too long to respond.\nRequest aborted.");

BGO._notify(); },3*60*1000); }, success: function(data,textStatus){ clearTimeout($AJX_TIMEOUT); $("#"+box).html(data); BGO._notify();$("body").scrollTo

(0,600); }, error: function(xhr,textStatus,errorThro wn){ clearTimeout($AJX_TIMEOUT); if(textStatus=='error'){ if(xhr.status==404){ $("#"+box).html( "404: <strong>"+href+"</strong> was not found!"); BGO._notify(); } } } }); } </script> </body> </html>

You might also like