rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>hi5 -
รูปภาพของ ExclusivE</title>
<meta name="verify-v1" content="QSlo5uIqmBNR9K6rPG6Qg4RzBJ0oOGzfaBDHkGZEMaE=" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-Control" content="No-Cache" />
<link rel="shortcut icon" href="http://images.hi5.com/images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="http://static.hi5.com/friend/styles/global_1241470996.css" />
<link rel="stylesheet" type="text/css" href="http://static.hi5.com/friend/styles/headernav_1236312387.css" />
<link rel="stylesheet" type="text/css" href="http://static.hi5.com/friend/styles/hi5_common-2_1242363138.css" />
<script src="http://static.hi5.com/friend/js/common_1237600068.js" type="text/javascript"></script>
<script src="http://static.hi5.com/friend/modules/lib/scripts/index_1242363150.js" type="text/javascript"></script>
<script src="http://static.hi5.com/friend/js/bundle-min_1242363151.js" type="text/javascript"></script>
<script src="http://static.hi5.com/friend/js/photos/lightboxedUploaders_1226357892.js" type="text/javascript"></script>
<meta name="menuACurrent" content="profile" />
<meta name="menuBCurrent" content="viewprofile" />
<div id="thm" style="display:none;">แท็กเป็นวิธีการในการเพิ่มคำอธิบายย่อๆ เพียงคำเดียวอย่างรวดเร็วให้กับเนื้อหาประเภทต่างๆ เช่น รูปภาพบน hi5 ตัวอย่างเช่น ถ้าคุณมีรูปภาพจากชายหาดที่จาเมกา คุณสามารถติดแท็กรูปภาพนี้ด้วย 'หาดจาเมกา' แล้วรูปภาพของคุณจะค้นหาได้ง่ายโดยตัวคุณเองและผู้ใช้ hi5 คนอื่นๆ เว้นวรรคเพื่อคั่นแท็กของคุณขณะป้อนข้อความ แท็กจะต้องไม่มีช่องว่าง สร้างแท็กซึ่งมีความหมายบางอย่างกับคุณ ซึ่งจะช่วยให้คุณจัดหมวดหมู่ข้อมูลของคุณและค้นหาเนื้อหาที่เกี่ยวข้องกันได้จากผู้ใช้ hi5 คนอื่นๆ</div>
<script type="text/javascript" src="http://static.hi5.com/friend/js/ajax/jqueryhistory_1242363146.js"></script>
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<script>
var i18n = null;
var taggedArray = new Array();
var curImage = new Image();
curImage.src = 'http://photos3.hi5.com/0090/490/498/KJMP05490498-02.jpg';
function nextPhoto(photoId, ownerId, albumId, click) {
if (click != null) {
first = false;
jQuery.historyLoad(photoId + "_" + ownerId + "_" + albumId + "_0");
return;
}
if (/[a-zA-Z]/.test(photoId)) {
//Handle case where we are given a fuid
loadPageContent({
photoFuid : photoId,
ownerId : ownerId,
albumId : 0
});
} else if (photoId == 0) {
loadPageContent({
currentIndex : photoId,
photoId : 0,
ownerId : ownerId,
albumId : albumId
});
} else {
loadPageContent({
photoId : photoId,
ownerId : ownerId,
albumId : albumId
});
}
}
function nextAlbum(albumId, ownerId, currentIndex, click) {
if (click != null) {
first = false;
jQuery.historyLoad(albumId + "_" + ownerId + "_" + currentIndex + "_1");
return;
}
loadPageContent({
currentIndex : currentIndex,
ownerId : ownerId,
albumId : albumId
});
}
function loadPageContent(options) {
jQuery.get('/friend/photos/displayPhotoUserAjax.do', options, function(data) {
document.getElementById("fotobox").innerHTML = data;
HI5.Util.placeContent([{ id: 'ad_sky_frame', content: document.getElementById('ad_sky').innerHTML }]);
HI5.Util.placeContent([{ id: 'ad_banner_frame', content: document.getElementById('ad_banner').innerHTML }]);
if (!first) {
;
pageTracker._trackPageview('displayPhotoAjax.do');
_qoptions={
qacct:"p-76a2OjoOF1HMc",
meta:"cWM6aWQ9aWpOUlRIVG5HYzlXZiUyRnFnTHQwc3R3JTNEJTNEO3o9O2E9MjQ7Zz1NO2M9VEg=",
event:"refresh"
};
quantserve();
}
hi5.flirt.postAjaxRefreshEvents(); //make sure special flirt events are refreshed
}, "html");
}
function highlight(field) {
field.focus();
field.select();
}
function histCallback(hash) {
hashArray = hash.split("_");
if (hashArray[3] == 0) {
//Going to a photo
nextPhoto(hashArray[0], hashArray[1], hashArray[2]);
} else if (hashArray[3] == 1) {
//Going to an album
nextAlbum(hashArray[0], hashArray[1], hashArray[2]);
}
}
// This onload hack is to fix a P0 bug. Correct fix is scheduled for
// release next week. This should not be here past that. (03.12.09)
var oldOnLoad = window.onload;
window.onload = function() {
if(oldOnLoad) oldOnLoad();
if (location.hash == '') {
if (false) {
location.replace(location.href + "#3743876558_394570686__0");
} else {
location.replace(location.href + "#3743876558_394570686_310151238_0");
}
}
jQuery.historyInit(histCallback);
};
var i18n = null;
var photolinks;
var taggedArray = new Array();
var taghelpmsg = document.getElementById("thm").innerHTML;
var first = true;
//Allow for clickable browsing to call correct java functions in photo_tagging_clickNew.js
var photoOrFuidOrCurrentId = 0; //Filled with the photoId, the fuid, or the current index depending on the context
var ownerId = 0; //Photo owner
var albumId = 0; //Filled with the albumId
var isAlbum = false; //Are we calling the nextAlbum function?
var trueHeight = 640;
var trueWidth = 640;
</script>
<link rel="stylesheet" type="text/css" href="http://static.hi5.com/friend/styles/photos/photo-page_1242363138.css"/>
<style type="text/css" media="screen">
.p_center { margin-top: 10px; }
.window, .window_blue { display: block; float: none; margin: 0; }
.content { width: auto; margin: 0; padding: 7px;}
#photos-nav .content {width:215px;overflow:hidden;}
.window_gray { background-color: #f8f8f8; margin-bottom: 0px; }
.window_gray h1 { font-size: 13px; margin: 0; padding: 7px; padding-bottom: 0;color:#434343;font-family:arial,trebuchet MS,verdanna,san-serif;font-weight:bold }
.window .subhead { padding: 3px 7px; width: auto; margin: 0; }
#photos-nav .nav-links {margin: 0; padding:0; overflow: hidden; list-style:none; width:205px; text-wrap: normal; word-wrap: break-word;}
#photos-nav .nav-links li { padding: 4px 0 4px 15px;}
#photos-nav .nav-links li a { line-height: 1.0em; font-weight: normal; }
xxx#thumbnails .thumbnail { float: left; display: inline; width: 129px; xheight: 150px; margin: 5px; text-align: center; margin-bottom: 25px; }
#thumbnails .thumbnail { float: left; display: inline; width: 129px; xheight: 150px; margin: 5px; text-align: center; margin-bottom: 25px; }
.pagination-top { margin: 3px 7px 0; padding: 5px 0; border-bottom: 1px solid #cccccc; }
.pagination-bottom { margin: 0 7px 3px; padding: 5px 0; border-top: 1px solid #cccccc; }
#album-310151238 {background: url('http://images.hi5.com/images/phototags/blueDot.gif') left 6px no-repeat;}
#album2-310151238 {background: url('http://images.hi5.com/images/phototags/blueDot.gif') left 6px no-repeat;}
#navtagPhoto {padding-right:5px;}
.navtagPhoto {align:center;width:215px;padding-bottom:20px;}
div.toolsbtn {
font-family:Arial,sans-serif;
color:#085098;
background-color:#FFFFFF;
border: 1px solid #777777;
width:165px;
cursor:pointer;
padding:3px;
text-align:center;
}
div.btnhov {
background-color:#085098;
color:#fff;
cursor:pointer;
}
#photos-nav {border-top:1px solid #999999;border-bottom:1px solid #999999;}
#photos-nav .content{width:195px; overflow:hidden;}
.orangebutton { padding: 3px 3px 3px 0; overflow: hidden; width: 170px; text-align: center; zoom: 1; }
a.btn-bl { float: none; width:170px; margin-right:0; }
span.btn-tr { padding: 8px 8px 6px 6px; }
#picture {cursor:pointer}
.profile-nav{margin: 0 0 10px 0; padding: 5px 0 0 0;}
</style>
<style type="text/css">
/* Photo Compliments Styles */
#compliments {border: 1px solid #007CD3; margin:10px 0;width:640px;background:#bfdef4}
#compliments h2 {float:left;margin-right:5px;padding:5px;font-size:12px;}
.compliment-gift {margin:0 6px;float:left;padding:5px;}
#compliments .over {background:#007CD3;cursor:pointer;}
#purchase-lightbox {display:none;}
#purchase-lightbox-msg {margin: 10px 0;}
#compliment-lightbox {display:none;}
#compliment-lightbox-msg {margin: 10px 0;}
#compliment-lightbox-msg textarea {border:1px solid #999; color:#666; font-style:italic; width:300px;}
#compliment-lightbox-img-container {float:left;margin:0 10px;}
#compliment-lightbox-info {float:left;margin:10px 0;}
#compliment-lightbox-name {font-size:1.2em;font-weight:bold;}
#dialog-overlay.give-compliment {background-color:#fff;width:327px; padding: 0 0 10px 0;}
#dialog-overlay.give-compliment #dialog-buttons {display:none;}
#dialog-overlay.give-compliment h1 {border:none;padding:0 5px;}
#dialog-overlay.give-compliment #dialog-border {background:none; padding: 0; border: 0}
#dialog-overlay.give-compliment #dialog-body {padding:0;}
#received-compliments-summary {border: 1px solid #ccc; margin:10px 0 0px 10px;width:702px;background:#f4f4f4}
#received-compliments-summary h2 {float:left;margin-right:5px;padding:5px;font-size:12px;}
#received-compliments-pagination {margin:10px 15px 10px 10px;}
#received-compliments .photo-compliment {float:left; margin:10px; padding: 10px; border:1px dotted #ccc; width:320px;}
#received-compliments .photo-compliment-name {margin:0 0 10px 10px;}
#received-compliments .photo-compliment-product {float:left;margin:0 10px 10px 0;}
#received-compliments .photo-compliment-product img {float:left;}
#received-compliments .photo-compliment-msg {background:#F4F4F4;border:1px solid #ccc; padding:10px; height:55px;}
#received-compliments .photo-compliment-delete {float:right;margin-top:3px;}
</style>
<link rel="stylesheet" type="text/css" href="http://static.hi5.com/friend/photos/css/photos_1225393879.css"/>
<!--[if IE]><style type="text/css">
div.frame-content div div#frame-frame { background: white; filter: alpha(opacity=0); opacity: 0.0; }
div.view-frame-content .view-frame-frame { background: white; filter: alpha(opacity=0); opacity: 0.0; }
#dialog-overlay.lightbox {height:285px;}
</style><![endif]-->
<script type="text/javascript" src="http://static.hi5.com/friend/js/flirt/flirt_1242363146.js"></script>
<link rel="stylesheet" type="text/css" href="http://static.hi5.com/friend/styles/flirt_1242363138.css" />
</head>
<body id="" class="">
<style type="text/css">
.hi5-object-map{display:none;}.hi5-form,.hi5-form *,.hi5-auto-complete,.hi5-auto-complete *{margin:0;padding:0;}br.clear{line-height:0;height:0;clear:both;}div#video-pocket{position:absolute;top:0;left:-999px;}
form.hi5-form{width:250px;float:left;margin:5px auto 5px auto;font-size:14px;position:relative;}.hi5-form div.hi5-form-element{display:block;float:left;clear:left;width:100%;margin:6px 0;padding:0;position:relative;}.hi5-form div.hi5-form-element{z-index:1;}.hi5-form div.hi5-form-element label{display:block;float:left;width:100%;margin:0 0 2px 0;}.hi5-form input.text,.hi5-form textarea.hi5-text-input{border:1px solid #2e2e2e;}.hi5-form input.hi5-text-input,.hi5-form input.hi5-auto-input,.hi5-form textarea.hi5-text-input{padding:5px 3px 2px 3px;border:1px solid #2e2e2e;font-family:Helvetica,Arial,sans-serif;font-size:14px;width:250px;}.hi5-form textarea.hi5-text-input{overflow:auto;}div.hi5-auto-complete{display:block;float:left;clear:left;width:100%;margin:6px 0;padding:0;position:relative;z-index:999;}.hi5-auto-complete label{display:block;float:left;width:100%;margin:0 0 2px 0;}.hi5-auto-complete .hi5-halo{position:relative;padding:4px 3px;top:-4px;left:-3px;}.hi5-auto-complete input.hi5-auto-input{background:aliceblue;}.hi5-auto-complete div.hi5-auto-meta{position:relative;display:none;width:auto;float:left;clear:left;}.hi5-auto-complete div.hi5-auto-data{width:99%;position:absolute;top:-1px;left:0;z-index:1;overflow:hidden;}.hi5-auto-complete .hi5-dropdown{width:100%;overflow:auto;position:relative;top:0;left:1px;}.hi5-auto-complete div.hi5-auto-data .hi5-backdrop{position:absolute;top:0;left:0;height:100%;width:100%;background:aliceblue;opacity:.97;filter:alpha(opacity=97);border:1px solid #888;}*html .hi5-auto-complete div.hi5-auto-data .hi5-backdrop{height:9999px;}.hi5-auto-complete div.hi5-auto-data .hi5-content{position:relative;z-index:1;width:97%;}.hi5-auto-complete .hi5-auto-data ul{list-style-type:none;position:relative;border-bottom:1px solid #888;}.hi5-auto-complete .hi5-auto-data ul li{line-height:20px;border-bottom:1px solid #ccc;}.hi5-auto-complete div.hi5-auto-data span.data-source{display:none;}.hi5-auto-complete div.hi5-auto-data div.hi5-content li{position:relative;}.hi5-auto-complete div.hi5-auto-data div.hi5-content a{display:block;padding:0 5px;color:#333;text-decoration:none;}.hi5-auto-complete div.hi5-auto-data div.hi5-content a:hover,.hi5-auto-complete div.hi5-auto-data div.hi5-content a.selected{background:#0283ac!important;color:#efefef!important;cursor:pointer;cursor:hand;}.hi5-auto-complete .highlight{color:royalblue;}.hi5-auto-complete div.hi5-auto-data div.hi5-content a:hover .highlight,.hi5-auto-complete div.hi5-auto-data div.hi5-content a.selected .highlight{color:#fea616;color:#fff;}
</style>
<div style="width: 100%; margin: 0; padding: 0; text-align: center; position: relative; z-index: 10;">
<div style="width: 975px; margin: 0 auto; padding: 0; text-align: left; position: relative;">
<div id="hi5-common-header">
<div id="hi5-common-header-right">
<ul id="hi5-header-secondary-links">
<li>
<a name="&lid=AccountLinks_Logout" href="/friend/logoff.do?timestamp=-8466257522195277984&js=a8SU5xb44w6d" >
ออกจากระบบ
</a>
</li>
<li>
<a name="&lid=AccountLinks_Account" href="/friend/account/settings.do">
บัญชี
</a>
</li>
<li>
<a name="&lid=AccountLinks_Privacy" href="/friend/account/displayEditPrivacy.do">
ความเป็นส่วนตัว
</a>
</li>
<li class="last">
<a name="&lid=AccountLinks_Help" href="http://server.iad.liveperson.net/hc/s-19252078/cmd/kbresource/front_page!PAGETYPE?category=34">
วิธีใช้
</a>
</li>
</ul>
<ul id="hi5-header-utilities">
<li style="display:block;float:left;height:20px;margin:8px 6px 4px 6px;">
<div style="color:#fff;cursor:pointer;" onclick="location.href='/friend/payments/paymentProviders.do'">
จำนวนเหรียญที่เหลือ:
0
<img style="vertical-align:middle;" src="http://images.hi5.com/images/gifts/paymentAssets/smallCoin.png"/>
เหรียญ
</div>
</li>
<li>
<a href="/friend/gomobile/displayMobile.do" id="hi5-sms-alerts">
<span class="hi5-fmt-mobile-headline">สัญญาณเตือน</span> ทางมือถือ
</a>
</li>
<li>
<a href="#" id="hi5-language-selector">
คลิกเพื่อเลือกภาษา
</a>
</li>
</ul>
</div>
<a href="/friend/displayHomePage.do" id="hi5-logo-type" title="hi5 หน้าแรก">
<h1>hi5 หน้าแรก</h1>
</a>
<ul id="hi5-header-menu">
<li>
<a name="&lid=HeaderNav_Home" href="/friend/displayHomePage.do">
หน้าแรก
</a>
</li>
<li class="on">
<a name="&lid=HeaderNav_MyProfile" href="/friend/profile/displaySameProfile.do?userid=394570686">
โปรไฟล์ของฉัน
</a>
</li>
<li>
<a name="&lid=HeaderNav_Friends" href="/friend/viewFriends.do">
เพื่อน
</a>
</li>
<li>
<a name="&lid=HeaderNav_Photos" href="/friend/photos/displayPhotosHome.do">
รูปภาพ
</a>
</li>
<li>
<a name="&lid=HeaderNav_Messages" href="/friend/mail/displayInbox.do">
ข้อความ
</a>
</li>
<li>
<a name="&lid=HeaderNav_Games" href="/friend/games/displayAllGames.do">
เกมส์
</a>
</li>
<li>
<a name="&lid=HeaderNav_Groups" href="/friend/group/displayGroupHome.do">
กลุ่ม
</a>
</li>
<li id="applications-menu-item">
<a href="/friend/apps/myapps.do" name="&lid=HeaderNav_Apps">
แอปพลิเคชั่นต่างๆ
</a>
<ul id="applications-menu">
<li>
<a href="/friend/apps/gallery.do" style="margin-left: 4px;">
ไม่ได้ติดตั้งแอปพลิเคชั่น
</a>
</li>
<li id="add-application">
<a href="/friend/apps/gallery.do">
<span style="background: url(http://images.hi5.com/images/icons/_/update_addwidget.png) 0 0 no-repeat"></span>
เพิ่มแอปพลิเคชั่น…
</a>
</li>
</ul>
</li>
</ul>
<form class="hi5-form" action="/friend/processBrowseSearch.do" id="hi5-global-search-form-autocomplete">
<input type="hidden" name="cx" value="partner-pub-0946573585696359:rma2mcpa6jt" />
<input type="hidden" name="cof" value="FORID:9" />
<input type="hidden" name="ie" value="UTF-8" />
<div class="hi5-auto-complete" id="hi5-global-search-autocomplete">
<span class="hi5-object-map">
<span class="width">165</span>
<span class="defaultValue">ค้นหา</span>
<span class="activateSelected">true</span>
<span class="googleSearch">true</span>
<span class="siteSearch">true</span>
<span class="friendSearch">false</span>
</span>
<div class="hi5-halo">
<input class="hi5-auto-input text" name="searchText" autocomplete="off"/>
<div class="hi5-auto-meta">
<div class="hi5-auto-data">
<div class="hi5-backdrop"></div>
<div class="hi5-dropdown">
<div class="hi5-content"></div>
</div>
</div>
</div>
</div>
</div>
<a href="/friend/displaySearch.do?searchType=advanced" id="hi5-global-search-advanced">
ขั้นสูง
</a>
<br class="clear"/>
</form>
</div>
</div></div>
<br class="clear"/>
<script type="text/javascript">
var tzo=(new Date().getTimezoneOffset()/60)*(-1);
var date = new Date();
date.setTime(date.getTime()+(1000*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
document.cookie = "tzoffset"+"="+tzo+expires+"; path=/";
</script>
<div id="black-overlay"></div>
<iframe id="iframe-overlay" src="about:blank" frameborder="0"></iframe>
<div id="dialog-overlay">
<div id="dialog-border">
<h1 id="dialog-title">Title</h1>
<div id="dialog-body">body</div>
<div id="dialog-buttons">
<button id="dialog-accept">Yes</button> <button id="dialog-cancel">No</button>
</div>
</div>
</div>
<div id="p_container" style="text-align: left;">
<div id="pageMessages">
</div>
<div id="ajaxMessages" style="display: none; width: 100%;"></div>
<div id="hi5-application-main">
<div id="p_center">
<div class="profile-nav">
</div>
<div id="fotobox" class="clr2">
<div style="width:100%; margin:auto; text-align: center; padding: 20px;"><img src="http://images.hi5.com/images/progress_dot_line.gif" /></div>
</div>
<div id="zsHidden" style="display:none">กำลังโหลดภาพ...</div>
<script type="text/javascript">
var scrolled = false;
function scrollToComment() {
return;
}
var message_gettingfriends = 'กำลังรับรายชื่อเพื่อน...';
var message_errorfriends = 'เกิดความผิดพลาดในการรับข้อมูลเพื่อน';
var message_selectfriend = 'คุณจะต้องเลือกเพื่อนหากต้องการติดแท็กบุคคลใดบุคคลหนึ่ง';
var message_alreadytagged = 'คุณได้ติดแท็กบุคคลนี้ในรูปภาพนี้แล้ว';
var message_missingname = 'คุณต้องป้อนชื่อของเพื่อนคนนี้';
var message_tagfailure = 'ขออภัย เราไม่สามารถแท็กผู้นี้ได้ กรุณาลองใหม่ทีหลัง';
var message_confirmdeletetag = 'แน่ใจหรือว่าต้องการลบแท็กนี้ กดปุ่มตกลงเพื่อทำรายการต่อ';
var message_tagdeletefailure = 'ขออภัย ติดแท็กบุคคลนี้ไม่ได้';
var message_loadpic = 'กำลังโหลดภาพ...';
var message_morefriends = 'มีอีก {0}คนที่ไม่ได้แสดง...';
var message_me = '(ฉัน)';
var message_my_hi5_friends = 'เพื่อน hi5 ของฉัน';
var message_no_friends_found = 'ไม่พบเพื่อน';
</script>
<script type="text/javascript" src="http://static.hi5.com/friend/js/photos/photo_tagging_ClickNew_1242363146.js"></script>
<script language="javascript">
function showPhotoLinks() {
photolinks = new hi5.Lightbox('', document.getElementById('photo_links').innerHTML, {styleClass: 'lightbox'});
}
function closePhotoLinks() {
photolinks.close();
}
function confirmDelete(messageType, destination) {
var profileMessage = 'แน่ใจหรือว่าต้องการลบรูปภาพประจำโปรไฟล์ของคุณ?';
var standardMessage = 'แน่ใจหรือว่าต้องการลบรูปภาพนี้?';
var message = "";
if (messageType == "profile"){
message = profileMessage;
} else if (messageType == "standard") {
message = standardMessage;
}
//message = stripExtraQuotes(message);
var popup_question=confirm (message);
if (popup_question) {
self.location=destination;
}
return false;
}
function hideError() {
document.getElementById('status-error').style.display = 'none';
}
function IESafeOffsetParent(elem) {
try {
return elem.offsetParent;
} catch(e) {
return document.body;
}
}
</script>
<script type="text/javascript">
function clickToBrowse() {
var flag = false;
if (!flag){
nextUrl='/friend/photos/displayUserAlbums.do?ownerId=394570686';
}
if (navigator.userAgent.match(".*Opera/8.*")) {
$('picture').onmousedown = function() {
if (document.getElementById('isAlbum').innerHTML == 'true') {
nextAlbum(document.getElementById('album').innerHTML, document.getElementById('owner').innerHTML, document.getElementById('photoFuidCurrent').innerHTML, true);
} else if (document.getElementById('isAlbum').innerHTML == 'done') {
location.href=document.getElementById('doneUrl').innerHTML;
} else {
nextPhoto(document.getElementById('photoFuidCurrent').innerHTML, document.getElementById('owner').innerHTML, document.getElementById('album').innerHTML, true);
}
}
} else {
document.onmousedown = function( event ) {
grabbedElement = sendEvent( 'onmousedown', event );
}
document.onmouseup = function( event ) {
sendEvent( 'onmouseup', event ); grabbedElement = null;
}
document.onkeydown = function( event ) {
sendEvent( 'onkeypress', event );
}
document.onmousemove = function( event ) {
if (grabbedElement) sendEvent( 'onmousedrag', event );
else sendEvent( 'onmousemove', event );
var event = event || window.event;
mouseX = event.clientX; mouseY = event.clientY;
}
document.onmouseout = function( event ) {
sendEvent( 'onmouseout', event );
}
if (document.addEventListener)
document.addEventListener('onmousemove', document.onmousemove, false);
else if (document.attachEvent)
document.attachEvent('onmousemove', document.onmousemove);
}
}
function displayMessage(type) {
if (type == 'autoAccept') {
document.getElementById('pageMessages').innerHTML = '<div id="message-success" style="background: #ededed url(http://images.hi5.com/images/effects/msg_tr.gif) top right no-repeat;margin:10px;"><div id="message-image" style="float:left;padding-right:15px;"><img src="http://images.hi5.com/images/effects/msg_check.gif"/></div><div id="message-content" style="float:left"><h1 style="color: #393; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 15px 0px 15px; margin: 0;"><strong style="font-weight: bold; font-size: 18px;">เรียบร้อย !</strong> <html:messages id="msg" message="true"><br />คุณได้เพิ่มความเห็นเกี่ยวกับรูปภาพนี้แล้ว </html:messages></h1></div><div style="clear: both; background: #ededed url(http://images.hi5.com/images/effects/msg_br.gif) bottom right no-repeat;height:10px"><img src="http://images.hi5.com/images/effects/msg_bl.gif" style="float: left;" /><div style="clear: both;"></div></div></div>';
} else if (type == 'nearQuota') {
document.getElementById('pageMessages').innerHTML = '<div id="message-success" style="background: #ededed url(http://images.hi5.com/images/effects/msg_tr.gif) top right no-repeat;margin:10px;"><div id="message-image" style="float:left;padding-right:15px;"><img src="http://images.hi5.com/images/effects/msg_check.gif"/></div><div id="message-content" style="float:left"><h1 style="color: #393; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 15px 0px 15px; margin: 0;"><strong style="font-weight: bold; font-size: 18px;">เรียบร้อย !</strong> <html:messages id="msg" message="true"><br />คุณกำลังจะมีรูปภาพครบตามที่กำหนดสำหรับระยะเวลาที่ให้แล้ว</html:messages></h1></div><div style="clear: both; background: #ededed url(http://images.hi5.com/images/effects/msg_br.gif) bottom right no-repeat;height:10px"><img src="http://images.hi5.com/images/effects/msg_bl.gif" style="float: left;" /><div style="clear: both;"></div></div></div>';
} else if (type == 'acceptM') {
document.getElementById('pageMessages').innerHTML = '<div id="message-success" style="background: #ededed url(http://images.hi5.com/images/effects/msg_tr.gif) top right no-repeat;margin:10px;"><div id="message-image" style="float:left;padding-right:15px;"><img src="http://images.hi5.com/images/effects/msg_check.gif"/></div><div id="message-content" style="float:left"><h1 style="color: #393; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 15px 0px 15px; margin: 0;"><strong style="font-weight: bold; font-size: 18px;">เรียบร้อย !</strong> <html:messages id="msg" message="true"><br />ส่งความคิดเห็นของคุณที่มีต่อรูปภาพของ ExclusivE แล้ว ความคิดเห็นนี้จะปรากฏในแกลเลอรี่ของเขาหลังจากเขาอนุมัติ</html:messages></h1></div><div style="clear: both; background: #ededed url(http://images.hi5.com/images/effects/msg_br.gif) bottom right no-repeat;height:10px"><img src="http://images.hi5.com/images/effects/msg_bl.gif" style="float: left;" /><div style="clear: both;"></div></div></div>';
} else if (type == 'acceptF') {
document.getElementById('pageMessages').innerHTML = '<div id="message-success" style="background: #ededed url(http://images.hi5.com/images/effects/msg_tr.gif) top right no-repeat;margin:10px;"><div id="message-image" style="float:left;padding-right:15px;"><img src="http://images.hi5.com/images/effects/msg_check.gif"/></div><div id="message-content" style="float:left"><h1 style="color: #393; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 15px 0px 15px; margin: 0;"><strong style="font-weight: bold; font-size: 18px;">เรียบร้อย !</strong> <html:messages id="msg" message="true"><br />ส่งความคิดเห็นของคุณที่มีต่อรูปภาพของ ExclusivE แล้ว ความคิดเห็นนี้จะปรากฏในแกลเลอรี่ของเธอหลังจากเธออนุมัติ</html:messages></h1></div><div style="clear: both; background: #ededed url(http://images.hi5.com/images/effects/msg_br.gif) bottom right no-repeat;height:10px"><img src="http://images.hi5.com/images/effects/msg_bl.gif" style="float: left;" /><div style="clear: both;"></div></div></div>';
} else if (type == 'complimentSuccess') {
document.getElementById('pageMessages').innerHTML = '<div id="message-success" style="background: #ededed url(http://images.hi5.com/images/effects/msg_tr.gif) top right no-repeat;margin:10px;"><div id="message-image" style="float:left;padding-right:15px;"><img src="http://images.hi5.com/images/effects/msg_check.gif"/></div><div id="message-content" style="float:left"><h1 style="color: #393; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 15px 0px 15px; margin: 0;"><strong style="font-weight: bold; font-size: 18px;">เรียบร้อย !</strong> <html:messages id="msg" message="true"><br />ของขวัญของท่านส่งออกไปแล้ว</html:messages></h1></div><div style="clear: both; background: #ededed url(http://images.hi5.com/images/effects/msg_br.gif) bottom right no-repeat;height:10px"><img src="http://images.hi5.com/images/effects/msg_bl.gif" style="float: left;" /><div style="clear: both;"></div></div></div>';
} else if (type == 'noCoins') {
document.getElementById('pageMessages').innerHTML = '<div id="message-error" style="background: #ededed url(http://images.hi5.com/images/effects/msg_tr.gif) top right no-repeat;margin:10px"><div id="message-image" style="float:left;padding-right:15px;"><img src="http://images.hi5.com/images/effects/msg_error.gif"/></div><div id="message-content" style="float:left; width:850px"><h1 style="color: #bf0000; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 15px 0px 15px; margin: 0;"><strong style="font-weight: bold; font-size: 18px;">ผิดพลาด! </strong> <html:messages id="error"><br />คุณต้องมีเหรียญ hi5 ก่อนจะซื้อของได้</html:messages></h1></div><div style="clear: both; background: #ededed url(http://images.hi5.com/images/effects/msg_br.gif) bottom right no-repeat;height:10px"><img src="http://images.hi5.com/images/effects/msg_bl.gif" style="float: left;" /><div style="clear: both;"></div></div></div>';
} else if (type == 'error') {
document.getElementById('pageMessages').innerHTML = '<div id="message-error" style="background: #ededed url(http://images.hi5.com/images/effects/msg_tr.gif) top right no-repeat;margin:10px"><div id="message-image" style="float:left;padding-right:15px;"><img src="http://images.hi5.com/images/effects/msg_error.gif"/></div><div id="message-content" style="float:left; width:850px"><h1 style="color: #bf0000; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 15px 0px 15px; margin: 0;"><strong style="font-weight: bold; font-size: 18px;">ผิดพลาด! </strong> <html:messages id="error"><br />ขออภัย เพิ่มความเห็นของคุณไม่ได้ในขณะนี้</html:messages></h1></div><div style="clear: both; background: #ededed url(http://images.hi5.com/images/effects/msg_br.gif) bottom right no-repeat;height:10px"><img src="http://images.hi5.com/images/effects/msg_bl.gif" style="float: left;" /><div style="clear: both;"></div></div></div>';
}
}
displayMessage('autoAccept');
if ($j('#pageMessages') != null && $j('#message-content') != null) {
setTimeout("$j('#pageMessages').hide(2000, function() {$j('#pageMessages').remove();});", 5000);
}
</script>
<script type="text/javascript">
var complimentLightbox;
var origLightboxHtml;
function showComplimentLightbox(imgUrl, name, price, productId) {
var coinsBalance = 0;
// Clear the dialog body
document.getElementById('dialog-body').innerHTML = '';
// User has enough coins to purchase, show confirmation dialog
if (coinsBalance >= price) {
// Set the correct values in the template
document.getElementById('compliment-lightbox-img').src = imgUrl;
document.getElementById('compliment-lightbox-name').innerHTML = name;
document.getElementById('compliment-lightbox-price').innerHTML = price +
" <img src='http://images.hi5.com/images/gifts/gift_hi5_coin.gif'/> เหรียญ";
document.getElementById('compliment-productid').value = productId;
var body = document.getElementById('compliment-lightbox').innerHTML;
// Create the new dialog from the template
complimentLightbox = new hi5.Lightbox('', body, {styleClass: 'give-compliment'});
// User needs to purchase coins, show purchase dialog
} else {
// Set the product id still
document.getElementById('compliment-productid').value = productId;
// Create the new dialog from the template
complimentLightbox = new hi5.Lightbox('', document.getElementById('purchase-lightbox').innerHTML, {styleClass: 'give-compliment'});
}
}
function closeComplimentLightbox() {
complimentLightbox.close();
}
function giveCompliment(productId) {
//clear template to remove dupe form id's
var temptemplate = document.getElementById('compliment-lightbox').innerHTML;
document.getElementById('compliment-lightbox').innerHTML = "";
document.getElementById("iframe-overlay").style.height = "117px";
//do ajax actions
var theform = document.getElementById('compliment-form');
theform.submit();
//put template back as it was
document.getElementById('compliment-lightbox').innerHTML = temptemplate;
}
function openPaymentWindow(receiverId, photoId, albumId) {
var productId = document.getElementById("compliment-productid").value;
var paymentUrl = '/friend/payments/paymentProviders.do';
location.href = paymentUrl + '?orderTypeId=compliment&productId=' + productId + '&photoId=' + photoId + '&albumId=' + albumId +
'&receiverId=' + receiverId;
setTimeout('closeComplimentLightbox()', 2000);
}
function limitText(limitField, limitNum) {
if (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring(0, limitNum);
}
}
</script>
<script type="text/javascript">
// since this is different in the ajax and non-ajax versions, it's not included in complimentsJs.jsp. awesome.
function paginateCompliments(offset, photoId, ownerId, albumId) {
loadPageContent({
photoId : photoId,
ownerId : ownerId,
albumId : albumId,
complimentsOffset : offset
});
}
</script>
</div>
</div>
<style type="text/css">
#footer * { color: #cccccc !important; }
#footer a { color: #085098 !important; }
</style>
<div style="width: 946px; margin: 5px auto; padding: 5px; text-align: center; border:none; clear:both;">
<script type="text/javascript"><!--
google_ad_client = "pub-0946573585696359";
/* 728x15 5x Text Footer */
google_ad_slot = "5910073697";
google_ad_width = 728;
google_ad_height = 15;
google_page_url = document.location;
google_cust_l = "Sps0WPi2j7ZlADj9ez2bsQ%3D%3D";
google_cust_lh = "1639182706";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="footer">
<span style="float: left;">
<a name="&lid=Footer_AboutUs" href="http://www.hi5networks.com/" target="_blank">เกี่ยวกับเรา</a>
<a name="&lid=Footer_Blog" href="http://www.hi5networks.com/blog/" target="_blank">Blog</a>
<a name="&lid=Footer_Advertising" href="http://www.hi5networks.com/advertising.html" target="_blank">การโฆษณา</a>
<a name="&lid=Footer_Jobs" href="http://www.hi5networks.com/employment.html" target="_blank">งาน</a>
<a name="&lid=Footer_People" href="/friend/sitemap/displayFriendsMap.do" target="_self">ผู้คน</a>
</span>
<span style="float: right;">
<a name="&lid=Footer_Privacy" href="/friend/displayPrivacy.do">นโยบายความเป็นส่วนตัว</a> |
<a name="&lid=Footer_TOS" href="/friend/displayTOS.do">เงื่อนไขการใช้บริการ</a> |
<a name="&lid=Footer_OnlineSafety" href="/friend/displaySafety.do">ความปลอดภัยจากการใช้สื่อออนไลน์</a>
</span>
<div class="copyright" style="color: #666666 !important; clear:both;">© 2003-2009 hi5 Networks</div>
</div>
<br clear="left"/>
<!-- Start Quantcast tag -->
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<script type="text/javascript">_qmeta="cWM6aWQ9aWpOUlRIVG5HYzlXZiUyRnFnTHQwc3R3JTNEJTNEO3o9O2E9MjQ7Zz1NO2M9VEg=";_qacct="p-76a2OjoOF1HMc";quantserve();</script>
<noscript><img src="http://pixel.quantserve.com/pixel/p-76a2OjoOF1HMc.gif" style="display: none" height="1" width="1" alt="Quantcast"/></noscript>
<!-- End Quantcast tag -->
<!--[if lt IE 7]>
<script type="text/javascript" src="http://static.hi5.com/friend/js/pngfix_1205259815.js"></script>
<![endif]-->
</div>
<input type="hidden" value="" id="abTestCheck">
<!--[if lte IE 7]>
<style type="text/css">
#dialog-overlay.langSel {height:520px;}
</style>
<![endif]-->
<script type="text/javascript">
//<![CDATA[
function editTranslation(locale) {
editTranslationWithParam(locale,"");
}
function editTranslationWithParam(locale,param)
{
var locationString = document.location.toString();
if (locationString.indexOf("tlang=") > 0) {
var p1 = locationString.indexOf("tlang=");
var p2 = locationString.indexOf("&", p1 + 6);
if (p2 < 0) { // last parameter
locationString = locationString.substring(0, p1 + 6) + locale;
} else {
locationString = locationString.substring(0, p1 + 6) + locale + locationString.substring(p2);
}
} else {
if (locationString.indexOf("?") > 0) {
locationString = locationString + "&tlang=" + locale;
} else {
locationString = locationString + "?tlang=" + locale;
}
}
window.location = locationString + "&" + param;
}
function turnOffTranslationMode() {
var locationString = document.location.toString();
//var locale = language + "_" + country;
if (locationString.indexOf("tlang=") > 0) {
var p1 = locationString.indexOf("tlang=");
var p2 = locationString.indexOf("&", p1 + 6);
if (p2 < 0) { // last parameter
locationString = locationString.substring(0, p1 + 6) + "off";
} else {
locationString = locationString.substring(0, p1 + 6) + "off" + locationString.substring(p2);
}
} else {
if (locationString.indexOf("?") > 0) {
locationString = locationString + "&tlang=off" ;
} else {
locationString = locationString + "?tlang=off";
}
}
window.location = locationString;
}
//]]>
</script>
<div id="outerLang">
<div id="langSelector" class="langSelector">
<div class="closeIcon"><a rel="nofollow" href="javascript:void(0)" onclick="closeLangSelector();"><img src="http://images.hi5.com/images/icons/_/15x15_remove.gif" border="0" align="middle" alt=""/></a></div>
<div id="langHeader">
<div>
เลือกภาษา
</div>
</div>
<!-- Note that languages are defined in config/translations.xml -->
<div class="mapArea">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top" width="33%">
อเมริกา
<ul>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=en&js=a8SU5xb44w6d">English</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=es&js=a8SU5xb44w6d">Español</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=es_AR&js=a8SU5xb44w6d">Español (Argentina)</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=es_CO&js=a8SU5xb44w6d">Español (Colombia)</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=es_CR&js=a8SU5xb44w6d">Español (Costa Rica)</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> เบต้า</span></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=es_DO&js=a8SU5xb44w6d">Español (Dominican Republic)</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> เบต้า</span></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=es_EC&js=a8SU5xb44w6d">Español (Ecuador)</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> เบต้า</span></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=es_GT&js=a8SU5xb44w6d">Español (Guatemala)</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> เบต้า</span></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=es_MX&js=a8SU5xb44w6d">Español (México)</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=es_PE&js=a8SU5xb44w6d">Español (Peru)</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> เบต้า</span></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=es_VE&js=a8SU5xb44w6d">Español (Venezuela)</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=pt_BR&js=a8SU5xb44w6d">Português (Brasil)</a></li>
</ul>
</td>
<td valign="top" width="33%">
ยุโรป
<ul>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=ca_ES&js=a8SU5xb44w6d">català</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=da_DK&js=a8SU5xb44w6d">Dansk</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=de&js=a8SU5xb44w6d">Deutsch</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=el_GR&js=a8SU5xb44w6d">Ελληνικά</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=en_GB&js=a8SU5xb44w6d">English (UK)</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=es_ES&js=a8SU5xb44w6d">Español (España)</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=fi_FI&js=a8SU5xb44w6d">Suomi</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=fr&js=a8SU5xb44w6d">Français</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=hr_HR&js=a8SU5xb44w6d">hrvatski jezik</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> เบต้า</span></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=it&js=a8SU5xb44w6d">Italiano</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=mt_MT&js=a8SU5xb44w6d">Malti</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=mw_PT&js=a8SU5xb44w6d">Mirandés</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=nb_NO&js=a8SU5xb44w6d">Norsk</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> เบต้า</span></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=nl&js=a8SU5xb44w6d">Nederlands</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=pt_PT&js=a8SU5xb44w6d">Português (Portugal)</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=ru&js=a8SU5xb44w6d">Русский</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=sq_AL&js=a8SU5xb44w6d">Shqip</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> เบต้า</span></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=sv_SE&js=a8SU5xb44w6d">svenska</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> เบต้า</span></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=tr&js=a8SU5xb44w6d">Türkçe</a></li>
</ul>
</td>
<td valign="top" width="33%">
ยุโรปตะวันออก
<ul>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=bg_BG&js=a8SU5xb44w6d">български език</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=cs_CZ&js=a8SU5xb44w6d">Česky</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=hu_HU&js=a8SU5xb44w6d">Magyar</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=lt_LT&js=a8SU5xb44w6d">Lietuvių kalba</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> เบต้า</span></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=mk_MK&js=a8SU5xb44w6d">Македонски</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=pl&js=a8SU5xb44w6d">Polski</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=ro&js=a8SU5xb44w6d">Română</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=sk_SK&js=a8SU5xb44w6d">Slovenčina</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=uk_UA&js=a8SU5xb44w6d">Українська</a></li>
</ul>
เอเชียแปซิฟิก
<ul>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=hi_IN&js=a8SU5xb44w6d">हिन्दी</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> เบต้า</span></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=id_ID&js=a8SU5xb44w6d">Bahasa Indonesia</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=ja&js=a8SU5xb44w6d">日本語</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=km_KH&js=a8SU5xb44w6d">ភាសាខ្មែរ</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> เบต้า</span></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=ko_KR&js=a8SU5xb44w6d">한국어</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=ms_MY&js=a8SU5xb44w6d">Bahasa Melayu</a></li>
<li class='selLang'><a rel="nofollow" href="/friend/changeLang.do?lang=th_TH&js=a8SU5xb44w6d">ภาษาไทย</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=tl_PH&js=a8SU5xb44w6d">Tagalog</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=vi_VN&js=a8SU5xb44w6d">Việt Nam</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=zh_CN&js=a8SU5xb44w6d">中文 (简体)</a></li>
<li ><a rel="nofollow" href="/friend/changeLang.do?lang=zh_TW&js=a8SU5xb44w6d">中文（繁體）</a></li>
</ul>
</td>
</tr>
</table>
</div>
</div>
</div>
<script type="text/javascript">
if ( typeof HI5 == "undefined" || !HI5 ) {
var HI5 = {};
}
HI5.onload = {
'registry': [],
'register': function (f) {
if ( typeof f === "function" ) {
HI5.onload.registry.push (f);
}
},
'execute': function () {
for ( var i=0; i < HI5.onload.registry.length; i++ ) {
HI5.onload.registry[i]();
}
HI5.onload.register = function(f){
if ( typeof f === "function" ) {
f();
}
};
}
};
if ( window.onload ) {
HI5.onload.register( window.onload );
window.onload = null;
}
window.onload = function () {
try {
HI5.init.call();
} catch (e) {
// Don't handle these errors.
}
};
HI5.init = function () {
HI5.Data.register ( 'userId', '394570686' );
HI5.Data.register ( 'loggedInUserId', '394570686' );
HI5.Data.register ( 'sessionId', 'a8SU5xb44w6d' );
HI5.onload.register(function () {
var languageSelector = document.getElementById('hi5-language-selector');
if ( !languageSelector ) {
Bug.toss("Could not find UI elements: hi5-language-selector (" + languageSelector + ")");
return;
}
languageSelector.onclick = function (e) {
showLanguageMenu();
return HI5.Util.stopEvent(e);
};
});
HI5.onload.register(function () {
var globalAutocomplete = document.getElementById('hi5-global-search-autocomplete');
if ( !globalAutocomplete ) {
Bug.toss("Could not find UI elements: hi5-global-search-autocomplete (" + globalAutocomplete + ")");
return;
}
globalAutocomplete.onload = function () {
globalAutocomplete.onSelect = function (selection) {};
globalAutocomplete.onDeselect = function () {};
};
});
// Protected Members
var application = document.getElementById('hi5-application-main');
if ( application ) {
HI5.Util.extend( application );
}
HI5.onload.execute();
$j("#applications-menu").bgiframe( { opacity: true, src: "javascript:''" } );
HI5.Util.hasProperty=function(B,A){if(!B){Bug.toss("hasMethod expects parameters: object ("+B+")");}if(!A){Bug.toss("hasMethod expects parameters: String name ("+A+")");}if(typeof A!=="string"){Bug.toss("hasMethod expects parameter: String name ("+typeof A+" "+A+")");}if(B[A]){return B[A];}return false;};HI5.Util.hasMethod=function(B,A){if(HI5.Util.hasProperty(B,A)&&typeof B[A]==="function"){return B[A];}return false;};HI5.Util.tell=function(B,A){if(HI5.Util.hasMethod(B,A)){return B[A]();}Bug.toss("[method "+A+"] not implemented on object "+B);return null;};function ObjectMap(A){var D=document.createDocumentFragment();var E=document.createElement("span");E.className="hi5-object-map";for(var C in A){if(A.hasOwnProperty(C)){var B=document.createElement("span");B.className=C;B.innerHTML=A[C];E.appendChild(B);}}D.appendChild(E);Pocket(D);return E;}function FriendListItem(C){if(!C||!C.friend){Bug.toss("FriendListItem constructor expected parameters");return false;}var B=document.createElement("a");B.href=HI5.Link.profile(C.friend.id);B.userId=function(){return C.friend.id;};B.toString=function(){return C.friend.fullname;};if(C.highlightBegin!==null&&C.highlightEnd!==null){var A=(C.friend.fullname.substring(0,C.highlightBegin)+'<span class="highlight">'+C.friend.fullname.substring(C.highlightBegin,C.highlightEnd)+"</span>"+C.friend.fullname.substring(C.highlightEnd));}else{var A=C.friend.fullname;}B.innerHTML=A;B.className="hi5-autolist-item hi5-friend";B.onclick=function(D){if(C.sender){try{C.sender.select(this);}catch(D){}}return HI5.Util.stopEvent(D);};B.go=function(){document.location.href=this.href;};return B;}function GoogleSearchListItem(C){if(!C||!C.queryString){Bug.toss("GoogleSearchListItem constructor expected parameters");return false;}var B=document.createElement("a");B.href=HI5.Util.domain("/friend/displayWebSearchResults.do?cx=partner-pub-0946573585696359:rma2mcpa6jt&ie=UTF-8&cof=FORID:9&q="+C.queryString);B.toString=function(){return C.queryString;};B.userId=function(){Bug.toss("userId is used..");return"boom";};var A=("Search Google: "+'<span class="highlight">'+C.queryString+"</span>");B.innerHTML=A;B.className="hi5-autolist-item hi5-google-search";B.onclick=function(D){if(C.sender){try{C.sender.select(this);}catch(D){}}return HI5.Util.stopEvent(D);};B.go=function(D){document.location=this.href;};return B;}function SiteSearchListItem(C){if(!C||!C.queryString){Bug.toss("SiteSearchListItem constructor expected parameters");return false;}var B=document.createElement("a");B.href=HI5.Util.domain("/friend/processBrowseSearch.do?searchText="+C.queryString);B.toString=function(){return C.queryString;};B.userId=function(){Bug.toss("userId is used..");return"boom";};var A=("Search hi5: "+'<span class="highlight">'+C.queryString+"</span>");B.innerHTML=A;B.className="hi5-autolist-item hi5-site-search";B.onclick=function(D){if(C.sender){try{C.sender.select(this);}catch(D){}}return HI5.Util.stopEvent(D);};B.go=function(D){document.location=this.href;};return B;}function AutoComplete(G){if(!G){var E=document.createDocumentFragment();var B=document.createElement("div");B.className="hi5-auto-complete";var K=document.createElement("input");K.className="hi5-auto-input text";K.setAttribute("autocomplete","off");var J=document.createElement("div");J.className="hi5-auto-meta";var D=document.createElement("div");D.className="hi5-auto-data";var I=document.createElement("div");I.className="hi5-backdrop";var A=document.createElement("div");A.className="hi5-dropdown";var H=document.createElement("div");H.className="hi5-content";E.appendChild(B);B.appendChild(K);B.appendChild(J);J.appendChild(D);D.appendChild(I);D.appendChild(A);A.appendChild(H);B.inject=function(L){this.insertBefore(L,this.firstChild);};B.awake=function(){AutoComplete(this);};Pocket(E);return B;}var C=G;C.onSelect=function(L){};C.inputBackground="#fff";HI5.Util.walk(C,"hi5-object-map",function(L){if(!L){return false;}C.map=L;});if(C.map){C.properties=C.map.getElementsByTagName("span");for(var F=0;F<C.properties.length;F++){if(C.properties[F].className){C[C.properties[F].className]=C.properties[F].innerHTML;}}}HI5.Util.walk(C,"hi5-auto-input",function(L){if(!L){return false;}C.input=L;});HI5.Util.walk(C,"hi5-halo",function(L){if(!L){return false;}C.halo=L;C.halo.glow=function(){this.style.background="#cad7ff";};C.halo.dull=function(){this.style.background="";};});HI5.Util.walk(C,"hi5-auto-meta",function(L){if(!L){return false;}C.dropdown=L;});HI5.Util.walk(C,"hi5-auto-data",function(L){if(!L){return false;}if(C.width){L.style.width=C.width+"px";}});HI5.Util.walk(C,"hi5-backdrop",function(L){if(!L){return false;}if(C.width){L.style.width=(C.width-2)+"px";}});HI5.Util.walk(C,"content",function(L){if(!L){return false;}C.content=L;if(C.width){C.content.style.width=(C.width-2)+"px";}});C.dropdown.open=function(){this.style.display="block";this.stateIsOpen=true;};C.dropdown.close=function(){this.style.display="none";this.stateIsOpen=false;};C.dropdown.isOpen=function(){return this.stateIsOpen;};C.collection=List();C.selectedObject=function(){if(C.results){return C.results.currentSelection();}return null;};C.fetchData=function(){if(this.friendSearch==="false"){return ;}HI5.comm.request({"url":HI5.Util.domain("/friend/getFriendList.do?forceComplete=true"),"onSuccess":function(O){try{var L=YAHOO.lang.JSON.parse(O);}catch(N){Bug.toss("Invalid friend list data: "+N);return ;}if(!L||!L.userList){Bug.toss("Autocomplete.fetchData could not parse friends list.");return ;}var P=L.userList;for(var M=0;M<P.length;M++){C.collection.push(Friend(P[M].caption,P[M].value));}},"onFailure":function(){Bug.toss("Autocomplete could not retrieve friends list.");}});};if(C.defaultValue){C.input.defaultValue=C.defaultValue;}C.input.onfocus=function(){if(C.defaultValue&&C.input.value==C.input.defaultValue){C.input.value="";}if(C.onfocus){C.onfocus();}if(C.collection.length===0){Bug.toss("Autocomplete has no data");C.init();return ;}};C.input.onblur=function(){if(C.results&&C.results.currentSelection()){C.input.value=C.results.currentSelection().toString();}else{if(C.defaultValue&&C.input.value==""){C.input.value=C.input.defaultValue;}}if(C.onblur){C.onblur();}setTimeout(function(){C.dropdown.close();},500);};C.input.onkeydown=function(M){var L=M||window.event;if(L.keyCode===38){if(!C.dropdown.isOpen()){return ;}if(C.results.currentSelection()==C.results.objectAtIndex(0)){C.dropdown.close();C.results.deselect();C.input.focus();return HI5.Util.stopEvent(L);}C.results.selectPrevious();return HI5.Util.stopEvent(L);}if(L.keyCode===40){if(!C.dropdown.isOpen()){return ;}C.results.selectNext();return HI5.Util.stopEvent(L);}if(L.keyCode===9){C.tab(L);}if(L.keyCode===13){C.enter(L);}if(L.keyCode===8){if(C.results.currentSelection()){C.results.deselect();}if(C.onDeselect){C.onDeselect();}}};C.input.onkeyup=function(M){var L=M||window.event;if(L){switch(L.keyCode){case 9:case 13:case 38:case 40:return HI5.Util.stopEvent(L);default:break;}}C.filter();};C.tab=function(L){if(C.input.value.length===0){return ;}if(!C.results.count()){return ;}if(!C.results.currentSelection()){C.results.selectNext();return HI5.Util.stopEvent(L);}C.select();return HI5.Util.stopEvent(L);};C.enter=function(N){if(C.input.value.length===0){return HI5.Util.stopEvent(N);}if(C.results.currentSelection()){C.select();return HI5.Util.stopEvent(N);}else{var L=HI5.Util.trim(C.input.value.toLowerCase());for(var M=0;M<C.collection.count();M++){if(HI5.Util.trim(C.collection.objectAtIndex(M).fullname.toLowerCase())===L){C.results.select({"index":0});C.select();return HI5.Util.stopEvent(N);}}C.dropdown.close();}return true;};C.filter=function(){if(this.input.value.length<=0){this.dropdown.close();return ;}else{this.dropdown.open();}var L=this.input.value;var T=this.collection;this.content.innerHTML="";var Q=[{"regex":new RegExp("\\b"+L,"i"),"threshold":0},{"regex":new RegExp(L,"i"),"threshold":5,"maxResults":20}];var P,O;var N=[];var M;var S={};for(P=0;P<Q.length;P++){if(N.length>Q[P].threshold){break;}M=N.length;for(O=0;O<T.count();O++){var R=T.objectAtIndex(O).fullname.search(Q[P].regex);if(R<0){continue;}if(S[O]){continue;}if(Q[P].maxResults>0&&N.length-M>Q[P].maxResults){N.splice(M,N.length-M);break;}S[O]=true;N.push({"sortGroup":P,"sortOrder":R,"sortString":T.objectAtIndex(O).fullname,"listItem":FriendListItem({"friend":T.objectAtIndex(O),"highlightBegin":R,"highlightEnd":R+L.length,"sender":this})});}}N.sort(function(V,U){if(V.sortGroup!==U.sortGroup){return V.sortGroup-U.sortGroup;}if(V.sortOrder!==U.sortOrder){return V.sortOrder-U.sortOrder;}if(V.sortString!==U.sortString){return V.sortString<U.sortString?-1:1;}return 0;});this.results=List();for(P=0;P<N.length;P++){this.results.push(N[P].listItem);}if(this.siteSearch==="true"){this.results.push(SiteSearchListItem({"queryString":L,"sender":this}));}if(this.googleSearch==="true"){this.results.push(GoogleSearchListItem({"queryString":L,"sender":this}));}if(this.results.count()===0){this.dropdown.close();}else{this.content.appendChild(this.results);}};C.select=function(L){if(L){if(HI5.Util.isNumeric(L)){this.results.deselect();this.results.select({"index":this.results.indexOfObject(L)});}else{}}this.input.value=this.results.currentSelection().toString();if(C.activateSelected==="true"){HI5.Util.tell(this.results.currentSelection(),"go");}C.dropdown.style.visibility="hidden";this.onSelect(this.results.currentSelection());setTimeout(function(){C.dropdown.close();C.dropdown.style.visibility="visible";},100);};C.selectFriendByName=function(L){this.input.style.color=this.inputBackground;this.input.value=L;this.filter();this.enter();if(this.results.currentSelection()){C.onSelect(this.results.currentSelection());this.input.style.color="";return this.results.currentSelection();}else{this.input.value="";this.input.style.color="";return false;}};C.selectFriendById=function(M){var L=false;this.collection.map(function(O,N){if(M==O.id){C.selectFriendByName(O.innerHTML);L=O;}},M);return L;};C.deselect=function(){if(this.results&&this.results.currentSelection()){this.results.deselect();this.input.value="";}if(this.onDeselect){this.onDeselect();}};C.init=function(){C.fetchData();if(C.onload){C.onload();}};C.init();return C;}var AutocompleteAwake=function(){if(!HI5.Data.loggedInUserId||(HI5.Data.loggedInUserId&&!HI5.Data.loggedInUserId())){Bug.toss("hi5 Autocomplete: User does not appear to be logged in.");return ;}var B=document.getElementsByTagName("div");for(var A=0;A<B.length;A++){if(!B[A].className||B[A].className.indexOf("hi5-auto-complete")<0){continue;}AutoComplete(B[A]);}}();
function DropdownMenu(A){var B=A;B.dropdown=B.getElementsByTagName("ul")[0];B.onmouseover=function(){this.style.backgroundColor="#081a2e";B.dropdown.style.display="block";};B.onmouseout=function(){this.style.backgroundColor="";B.dropdown.style.display="";};B.init=function(){if(B.onload){B.onload();}};B.init();return B;}var DropdownMenuAwake=function(){var A=document.getElementById("applications-menu-item");if(!A){return ;}DropdownMenu(A);}();
};
</script>
<script type="text/javascript" src="http://static.hi5.com/friend/chat/js/jquery.json_1242363139.js"></script>
<script type="text/javascript" src="http://static.hi5.com/friend/chat/js/chrome3_1242363139.js"></script>
<script type="text/javascript" src="http://static.hi5.com/friend/chat/js/im3_1242363139.js"></script>
<div id="imflashclient"></div>
<script type="text/javascript">
jQuery.noConflict();
hi5.im.im_server_base = "http://im1.hi5.com";
function im_core_startup()
{
// determine the services enabled
var im_country_enabled = false;
var game_chat_enabled = false;
var game_id = 0;
im_country_enabled = true;
hi5.im.strings = {
"toast.signin": '{0} เข้าสู่ระบบ',
"toast.signout": '{0} ออกจากระบบ',
"toast.statusupdate": '{0} เปลี่ยนสถานะ:{1}',
"console.connectfail": 'เปิด IM ไม่ได้ กรุณาลองรีเฟรชบราวเซอร์ของคุณ',
"console.starting": 'เริ่มแชท IM',
"buddy.numonline": 'เพื่อน {0}คน ออนไลน์',
"buddy.changestatus": 'เปลี่ยนสถานะของคุณ'
}
hi5.im.chrome_ui_enabled = false;
// init services (IM, game_chat, etc)
if (im_country_enabled)
{
hi5.im.chrome_ui_enabled = true;
hi5.im.chrome_startup();
}
if (game_chat_enabled)
{
game_chat.init(game_id);
}
var account = {
mailbox: "394570686",
locale: "th_TH",
sessionId: "a8SU5xb44w6d",
authToken: "ShVkoEoVZKAXhKu-AQAAAA..:Jbl6GgKw0Hktj32imMMTPyN_duvEs9LUSXrgbdsnw9dpLo6mvgDhdAzakzlG1FU-cNAxSN7_T6MTj8pytnIWB2gINL4PzcfqtxMGwjl_UCU.",
country: "TH"
};
hi5.im.im_startup(account, function()
{
if (game_chat_enabled)
{
game_chat.startup();
}
});
}
function hi5_im_log(msg)
{
hi5.im.log(msg);
}
jQuery(document).ready(function ()
{
if (swfobject.hasFlashPlayerVersion("9.0.0"))
{
swfobject.embedSWF("http://static.hi5.com/imflashclient5.swf", "imflashclient", "1", "1", "9.0.0", null,
{ callback: "im_core_startup", debug: "hi5_im_log" }, { allowScriptAccess: "always" });
}
try
{
var im_userid = "394570686";
if (/50$/.test(im_userid))
{
var se = document.createElement('script');
se.src = hi5.im.im_server_base + "/im/try100.js?country=TH&t=" + (new Date().getTime().toString());
document.getElementsByTagName('head')[0].appendChild(se);
}
}
catch (error)
{
}
});
</script>
<!--[if lt IE 7]>
<script type="text/javascript">
var scrollTop = document.documentElement.scrollTop;
var vertOffset = document.documentElement.offsetWidth < 995 ? 53 : 34;
var scrollTimer = setInterval(function()
{
if (scrollTop != document.documentElement.scrollTop)
{
document.getElementById("im_chat_bar").style.top = document.documentElement.offsetHeight + document.documentElement.scrollTop - vertOffset + "px";
scrollTop = document.documentElement.scrollTop;
}
}, 100);
</script>
<script type="text/javascript" src="http://static.hi5.com/friend/js/pngfix_1205259815.js"></script>
<![endif]-->
<link href="http://static.hi5.com/friend/chat/css/im_1242363139.css" type="text/css" rel="stylesheet"/>
<!--[if lte IE 7]>
<style type="text/css">
#im_chat_window .im_entry input { padding: 4px 8px; padding-bottom: 1px; }
</style>
<![endif]-->
<style type="text/css">
#im_chat_bar { visibility: hidden; }
#im_bar_padder { display: none; }
</style>
<div id="im_bar_padder" style="height: 30px;"> </div>
<div id="im_chat_bar">
<div id="im_toasts"></div>
<div id="im_chat_window" style="visibility: hidden;">
<div id="im_header">
<div id="im_nav-menu">
<img id="im_nav-logo" src="http://images.hi5.com/images/chat/im/images/chat_title_logo.gif"/>
<a href="javascript:void(0);" id="im_closelink" title="ซ่อนหน้าต่าง IM"> </a>
</div>
<a class="im_pagebutton" id="im_tab_left" href="javascript:void(0);"> </a>
<a class="im_pagebutton" id="im_tab_right" href="javascript:void(0);"> </a>
<ul id="im_tabs"></ul>
</div>
<div id="im_threads"></div>
</div>
<div id="im_pic_bar">
<div id="im_console" class="im_button" style="line-height: 21px;"></div>
<a id="im_settings_toggle" href="javascript:void(0);" class="im_button"><img src="http://static.hi5.com/images/clear.gif" width="15" height="15" class="im_status"/><img src="http://images.hi5.com/images/chat/im/images/chat_bar_arrow.gif" class="im_arrow"/></a>
<a id="im_buddy_toggle" href="javascript:void(0);" class="im_button">รายชื่อเพื่อน <img class="im_arrow" src="http://images.hi5.com/images/chat/im/images/chat_bar_arrow.gif"/></a>
<div id="im_pic_list"></div>
</div>
<div id="im_buddy_view" style="visibility: hidden;">
<img class="im_popup_stem" src="http://images.hi5.com/images/chat/im/images/buddy_view_stem.gif"/>
<h2><span rel="im_onlinecount">0</span></h2>
<ul id="im_buddy_list"></ul>
</div>
<div id="im_settings_view" style="visibility: hidden;">
<form id="im_status_form">
<input name="message" type="text" value="เปลี่ยนสถานะของคุณ" autocomplete="off"/>
</form>
<div style="color: #ffffff; margin-top: 10px;">
คุณกำลัง <select id="im_online_status">
<option value="1">ออนไลน์</option>
<option value="3">ไม่ปรากฎตัว</option>
</select>
</div>
</div>
</div>
<div style="display: none;">
<div id="im_thread_template">
<div class="im_thread">
<div rel="history" class="im_history">
<ul class="im_messages"></ul>
</div>
<div class="im_entry">
<form>
<a href="javascript:void(0);" name="send">ส่ง</a>
<input name="message" type="text" size="500" autocomplete="off"/>
</form>
</div>
</div>
</div>
<div id="im_toast_template">
<div class="im_toast"><img rel="picture" width="35" height="35" style="float: left; margin-right: 5px;" /><span rel="message"></span></div>
</div>
<div id="im_friend_template">
<a href="javascript:void(0);" class="im_friend" style="white-space: nowrap">
<img rel="picture" width="20" height="20" class="im_thumb"/><span rel="name"></span>
</a>
</div>
<div id="im_buddy_template">
<li>
<a href="javascript:void(0);" style="display: block; zoom: 1; white-space: nowrap;">
<img src="http://static.hi5.com/images/clear.gif" width="15" height="15"/><span rel="name"></span>
</a>
</li>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-4858046-1");
pageTracker._setSampleRate("1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>