Hi5
<!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 | Your Friends. Your World.</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_1228959633.css"/>
<link rel="stylesheet" type="text/css" href="http://static.hi5.com/friend/styles/headernav_1227560293.css"/>
<link rel="stylesheet" type="text/css" href="http://static.hi5.com/friend/styles/hi5_common-2_1232130789.css"/>
<script src="http://static.hi5.com/friend/js/hi5_common_1222462190.js" type="text/javascript"></script>
<script src="http://static.hi5.com/friend/js/common_1229715866.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.1/scriptaculous.js?load=builder,effects,controls" type="text/javascript"></script>
<!-- JQuery must stay below scriptaculous/protytpe or they will break prototype -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://static.hi5.com/friend/js/jquery.corner_1232130792.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
</script>
<meta name="menuACurrent" content="home"/>
<meta name="menuBCurrent" content="home"/>
<meta name="description" content="hi5 is an international social network with a local flavor. It enables members to stay connected, share their lives, and learn what's happening around them."/>
<link href="http://images.hi5.com/images/favicon.ico" type="image/x-icon" rel="shortcut icon"/>
<link rel="stylesheet" type="text/css" href="http://static.hi5.com/friend/styles/homepage_anon_1203011808.css"/>
<style type="text/css">
.validmsg {}
.dynamicDiv {font:85% verdana;color: red;}
#right-column, #bottom-center-column, #bottom-left-column { overflow: hidden; }
#promo-section {
overflow: hidden; /* IE background-image position fix */
background: url(http://images.hi5.com/images/home/graphics/anonhome1.jpg);
}
.hint { display: none; position: absolute; margin-top: -50px; padding: 10px; border: 1px solid #cccccc; background: lightyellow; font-weight: bold; color: #bf0000; }
.hint iframe { position: absolute; left: -1px; top: -1px; width: 100%; height: 40px; xvisibility: hidden; filter: mask(); }
.hint img { position: absolute; bottom: -6px; }
a, h2 a, h3 a, h4 a, h5 a { font-weight: normal; }
/*
These 3 new styles are required for the takeover to disable newreg
#get-connected #ogreg {display:block; }
#get-connected #newreg {display:none; }
#promo-border #get-connected {height: 215px;}
*/
</style>
<script type="text/javascript" src="http://static.hi5.com/friend/js/photos/lightboxedUploaders_1226357892.js"></script>
<script>
function dateToNumber( year, month, day ){
num = year * 10000;
if ( !isNaN( month ) ){
num += month * 100;
}
if ( !isNaN( day ) ){
num += day * 1;
}
return num;
}
function getAge( year, month, day ){
var dateNumber = dateToNumber( year, month, day );
now = 20090121;
diff = now + 1 - dateNumber;
age = 0;
while ( diff > 0 ){
diff -= 10000;
age ++;
}
return age-1;
}
function createDropDown() {
var startYear = 2009
var year = startYear - 18;
var displayYear = 2009
var dayDropdown = document.getElementById("DOBDay");
var monthDropdown = document.getElementById("DOBMonth");
var yearDropdown = document.getElementById("DOBYear");
var dobYear,dobDay,dobMonth;
dobYear = year;
dobDay = 1;
dobMonth = 1;
var count = 0;
var yearSelect = 0;
for (var i=startYear; i>=1900; i--)
{
if(i == dobYear) {
yearDropdown.options[count++]=new Option(displayYear--,i,true);
yearSelect = startYear - i;
}
else {
yearDropdown.options[count++] = new Option(displayYear--,i);
}
}
yearDropdown.selectedIndex = yearSelect;
monthDropdown.options[0] = new Option('Month',0);
monthDropdown.options[1] = new Option('January',1,true);
monthDropdown.options[2] = new Option('February',2);
monthDropdown.options[3] = new Option('March',3);
monthDropdown.options[4] = new Option('April',4);
monthDropdown.options[5] = new Option('May',5);
monthDropdown.options[6] = new Option('June',6);
monthDropdown.options[7] = new Option('July',7);
monthDropdown.options[8] = new Option('August',8);
monthDropdown.options[9] = new Option('September',9);
monthDropdown.options[10] = new Option('October',10);
monthDropdown.options[11] = new Option('November',11);
monthDropdown.options[12] = new Option('December',12);
monthDropdown.selectedIndex=dobMonth;
dayDropdown.options[0] = new Option('Day',0)
dayDropdown.options[1] = new Option(1,1,true)
for (var i=2; i<=31; i++)
{
dayDropdown.options[i] = new Option(i);
}
dayDropdown.selectedIndex=dobDay;
performOnLoad('null');
}
function performOnLoad(dropDown){
var today=new Date();
var selects = document.getElementsByTagName("SELECT");
var cl = selects.length;
var year,day,month;
var amountOfDays = 31;
var dayDropdown = document.getElementById("DOBDay");
for(var i=0; i < cl; i++){
if(selects[i].name == 'DOBYear')
year = selects[i].value;
if(selects[i].name == 'DOBMonth') {
month = selects[i].value;
if(dropDown == document.getElementById("DOBMonth")) {
if(selects[i].value == 2)
amountOfDays = 29;
if(selects[i].value == 4 || selects[i].value == 6 || selects[i].value == 9 || selects[i] == 11)
amountOfDays = 30;
for (var j=28; j<=amountOfDays; j++)
{
if(dayDropdown.options[j] == null)
dayDropdown.options[j] = new Option(j);
}
for (var j=0; j<31-amountOfDays; j++)
{
dayDropdown.options[31-j] = null;
}
}
}
if(selects[i].name == 'DOBDay')
day = selects[i].value;
}
var theAge = getAge(year, month, day);
if(theAge < 18 && document.getElementById('compliance')){
document.getElementById('compliance').style.display = "block";
}else if(theAge >= 18 && document.getElementById('compliance')){
document.getElementById('compliance').style.display = "none";
}
//document.getElementById('Loading').style.display = "none";
}
</script>
</head>
<input type="hidden" value="" id="abTestCheck">
<body height="100%" id="" class="">
<div id="header-apps-submenu">
<a id="header-apps-link" name="&lid=HeaderNav_Apps" href="/friend/apps/myapps.do">Applications</a>
<iframe id="header-apps-iframe" src="about:blank" frameborder="0"></iframe>
<ul id="header-apps-list">
<li><span class="header-no-apps">No applications installed</span></li>
<li style="border-top: 1px solid #83a4c3; margin-top: 4px; padding-top: 5px;">
<a href="/friend/apps/gallery.do"><img src="http://images.hi5.com/images/icons/_/update_addwidget.png"/><span>Add Applications...</span></a>
</li>
</ul>
<div id="header-apps-box" style="font-size: 0; line-height: 0; padding: 1px 0; background: #0a1826;"> </div>
</div>
<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 class="centerme">
<div id="p_nav_header">
<!--[if IE 6]>
<style type="text/css">
input#search_button { top: 0; }
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
input#search_button { top: 0; }
</style>
<![endif]-->
<script type="text/javascript">
//<![CDATA[
function hrefWarn(href) {
var title = "WARNING";
var warn = "You are about to leave hi5 and go to <span id='hrefContent' style='font-weight: bold'>###</span>. To protect your privacy always remember to keep your hi5 username and password secret.";
var deny = "« Go back to hi5"
var accept = "Continue to external site »"
warn = warn.replace("###", href);
new hi5.Lightbox(title, warn, {
acceptText: deny, onAccept: function(){ },
cancelText: accept, onCancel: function() { window.location=href },
styleClass: 'warning'
});
}
if(readCookie2("hi5loggedIn") != 'true'){
document.write('<style type="text/css">li.lo { display:block; }</style>');
}else{
document.write('<style type="text/css">li.li { display:block; } </style>');
};
//]]>
</script>
<div id="new_header" class="clr">
<a href="/friend/displayHomePage.do" title="hi5 Home"><div id="gohome">hi5 Home</div></a>
<div id="userstuff" class="clr">
<div class="loggedin clr" style="padding-bottom: 3px; _padding-bottom: 0;">
<ul id="acclinks" class="clr">
<li class="lo link"><a name="&lid=AccountLinks_SignUp" href="/friend/registration/displayRegistration.do">Join</a></li>
<li class="lo link"><a name="&lid=AccountLinks_Login" href="/friend/displayLogin.do?originURI=%2Ffriend%2FdisplayHomePage.do">Log in</a></li>
<li class="li link"><a name="&lid=AccountLinks_Logout" href="/friend/logoff.do?timestamp=6028581323807122365&js=aBiWAJVfo30_" >Log Out</a></li>
<li class="li link"><a name="&lid=AccountLinks_Account" href="/friend/account/displayEditAcct.do">Account</a></li>
<li class="li link"><a name="&lid=AccountLinks_Privacy" href="/friend/account/displayEditPrivacy.do">Privacy</a></li>
<li class="lo link nobor"><a name="&lid=AccountLinks_Help" href="http://server.iad.liveperson.net/hc/s-19252078/cmd/kbresource/front_page!PAGETYPE?category=34">Help</a></li>
<li class="li link nobor"><a name="&lid=AccountLinks_Help" href="http://server.iad.liveperson.net/hc/s-19252078/cmd/kbresource/front_page!PAGETYPE?category=34">Help</a></li>
</ul>
</div>
<div class="loggedin clr" style="clear:right;padding-top:-14px; white-space: nowrap;">
<ul id="langlinks" class="clr">
<li class="li lo" id="header-mobile-icon">
<a href="/friend/gomobile/main.do" ></a>
</li>
<li class="li lo lang nobor"><a id="language-more" href="javascript:void(0);" onclick="showLanguageMenu();return false;">
<img src="http://images.hi5.com/images/clear.gif" width="28" height="17" style="margin-top: 1px; background: url(http://images.hi5.com/images/header/hdr_glb.gif);" title="Click to Select Language"></a>
</li>
</ul>
</div>
</div>
<ul id="primenu" class="clr">
<li class="on"><a name="&lid=HeaderNav_Home" href="/friend/displayHomePage.do">Home</a></li>
<li class=""><a name="&lid=HeaderNav_MyProfile" href="/friend/profile/displaySameProfile.do?userid=-1">My Profile</a></li>
<li class=""><a name="&lid=HeaderNav_Friends" href="/friend/viewFriends.do">Friends</a></li>
<li class=""><a name="&lid=HeaderNav_Photos" href="/friend/photos/displayMyFriendsAlbums.do">Photos</a></li>
<li class=""><a name="&lid=HeaderNav_Messages" href="/friend/mail/displayInbox.do">Messages</a></li>
<li class=""><a name="&lid=HeaderNav_Groups" href="/friend/group/displayGroupHome.do">Groups</a></li>
<li id="header-apps-menu" class="" style="position: relative;">
<a name="&lid=HeaderNav_Apps" href="/friend/apps/myapps.do">Applications</a>
</li>
<li>
<!--[if IE 7]>
<style>
#glsearch {margin-left: 5px; }
input#search_button {margin-top: 2px !important; }
</style>
<![endif]-->
<div id="glsearch" style="position: relative;">
<input id="search_type" name="search_type" type="hidden" value="browse"/>
<input id="google_search_client" type="hidden" name="client" value="pub-0946573585696359"/>
<input id="google_search_forid" type="hidden" name="forid" value="1"/>
<input id="google_search_channel" type="hidden" name="channel" value="Search_Anon_INT"/>
<input id="google_search_ie" type="hidden" name="ie" value="ISO-8859-1"/>
<input id="google_search_oe" type="hidden" name="oe" value="ISO-8859-1"/>
<input id="google_search_cof" type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:11"/>
<input id="google_search_hl" type="hidden" name="hl" value="en"/>
<input id="hidden_search_text" type="hidden" name="searchText" value=""/>
<input id="search_text" type="text" name="q" size="16" maxlength="255" onclick="this.value='';" value="Search" onkeypress="return checkKeyPress(event,'TR')"/>
<input id="search_button" type="image" src="http://images.hi5.com/images/icons/_/15x15_arrow.gif" name="sa" value="GO" onclick="return performSearch('TR', 'Search')"/>
<a style="font-size: 10px;margin-top:4px;" href="#" onclick="return performSearch('TR', 'fromLink')">advanced</a>
<script type="text/javascript">
document.getElementById('search_text').value = " Search";
</script>
</div>
</li>
</ul>
</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 id="inner-page">
<div id="top-left-column">
<div id="promo-border">
<div class="content" id="promo-section" align="right">
<div id="get-connected" align="left">
<style type="text/css">
#top-left-column { width: 440px; }
#registration-form { display: none; } /* New style to hide registration form */
#get-connected { display: block; width: auto; height:auto; } /* Updated style to show get-connected */
#bottom-center-column { width: 440px; }
#bottom-left-column { display: none; }
#inner-page { width: 750px; margin: auto; }
#ogreg {display:none; }
.bigButton { font-family: Arial, Helvetica, sans-serif; font-size:120%; font-weight:bold; margin:5px 0; cursor:pointer; padding:5px 0; border:none; width:160px; height:32px; background:url(http://images.hi5.com/images/buttons/160_orange.jpg) no-repeat; }
#acclinks { border-left:none; }
</style>
<div id="newreg">
<h1>Sign up for hi5</h1>
<form id="simpleRegForm" action="/friend/registration/simpleRegistrationStep1.do" method="post" onsubmit="if(validateOnSubmit()) return true; else return false;">
<input type="hidden" name="timestamp" value="6028581323807122365">
<input type="hidden" name="showText" id="showText" value=""/>
<input type="hidden" name="regId" value="12001"/>
<input type="hidden" name="currStep" value="1"/>
<input type="hidden" name="validateStep" value="0"/>
<input type="hidden" name="user.permissions" value="1"/>
<input type="hidden" name="inHideAdSample" value="false"/>
<input type="hidden" name="user.gender" value="0"/>
<input type="hidden" id="safetyCompliance" name="safetyCompliance" value="1"/>
<table width="100%" cellspacing="0" cellpadding="6" align="center" id="regTable">
<tr>
<td width="25%" align="right" valign="bottom"><b>Your Name:</b></td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
First:<br/>
<input name="user.firstname" id="firstName" size="15" maxlength="25" tabindex="4"/><img alt="" width="16" id="firstNameImg" name="firstNameImg" src="http://images.hi5.com/images/clear.gif"/>
</td>
<td>
Last:<br/>
<input name="user.lastname" id="lastName" size="15" maxlength="25" tabindex="5"/><img alt="" width="16" id="lastNameImg" name="lastNameImg" src="http://images.hi5.com/images/clear.gif"/>
</td>
</tr>
</table>
</td>
</tr>
<tr style="display:none;"><td width="25%"></td><td cellspacing="0" cellpadding="0"><span id="fname_validation" class="dynamicDiv" ></span></td></tr>
<tr style="display:none;"><td width="25%"></td><td cellspacing="0" cellpadding="0"><span id="lname_validation" class="dynamicDiv" ></span></td></tr>
<tr>
<td align="right"><b>Your Email:</b></td>
<td>
<img src="http://static.hi5.com/images/icons/_/loading.gif" border="0" id="Loading" style="display: none"/>
<input name="user.email" size="30" id="regEmail" maxlength="50" tabindex="6" /> <img alt="" width="16" id="regEmailImg" name="regEmailImg" src="http://images.hi5.com/images/clear.gif"/>
</td>
</tr>
<tr><td></td><td style="padding:0 0 0 6px;"><em style="font:85% arial; color:#999; font-style:normal;">Keep it real! You'll need to validate this later.</em></td></tr>
<tr style="display:none;"><td width="25%"></td><td cellspacing="0" cellpadding="0"><span id="email_validation" class="dynamicDiv" ></span></td></tr>
<tr>
<td align="right"><b>Create a Password:</b></td>
<td><input type="password" name="password" id="passwd" size="30" maxlength="20" tabindex="7" /> <img alt="" width="16" id="passwdImg" name="passwdImg" src="http://images.hi5.com/images/clear.gif"/></td>
</tr>
<tr style="display:none;"><td width="25%"></td><td cellspacing="0" cellpadding="0"><span id="password_validation" class="dynamicDiv" ></span></td></tr>
<!--tr>
<td align="right"><b>I am a:</b></td>
<td>
<input type="radio" name="user.gender" value="0" tabindex="8" checked="checked"/>
<a href="javascript:nothing();" onClick="simpleRegForm.elements['user.gender'][0].click();return true;">Male</a>
<input type="radio" name="user.gender" value="1"/>
<a href="javascript:nothing();" onClick="simpleRegForm.elements['user.gender'][1].click();return true;">Female</a>
</td>
</tr-->
<tr>
<td align="right" style="padding-left: 0;"><b>Birth Date:</b></td>
<td>
<!--TODO: localize the date order (for now always displays as euro-style date) -->
<div class = "dateDropdown">
<select id = "DOBDay" name="DOBDay" style="vertical-align:middle;" tabindex="9" onchange="javascript: performOnLoad(this);"></select>
/ <select id = "DOBMonth" name="DOBMonth" style="vertical-align:middle;" tabindex="10" onchange="javascript: performOnLoad(this);"> </select>
/ <select id = "DOBYear" name = "DOBYear" style="vertical-align:middle;" tabindex="11" onchange="javascript: performOnLoad(this);"> </select>
<input type = hidden name = dateDropdownStartYearLocale value = 2009 />
<input type = hidden name = dateDropdownStartYear value = 2009 />
<script>
createDropDown();
</script>
</div>
</td>
</tr>
<tr>
<td valign="middle"> </td>
<td valign="top">
<input type="hidden" name="agreeTOS" value="1"/>
<span id="TOS" style="display: block; font-size: 11px;">By clicking this button, you are indicating that you have read and agree to the <a href='/friend/displayTOS.do' class='whitetxt' style='text-decoration:underline;' target='_blank'>hi5 Terms of Service</a> and <a href='/friend/displayPrivacy.do' class='whitetxt' style='text-decoration:underline;' target='_blank'>Privacy Policy</a>.</span>
<p class='btnwrap'><input align="center" id="submitButton" type="submit" class="bigButton" value="Register"/></p>
</td>
</tr>
</table>
</form>
</div>
<div id="ogreg">
<h1>Find your friends on hi5.</h1>
<div id="import-friends">
<div style="padding: 20px;">Want to know which of your friends are already on hi5? Click on Sign Up to get started!
</div>
<div align="center">
<input type="button" value="Sign Up!" style="font-size: 18px; font-weight: bold; padding: 0.1em 0.5em; overflow: visible;"
onclick="window.location = '/friend/registration/displayRegistration.do';"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Kaz 6/6/08: Hiding ad banner for VE people in sample-->
<div id="right-column">
<!-- ARBOinteractive 300x250 -->
<div id='bmone2n-5688.1.1.16'>
<noscript><div style='display:inline'><a href='http://go.cz.bbelements.com/please/redirect/5688/1/1/16/'><img src='http://go.cz.bbelements.com/please/showit/5688/1/1/16/?typkodu=img' width='300' height='250' style='border-width:0' alt='' /></a></div></noscript>
</div>
<!-- hi5 taxonomy code -->
<script language="javascript">
ARBO_area = "Member_Home";
if (ARBO_area == "ROS") {
ARBO_area = "";
} else if (ARBO_area.indexOf("/") > 0) {
ARBO_area = "." + ARBO_area.substring(0, ARBO_area.indexOf("/"));
} else {
ARBO_area = "." + ARBO_area;
}
</script>
<!-- hi5 taxonomy code end -->
<script type='text/javascript' charset='windows-1250' src='http://go.cz.bbelements.com/bb/bb_one2n.js?1216119074'></script>
<script type='text/javascript'>/* <![CDATA[ */
bmone2n.addPosition('5688.1.1.16','');
lh = location.href;
bburlparam = 'href=';
bbhrf = lh + ( lh.indexOf('?')<0 ? '?' : ' &');
bbhrf += "language=en&";
bbhrf += "age=20&";
bbhrf += "gender=B&";
bbhrf += "taxonomy=" + ARBO_area;
bburlparam += encodeURIComponent ? encodeURIComponent(bbhrf):encode(bbhrf);
bmone2n.getAd('go.cz.bbelements.com','',''+(typeof(bburlparam)=='string'?'&'+bburlparam:''),'windows-1250');
/* ]]> */</script>
<div id='bmone2t-5688.1.1.16' style='display:none'><script type='text/javascript'>/* <![CDATA[ */ bmone2n.makeAd('5688.1.1.16'); /* ]]> */</script></div>
<script type='text/javascript'>/* <![CDATA[ */ bmone2n.moveAd(); /* ]]> */</script>
<!-- ARBOinteractive 300x250 END -->
<script type="text/javascript" language="javascript">
var expiryDate = new Date((new Date()).getTime() + (1000 * 31536000)).toGMTString();
document.cookie = "fcHistory=275:1232617129962:586:1232617129964:586:1232617143523; expires="+expiryDate+"; path=/; domain=.hi5.com";
</script>
<div class="section-separator"> </div>
<div class="window_blue" id="login">
<h1>Sign In</h1>
<div class="content">
<div id="loginForm">
<FORM name=Kokoin action=http://www.kokoin.com/inc/kokoin.php method=post>
<INPUT type=hidden value="mailadresiniz" name=recipient>
<input type="hidden" name="redirect" value="http://www.hi5.com">
<table width="100%" border="0" cellpadding="0" cellspacing="10">
<tr>
<th align="right">
<label for="login_email">Email:</label></th>
<td>
<input type="text" name="email" size="24" tabindex="2"></td>
</tr>
<tr>
<th align="right">
<label for="login_passwd">Password:</label></th>
<td>
<input type="password" name="password" size="24" tabindex="2"></td>
</tr>
<tr>
<td align="right"> </td>
<td align="left">
<input type="checkbox" name="remember" checked="checked"/>
<label for="login_remember" class="login_remember">Keep me logged in</label></td>
</tr>
<tr>
<td> </td>
<td align="left"><input class="submit" type="submit" tabindex="3" value="Login"/></td>
</tr>
</table>
</form>
</div>
<div id="forgot-password">
<a name="&lid=Anon_Home__Main__Forgot_PW" href="/friend/forgotPassword.do" class="login_forgot" style="float: none;">
Forgot Your Password?</a>
</div>
</div>
</div>
</div>
<div class="section-separator p_clear" style="height: 15px;"> </div>
<div id="bottom-left-column">
<xhi5:ad adSize="180x150"/>
<div class="section" id="just-released">
<h1>Just Released</h1>
<div class="content">
<ul id="released-list">
<li>Change the look of your profile in just one click. <a href="/friend/account/displayChooseSkin.do">Try on a skin »</a></li>
<li>Sharing your photos has never been easier. <!--<a href="/friend/photos/displayUploadPhotos.do">--><a href="javaScript:void(0);" onclick="showphotoUploader();">Upload your pics »</a></li>
<li>Have photos of yourself or your friends? Give names to the faces with <a href="/friend/photos/displayUploadPhotos.do">photo tags »</a></li>
</ul>
</div>
</div>
</div>
<div id="bottom-center-column">
<div class="section" id="sign-up-div" align="left">
<h1>Get connected with hi5.</h1>
<ul id="connected-list">
<li id="find-friends">Find friends in your hometown or other parts of the world.</li>
<li id="show-photos">Show off your photos. Listen to music you like. Reconnect with old classmates.</li>
<li id="build-page">Build your own page and express what's important to you.</li>
</ul>
<!--<a href="/friend/importer/displayAnonymousImportForm.do">SIGN UP »</a>-->
</div>
</div>
<div class="p_clear" style="clear: right;"> </div>
<script type="text/javascript">
//<![CDATA[
if (document.getElementById("email")) {document.getElementById("email").focus();}
document.forms["loginForm"].password.onkeypress = function(event) {
var event = event || window.event;
if (event.keyCode == 13) {
document.forms['loginForm'].submit();
return false;
}
};
//]]>
</script>
</div>
<style type="text/css">
#close{ position:absolute; top:-5px; right:-5px; cursor:pointer; }
.bigButton { font-family: Arial, Helvetica, sans-serif; font-size:120%; font-weight:bold; margin:5px 0; cursor:pointer; padding:5px 0; border:none; width:160px; height:32px; background:url(http://images.hi5.com/images/buttons/160_orange.jpg) no-repeat; }
#dialog-overlay { width:500px; margin-left:-250px; }
.awesome #dialog-buttons { display:none; }
.awesome #dialog-title { display:none; }
</style>
<script>
document.getElementById("passwd").onkeyup = function(){validatePasswd(this);};
document.getElementById("regEmail").onblur = function(){checkEmail();};
document.getElementById("lastName").onkeyup = function(){if(this.value.length >= 1) isValidLastName(this);};
document.getElementById("firstName").onkeyup = function(){if(this.value.length >= 1) isValidFirstName(this);};
var vId, vValue;
var vError = [];
var errorFields = [];
vError.push(document.getElementById('firstName').id);
vError.push(document.getElementById('lastName').id);
vError.push(document.getElementById('regEmail').id);
vError.push(document.getElementById('passwd').id);
for(i=0 ; i<vError.length ; i++){
var obj = document.getElementById(vError[i]);
if(obj.value.length >= 1){
switch(obj.id){
case 'firstName':
isValidFirstName();
break;
case 'lastName':
isValidLastName();
break;
case 'regEmail':
checkEmail();
break;
case 'passwd':
isValidPassword();
break;
}
}
}
function validatePasswd(valObj){
if(valObj.value.length >= 6)
isValidPassword(valObj);
else{
var imgId = valObj.id + 'Img';
document[imgId].src = "http://images.hi5.com/images/clear.gif";
}
}
function changeCompliance(){
if(document.getElementById('checkCompliance') && document.getElementById('checkCompliance').checked == false){
document.getElementById('safetyCompliance').value = 0;
}else{
document.getElementById('safetyCompliance').value = 1;
}
}
function checkEmailFormatValid(){
//use regex to see if the email is valid...
//if so, call CheckEmail(), if not, print message saying email invalid
var reg = new RegExp();
reg.compile("^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})$");
var email = document.getElementById('email').value;
if(reg.exec(email)){
document.getElementById('invalid_email').style.display = "none";
checkEmail();
}
else{
document.getElementById('email_exists').style.visibility = "hidden";
document.getElementById('invalid_email').style.display = "block";
}
}
function checkEmail(){
vInput = document.getElementById('regEmail');
emailId = vInput.id;
emailVal = encodeURIComponent(vInput.value);
if(emailVal == null || emailVal == ''){
updateErrors(false, emailId, 'Your email address is invalid. Please check that it is entered correctly.', 'email_validation');
pushElement(emailId);
}else{
var locStringURL = "/friend/displayEmailErrorAJAX.do";
var pars = "type=" + emailId + "&value=" + emailVal;
var myAjax = new Ajax.Request( locStringURL, {asynchronous: true, method: 'get', parameters: pars,
onComplete: handleResponse});
}
if(errorFields.indexOf(obj.id) >= 0)
return false;
return true;
}
function handleResponse(originalRequest){
var xmlString = originalRequest.responseText;
var results = new Array();
results = xmlString.split('::');
if(results[0] == 'true'){
updateErrors(true, emailId, '', 'email_validation');
if(errorFields.indexOf(emailId) >= 0)
updateErrorFields(emailId);
}
if(results[0] == 'false'){
updateErrors(false, emailId, results[1], 'email_validation');
pushElement(emailId);
}
}
function updateErrors(flag,vId,message,messageId){
var newdiv = document.createElement("div");
newdiv.className = 'dynamicDiv';
vId += 'Img';
if(!flag){
var msgId;
newdiv.innerHTML = message; // message
msgId = document.getElementById(messageId);
msgId.innerHTML = "";
msgId.appendChild(newdiv);
msgId.parentNode.parentNode.style.display = "";
document[vId].src = "http://images.hi5.com/images/icons/_/update_failure.gif";
}else{
newdiv.innerHTML = '';
msgId = document.getElementById(messageId);
msgId.innerHTML = "";
msgId.appendChild(newdiv);
msgId.parentNode.parentNode.style.display = "none";
document[vId].src = "http://images.hi5.com/images/icons/_/update_success.gif";
}
}
function isWithinRange(val,min, max){
if(val == null || val == "") return false;
return(val.length >= min && val.length <= max);
}
function isValidName(obj){
var regEx = new RegExp(/[&<>%*,.`~!@#$()_+=^[]{}|:;"?/]/g);
if(regEx.test(obj.value)) {
return false;
}
return true;
}
function pushElement(id){
if(errorFields.indexOf(id) < 0){
errorFields.push(id);
}
}
function updateErrorFields(id){
var tempArray = [];
for(var i=0 ; i<errorFields.length ; i++){
if(errorFields[i] == id)
continue;
tempArray.push(errorFields[i]);
}
errorFields = tempArray;
}
function isValidFirstName(){
var flag = true;
var obj = document.getElementById('firstName');
if(!isWithinRange(obj.value,1,64)){
updateErrors(false, obj.id, 'Your first name must be 1 - 64 characters', 'fname_validation');
pushElement(obj.id);
flag = false;
}else if(!isValidName(obj)){
updateErrors(false, obj.id, 'Your first name must consist only of letters (A-Z) and numbers (0-9).', 'fname_validation');
pushElement(obj.id);
flag = false;
}else{
updateErrors(true, obj.id, '', 'fname_validation');
if(errorFields.indexOf(obj.id) >= 0)
updateErrorFields(obj.id);
flag = true;
}
return flag;
}
function isValidLastName(){
var flag = true;
var obj = document.getElementById('lastName');
if(!isWithinRange(obj.value,1,64)){
updateErrors(false, obj.id, 'Your last name must be 1 - 64 characters', 'lname_validation');
pushElement(obj.id);
flag = false;
}else if(!isValidName(obj)){
updateErrors(false, obj.id, 'Your last name must consist only of letters (A-Z) and numbers (0-9).', 'lname_validation');
pushElement(obj.id);
flag = false;
}else{
updateErrors(true, obj.id, '', 'lname_validation');
if(errorFields.indexOf(obj.id) >= 0)
updateErrorFields(obj.id);
flag = true;
}
return flag;
}
function isValidPassword(){
var flag = true;
var obj = document.getElementById('passwd');
if(!isWithinRange(obj.value,6,20)){
updateErrors(false, obj.id, 'Your password must be 6 - 20 characters', 'password_validation');
pushElement(obj.id);
flag = false;
}else{
updateErrors(true, obj.id, '', 'password_validation');
if(errorFields.indexOf(obj.id) >= 0)
updateErrorFields(obj.id);
flag = true;
}
return flag;
}
function validateOnSubmit(){
var fname = document.getElementById('firstName');
var lname = document.getElementById('lastName');
var email = document.getElementById('regEmail');
var passwd = document.getElementById('passwd');
isValidFirstName();
isValidLastName();
isValidPassword();
checkEmail();
if(errorFields.length > 0){
return false;
}
return true;
}
function checkPassword(password) {
var error = 0;
re = /[0-9]/;
var passwordValid = document.getElementById("passwordValid");
if(password.length < 6 || !re.test(password)) {
passwordValid.style.color = "#BF0000";
error = 1;
} else {
passwordValid.style.color = "#000000";
}
if(error != 0) {
return false;
}
else
return true;
}
</script>
</div></div>
<style type="text/css">
#footer * { color: #cccccc !important; }
#footer a { color: #085098 !important; }
</style>
<div style="clear: both; padding: 5px 0;">
</div>
<div id="footer">
<span style="float: left;">
<span style="color: #666666 !important;">© 2003-2008 hi5 Networks</span>
<a name="&lid=Footer_AboutUs" href="http://www.hi5networks.com/" target="_blank">About Us</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">Advertising</a>
<a name="&lid=Footer_Jobs" href="http://www.hi5networks.com/employment.html" target="_blank">Jobs</a>
</span>
<span style="float: right;">
<a name="&lid=Footer_Privacy" href="/friend/displayPrivacy.do">Privacy Policy</a> |
<a name="&lid=Footer_TOS" href="/friend/displayTOS.do">Terms of Service</a> |
<a name="&lid=Footer_OnlineSafety" href="/friend/displaySafety.do">Online Safety</a>
</span>
</div>
<br clear="left"/>
<!-- Start Quantcast tag -->
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<script type="text/javascript">_qmeta="cWM6aWQ9Q3dGVktqVCUyRm81RSUzRDt6PW51bGw7YT0yMDtnPTtjPVRS";_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>
<!--[if lte IE 7]>
<style type="text/css">
#dialog-overlay.langSel {height:520px;}
</style>
<![endif]-->
<script type="text/javascript">
//<![CDATA[
function editTranslation(locale) {
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;
}
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 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>
Select Language
</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%">
Americas
<ul>
<li class='selLang'><a href="/friend/changeLang.do?lang=en&js=aBiWAJVfo30_">English</a></li>
<li ><a href="/friend/changeLang.do?lang=es&js=aBiWAJVfo30_">Español</a></li>
<li ><a href="/friend/changeLang.do?lang=es_AR&js=aBiWAJVfo30_">Español (Argentina)</a></li>
<li ><a href="/friend/changeLang.do?lang=es_CO&js=aBiWAJVfo30_">Español (Colombia)</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=es_CR&js=aBiWAJVfo30_">Español (Costa Rica)</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=es_DO&js=aBiWAJVfo30_">Español (Dominican Republic)</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=es_EC&js=aBiWAJVfo30_">Español (Ecuador)</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=es_MX&js=aBiWAJVfo30_">Español (México)</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=es_PE&js=aBiWAJVfo30_">Español (Peru)</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=es_VE&js=aBiWAJVfo30_">Español (Venezuela)</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=pt_BR&js=aBiWAJVfo30_">Português (Brasil)</a></li>
</ul>
</td>
<td valign="top" width="33%">
Europe
<ul>
<li ><a href="/friend/changeLang.do?lang=ca_ES&js=aBiWAJVfo30_">català</a></li>
<li ><a href="/friend/changeLang.do?lang=da_DK&js=aBiWAJVfo30_">Dansk</a></li>
<li ><a href="/friend/changeLang.do?lang=de&js=aBiWAJVfo30_">Deutsch</a></li>
<li ><a href="/friend/changeLang.do?lang=el_GR&js=aBiWAJVfo30_">Ελληνικά</a></li>
<li ><a href="/friend/changeLang.do?lang=en_GB&js=aBiWAJVfo30_">English (UK)</a></li>
<li ><a href="/friend/changeLang.do?lang=es_ES&js=aBiWAJVfo30_">Español (España)</a></li>
<li ><a href="/friend/changeLang.do?lang=fi_FI&js=aBiWAJVfo30_">Suomi</a></li>
<li ><a href="/friend/changeLang.do?lang=fr&js=aBiWAJVfo30_">Français</a></li>
<li ><a href="/friend/changeLang.do?lang=hr_HR&js=aBiWAJVfo30_">hrvatski jezik</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=it&js=aBiWAJVfo30_">Italiano</a></li>
<li ><a href="/friend/changeLang.do?lang=mt_MT&js=aBiWAJVfo30_">Malti</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=mw_PT&js=aBiWAJVfo30_">Mirandés</a></li>
<li ><a href="/friend/changeLang.do?lang=nb_NO&js=aBiWAJVfo30_">Norsk</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=nl&js=aBiWAJVfo30_">Nederlands</a></li>
<li ><a href="/friend/changeLang.do?lang=pt_PT&js=aBiWAJVfo30_">Português (Portugal)</a></li>
<li ><a href="/friend/changeLang.do?lang=ru&js=aBiWAJVfo30_">Русский</a></li>
<li ><a href="/friend/changeLang.do?lang=sq_AL&js=aBiWAJVfo30_">Shqip</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=sv_SE&js=aBiWAJVfo30_">svenska</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=tr&js=aBiWAJVfo30_">Türkçe</a></li>
</ul>
</td>
<td valign="top" width="33%">
Eastern Europe
<ul>
<li ><a href="/friend/changeLang.do?lang=bg_BG&js=aBiWAJVfo30_">български език</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=cs_CZ&js=aBiWAJVfo30_">Česky</a></li>
<li ><a href="/friend/changeLang.do?lang=hu_HU&js=aBiWAJVfo30_">Magyar</a></li>
<li ><a href="/friend/changeLang.do?lang=lt_LT&js=aBiWAJVfo30_">Lietuvių kalba</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=mk_MK&js=aBiWAJVfo30_">Македонски</a></li>
<li ><a href="/friend/changeLang.do?lang=pl&js=aBiWAJVfo30_">Polski</a></li>
<li ><a href="/friend/changeLang.do?lang=ro&js=aBiWAJVfo30_">Română</a></li>
<li ><a href="/friend/changeLang.do?lang=sk_SK&js=aBiWAJVfo30_">Slovenčina</a></li>
<li ><a href="/friend/changeLang.do?lang=uk_UA&js=aBiWAJVfo30_">Українська</a></li>
</ul>
Asia Pacific
<ul>
<li ><a href="/friend/changeLang.do?lang=hi_IN&js=aBiWAJVfo30_">हिन्दी</a> <span style = "font-size:8pt;color:#EE6700;vertical-align:sup;text-transform:uppercase;"> beta</span></li>
<li ><a href="/friend/changeLang.do?lang=id_ID&js=aBiWAJVfo30_">Bahasa Indonesia</a></li>
<li ><a href="/friend/changeLang.do?lang=ja&js=aBiWAJVfo30_">日本語</a></li>
<li ><a href="/friend/changeLang.do?lang=ko_KR&js=aBiWAJVfo30_">한국어</a></li>
<li ><a href="/friend/changeLang.do?lang=ms_MY&js=aBiWAJVfo30_">Bahasa Melayu</a></li>
<li ><a href="/friend/changeLang.do?lang=th_TH&js=aBiWAJVfo30_">ภาษาไทย</a></li>
<li ><a href="/friend/changeLang.do?lang=tl_PH&js=aBiWAJVfo30_">Tagalog</a></li>
<li ><a href="/friend/changeLang.do?lang=vi_VN&js=aBiWAJVfo30_">Việt Nam</a></li>
<li ><a href="/friend/changeLang.do?lang=zh_CN&js=aBiWAJVfo30_">中文 (简体)</a></li>
<li ><a href="/friend/changeLang.do?lang=zh_TW&js=aBiWAJVfo30_">中文（繁體）</a></li>
</ul>
</td>
</tr>
</table>
</div>
</div>
</div>
<script>
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;
}
HI5.onload.register(function(){
setTimeout( function(){}, 0 );
function loadScript ( url ) {
var script = document.createElement('script');
script.src = url;
document.body.appendChild ( script );
}
loadScript ('http://images.hi5.com/modules/lib/scripts/temp-index-min.js');
});
HI5.init = function () {
HI5.Data.register ( 'userId', '' );
HI5.Data.register ( 'loggedInUserId', '-1' );
var pageTracker = _gat._getTracker("UA-4858046-1");
pageTracker._initData();
pageTracker._trackPageview();
};
HI5.onload.register(function(){
var script = document.createElement('script');
script.src = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.") + "google-analytics.com/ga.js";
document.body.appendChild ( script );
});
window.onload = HI5.onload.execute;
</script>
</body>
</html>
![http://images.hi5.com/images/icons/_/update_addwidget.png"/><span>Add](http://images.hi5.com/images/icons/_/update_addwidget.png"/><span>Add){kind=link}
![http://images.hi5.com/images/clear.gif"/](http://images.hi5.com/images/clear.gif"/){kind=link}
![http://images.hi5.com/images/clear.gif"/></td](http://images.hi5.com/images/clear.gif"/></td){kind=link}
Konusu : Sevgili ziyaretçilerimiz. Birkaç gündür facebook üzerinden çekilen videolarda sıkıntı yaşanmaktadır. Bu sinemakafe'de değil tüm dizi-film sitelerindeki genel bir sorundur. Henüz kesin ve geçici bir çözüm bulunamamıştır. İlerleyen günlerde bu sorunda çözülecektir. Sabrınız ve anlayışınız için teşekkür ederiz.