<!DOCTYPE html>
<html xmlns="https://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://ogp.me/ns#">
<head>
<script>
var DMDGetFlashVersion = function() {
var flashVersion = "0,0,0";
try {
try {
var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
try { axo.AllowScriptAccess = "always"; }
catch(e) { flashVersion = "6,0,0"; }
} catch(e) {}
flashVersion = new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version").replace(/\D+/g, "","").match(/^,?(.+),?$/)[1];
} catch(e) {
try {
if(navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin){
flashVersion = (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]).description.replace(/\D+/g, ",").match(/^,?(.+),?$/)[1];
}
} catch(e) {}
}
flashVersion = flashVersion.split(",").shift();
return flashVersion;
};
</script>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" />
<meta name="google-site-verification" content="6cBdPpCKBeVi236rITbeI7LYAKaifWRl6AbIzmHpk0c" />
<title>Dermandar User Profile - Grid</title>
<link rel="icon" type="image/x-icon" href="//www.dermandar.com/design/images/favicon.ico" />
<link rel="apple-touch-icon" href="https://static.dermandar.com/apple-touch-icon.png" />
<link href="https://static.dermandar.com/design/style2.css?v=1.1.3" media="screen" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="https://static.dermandar.com/css/style2.css?v=1.0.79">
<!--[if lte IE 8]>
<link href="https://static.dermandar.com/design/lte-ie8.css" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lte IE 7]>
<link href="https://static.dermandar.com/design/lte-ie7.css" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="https://static.dermandar.com/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="https://static.dermandar.com/js/jquery.hoverIntent.js"></script>
<script>
var isUserCN=false;
function appendMapAPI() {
var scriptMap = document.createElement('script');
scriptMap.async=true;
scriptMap.defer=true;
scriptMap.src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBuOLMtBwzS3xaZZ6RfSucOGV7q_RgoIvw";
document.getElementsByTagName('head')[0].appendChild(scriptMap);
scriptMap.onload = function () {
};
var scriptMap = document.createElement('script');
scriptMap.async=true;
scriptMap.defer=true;
scriptMap.src="//www.dermandar.com/js/script.js?v=127.183";
document.getElementsByTagName('head')[0].appendChild(scriptMap);
window.fbAsyncInit = function() {
FB.init({
appId : '246290217488', // App ID
channelUrl : 'https://static.dermandar.com/fbchannel.php', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "https://connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
jQuery(document).ready(function ($) {
var facebookOpened = false;
$('.dmd_facebook_button').live('click',function (e) {
if(!facebookOpened){
$(".dmd_facebook_box").animate({right:"0px"},500);
$(".dmd_facebook_button").animate({right:$(".dmd_facebook_box").outerWidth()},500);
facebookOpened = true;
}else{
$(".dmd_facebook_box").animate({right:"-212px"},500);
$(".dmd_facebook_button").animate({right:"0px"},500);
facebookOpened = false;
}
});
});
}
try {
$.ajax({
type: "GET",
url: "https://freegeoip.app/json/",
success: function (data_geo) {
if(data_geo.country_code=='CN') isUserCN=true;
if(!isUserCN) appendMapAPI();
},
error: function (e) {
if(!isUserCN) appendMapAPI();
}
});
}
catch (e) {
if(!isUserCN) appendMapAPI();
}
</script>
<script type="application/javascript">
var geoip_country_name=null;
var geoip_latitude=null;
var geoip_longitude=null;
</script>
<script>
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
var scrollBoolean=false;
function isScrolled(){
var body_height = $(document.body).height();
var window_height = window.innerHeight;
scrollBoolean = body_height > window_height;
return scrollBoolean;
}
function dmd_isAndroidAgent() {
var userAgent=navigator.userAgent.toLowerCase();
if (userAgent.indexOf("android") > -1) {
return true;
}
return false;
};
function dmd_isIOSAgent() {
var userAgent=navigator.userAgent.toLowerCase();
var isIOS=false;
if (userAgent.indexOf("ipad") > -1) {
return true
}
if (userAgent.indexOf("ipod") > -1) {
return true;
}
if (userAgent.indexOf("iphone") > -1) {
return true;
}
return false;
};
function dmd_isDesktopAgent() {
return (!dmd_isAndroidAgent() && !dmd_isIOSAgent());
};
function searchPanos(){
var searchText = document.getElementById('dmdpano_searchtext');
if(searchText.value != null && searchText.value != ''){
location.href = CFG_DOMAIN_URL + 'search?q='+ encodeURIComponent(searchText.value);
}else{
searchText.classList.add('searchtexthidden');
searchText.classList.remove('searchtextvisible');
}
}
function searchPanosKeyPress(e){
var key=e.keyCode? e.keyCode : e.charCode
if(key == 13){
searchPanos();
}
}
function showSearchBox(){
var searchText = document.getElementById('dmdpano_searchtext');
if(searchText.className.search('searchtextvisible') ==-1){
searchText.classList.add('searchtextvisible');
searchText.classList.remove('searchtexthidden');
}else{
searchPanos();
}
}
</script>
<script type="text/javascript">
var temp;
</script>
<script type="text/javascript" src="https://static.dermandar.com/js/animate-minified.js"></script>
<script>
var openedMenu = "";
function resized()
{
if(openedMenu != "")
hide(document.getElementById(openedMenu));
}
</script>
</head>
<body onresize="resized()">
<div id="fb-root"></div>
<script>
function showhidemenu(menu)
{
var obj = document.getElementById(menu);
if(obj != null)
{
if( !obj.style.opacity || obj.style.opacity=='0')
{
if(openedMenu != "")
hide(document.getElementById(openedMenu));
show(obj);
}
else
{
hide(obj);
}
openedMenu = menu;
}
return false;
}
function hide(obj) {
obj.animate = dmd_animate;
obj.animate({'opacity':'0'}, 100, function() { obj.style.display="none";});
return true;
}
function show(obj) {
obj.animate = dmd_animate;
obj.style.display="block";
obj.animate({'opacity':'0'}, 0, function() {});
obj.animate({'opacity':'1'}, 100, function() {});
return true;
}
function hidemenu() {
setTimeout(function(){
var obj = document.getElementById('menucontent');
if(obj != null){hide(obj);}
var obj2 = document.getElementById('menuInfo');
if(obj2 != null){hide(obj2);}
}, 100);
}
</script>
<div id="header">
<div id="headerContent">
<a id="headerLogo" href="/"></a>
<ul class="headerMenu" id="dmd_main-menu">
<li><a onclick="return doScroll('homes',event);" href="/#homes">Home</a></li>
<li><a onclick="return doScroll('abouts',event);" href="/#abouts">About</a></li>
<li><a onclick="return doScroll('presss',event);" href="/#presss">Press</a></li>
<li><a onclick="return doScroll('contacts',event);" href="/#contacts">Contact</a></li>
<li><a href="/SDK/">SDK</a></li>
</ul>
<div class="menu" >
<div class="menubutton" unselectable="on" style="background-image:url('https://static.dermandar.com/design/images/arrow_down.png');background-repeat:no-repeat;background-position:right center;padding-right:22px" tabindex="-1" onclick="return showhidemenu('menucontent');" onblur="hidemenu();">
<span class="menufullname">Main Menu</span>
</div>
<div class="menucontent" id="menucontent">
<ul class="menuitems" id="menuitems">
<li class="menuitem"><a onclick="return doScroll('homes',event);" href="/#homes">Home</a></li>
<li class="menuitem"><a onclick="return doScroll('abouts',event);" href="/#abouts">About</a></li>
<li class="menuitem"><a onclick="return doScroll('presss',event);" href="/#presss">Press</a></li>
<li class="menuitem"><a onclick="return doScroll('contacts',event);" href="/#contacts">Contact</a></li>
<li class="menuitem"><a style="line-height:36px;" href="/SDK/">SDK</a></li>
</ul>
</div>
</div>
<div id="headerUserData">
<ul class="headerMenu">
<li id = "dmd_signup_btn"><a href="/signup.php">Sign Up</a></li>
<li><a href="/login.php">Login</a></li>
</ul>
</div>
</div>
</div>
<div class = "footer" style="width: 100% !important;">
<div style="clear:both;"></div>
<div style="clear:both;"></div>
</div>
<div style="height:50px;"></div>
<script src="https://static.dermandar.com/js/jquery-1.11.2.min.js"></script>
<style>
.dmd_facebook_button,.dmd_facebook_box{
display:none !important;
}
</style>
<script type="text/javascript">
var type = 'user';
var user_name = "flightdebt5";
</script>
<script type="text/javascript">
var flist=null;
var w=0,h=0; var dim_sq=0; var jcrop_api=0; var crop_area=[0,0,0,0];
function selectionChanged(e) {
crop_area=[e.x/w,e.y/h,e.x2/w,e.y2/h];
}
function selectionRemoved(e) {
//console.log([ (w-dim_sq)/2., (h-dim_sq)/2.0, dim_sq, dim_sq ]);
jcrop_api.setSelect([(w-dim_sq)/2., (h-dim_sq)/2.0, (w-dim_sq)/2.+dim_sq, (w-dim_sq)/2.+dim_sq ]);
}
$(document).ready(function() {
$('#dmd_img_crop').load(function(e) {
if(!jcrop_api) {
$(this).Jcrop({
touchSupport:true,
onRelease:selectionRemoved,
onChange:selectionChanged,
maxSize: [1024, 1024],
minSize:[0, 0],
aspectRatio:1,
bgOpacity: .4,
setSelect: [(w-dim_sq)/2., (h-dim_sq)/2.0, (w-dim_sq)/2.+dim_sq, (w-dim_sq)/2.+dim_sq ]
},function(){
jcrop_api = this;
});
}
else {
jcrop_api.setImage(this.src);
jcrop_api.setSelect([(w-dim_sq)/2., (h-dim_sq)/2.0, (w-dim_sq)/2.+dim_sq, (w-dim_sq)/2.+dim_sq ]);
}
});
});
function openToCrop(e) {
var img=new Image();
img.onload=function() {
w=img.width;
h=img.height;
if(w*h>6291456) { alert("Image is too large, maximum resolution allowed: (6 MP)."); return false; };
var asp=w/h;
var isW=((Math.min($(window).width()-100,w)>=Math.min($(window).height()-100,h))&&(Math.min($(window).width()-100,w)/asp<=Math.min($(window).height()-100,h)));
var dim=isW?Math.min($(window).width()-100,w):Math.min($(window).height()-100,h);
if(isW) { w=dim; h=dim/asp; dim_sq=Math.min(w,h); } else { w=dim*asp; h=dim; dim_sq=Math.min(w,h); }
dim_sq=Math.min(w,h);
$('#dmd_crop_holder').parent().css("display", "block");
$('#dmd_crop_holder').parent().css("width", "100%");
$('#dmd_crop_holder').parent().css("height", "100%");
$('#dmd_crop_holder').parent().css("position", "fixed");
$('#dmd_crop_holder').parent().css("top", "0");
$('#dmd_crop_holder').parent().css("left", "0");
$('#dmd_crop_holder').parent().css("box-sizing", "border-box");
$('#dmd_crop_holder').parent().css("background-color", "rgba(0,0,0,0.3)");
$('#dmd_crop_holder').parent().css("z-index", "10000");
$('#dmd_crop_holder').css("position", "absolute");
$('#dmd_crop_holder').css("display", "block");
$('#dmd_crop_holder').css("width", w+"px");
$('#dmd_crop_holder').css("height", h+"px");
$('#dmd_crop_holder').css("padding", "20px");
$('#dmd_crop_holder').css("top", (($(window).height()-Math.min($(window).height()-100,h))/2.0-10)+"px");
$('#dmd_crop_holder').css("left", (($(window).width()-Math.min($(window).width()-100,w))/2.0-10)+"px");
$('#dmd_crop_holder').css("display", "block");
$('#dmd_crop_holder').css("overflow", "hidden");
$('#dmd_img_crop').css("width", w+"px"); $('#dmd_img_crop').css("height", h+"px");
$('#dmd_img_crop').attr('src', URL.createObjectURL(e.target.files[0]));
}
img.src=URL.createObjectURL(e.target.files[0]);
}
function closeAndUpload(upload) {
$("#dmd_crop_holder").parent().css("display","none");
if(upload)$("#dmd_frm_submit").submit();
$('#profilepic').val("");
jcrop_api.destroy(); jcrop_api=0;
}
function checkPic(e) {
flist = e.target.files;
var fname=$('#profilepic').val();
if(!(fname.toLowerCase().indexOf(".jpg")||fname.toLowerCase().indexOf(".jpeg"))) { alert('Invalid input.\nPlease select a square JPEG image with a maximum size of (1024x1024) pixels.'); return false; }
var url=URL.createObjectURL(flist[0]);
var img=new Image();
img.onload=function() {
if((img.width>1024)||(img.height>1024)||(img.width<=0)||(img.height<=0)) { alert('Invalid input.\nPlease select a square JPEG image with a maximum size of (1024x1024) pixels.'); $('#profilepic').val(""); return; }
if(img.width!=img.height) if(!confirm("Your image would be cropped to fit a square.")) { $('#profilepic').val(""); return; }
//$('#dmd_pp_holder').css('background-image', "url('"+img.src+"')");
openToCrop(event);
};
img.src=url;
}
function handleUpload(e) {
e.stopPropagation();
e.preventDefault();
$("#dmd_edit_pic").html("Please Wait...");
var data = new FormData($(e.target).get(0));
data.append("crop_x1",crop_area[0]);
data.append("crop_y1",crop_area[1]);
data.append("crop_x2",crop_area[2]);
data.append("crop_y2",crop_area[3]);
$.ajax({
url: 'https://www.dermandar.com/php/auth.php',
type: 'POST',
data: data,
timeout:100*1000,
cache: false,
dataType: 'json',
processData: false,
contentType: false,
success: function(data, textStatus, jqXHR)
{
if(!data.success) {
alert("Error with the data provided. Please check your data and try again.");
}
else {
location.href=location.href;
}
$("#dmd_edit_pic").html("Edit");
},
error: function(jqXHR, textStatus, errorThrown)
{
alert("Error: Connection problems.");
}
});
}
</script>
<div style="width:100%; height:100%; position:fixed; top:0px; left:0px; box-sizing:border-box; display:none;">
<div id="dmd_crop_holder" style="position:absolute; display:none; z-index:100000; text-align:center;">
<img id="dmd_img_crop" style="width:400px; height:350px;" />
<div style="display:inline-block; top:-40px; color:#000000; z-index: 10000; position:relative; cursor:pointer;"><div style="padding:10px; background-color: rgba(255,255,255,0.75); display: inline-block;" onclick="closeAndUpload(true)">Save</div> <div style="padding:10px; background-color: rgba(255,255,255,0.75); display: inline-block;" onclick="closeAndUpload(false)">Close</div></div>
</div>
</div>
<div id="user_info" style="clear:both; width:100%; margin-top:20px;">
<form id="dmd_frm_submit" method="post" action="https://www.dermandar.com//php/auth.php" name="dmd_frm_submit" enctype="multipart/form-data" onsubmit="return handleUpload(event)">
<input type="hidden" name="action" value="update_user_info" />
<input type="hidden" name="params" value="" />
<script src="https://static.dermandar.com/js/jquery-1.11.2.min.js"></script>
<script src="https://static.dermandar.com/js/jquery.Jcrop.min.js"></script>
<link rel="stylesheet" href="https://static.dermandar.com/css/jcrop/jquery.Jcrop.min.css" type="text/css" />
<table cellspacing="0" cellpadding="0" style="margin:0px auto; min-width:300px; max-width:550px;">
<tr>
<td style="width:150px; vertical-align:middle; text-align:center;">
<script type="text/javascript">
var oldBio="";
function toggleBio(spn) {
var val=$(spn).text();
var spnw=parseInt($(spn).width());
spn.innerHTML="";
spn.onclick=function() {};
if(val=="Edit bio")val="";
$(spn).append('<input name="bio" type="text" value="'+val+'" onchange="saveBio(this)" onblur="saveBio(this)" style="font-size:14px; width:'+Math.max(200,spnw)+'px" />');
makeSelection($(spn).find("input"));
}
function saveBio(txt) {
if(txt.value.trim().length>500) {
alert("Please enter a valid 'bio' with no more than 500 characters.");
txt.value=oldBio;
}
$("#dmd_bio_holder").get(0).onclick=function() { toggleBio($("#dmd_bio_holder").get(0)); };
if(oldBio!=$(txt).val()) $("#dmd_frm_submit").submit();
else { $("#dmd_bio_holder").html((oldBio.length==0?"<span style=\"color:#888888; font-style:italic;\">Edit bio</span></span>":oldBio)); }
}
function makeSelection(obj)
{
$(obj).focus();
$(obj).select();
return false;
}
</script>
<div style="box-shadow:black 0px 0px 20px; display:inline-block; border-radius:10px; margin-right:10px; width:150px; height:150px; background:url('https://static.dermandar.com/design/images/maleprofile_256.png') 50% 50% no-repeat; background-size:cover; position:relative; overflow:hidden;">
</div>
</td>
<td style="vertical-align:bottom;">
<div style="display:inline-block; width:auto; font-size: 14px; text-align:left; padding-bottom:20px;"><b style="color:#2B64A5; font-size:24px;">flightdebt5</b><br /><a style="text-decoration:underline;" target="_blank" href="https://www.repairmywindowsanddoors.co.uk/crawley-windowrepair/">https://www.repairmywindowsanddoors.co.uk/crawley-windowrepair/</a></div>
</td>
</tr>
<tr>
<td style="vertical-align:middle;" colspan="2">
<style>
ul.fav-fans-users
{
list-style-type: none;
display:block;
width:100%;
margin:0px;
margin-before: 0;
margin-after: 0;
margin-start: 0;
margin-end: 0;
padding-start: 0;
-moz-margin-before: 0;
-moz-margin-after: 0;
-moz-margin-start: 0;
-moz-margin-end: 0;
-moz-padding-start: 0;
-o-margin-before: 0;
-o-margin-after: 0;
-o-margin-start: 0;
-o-margin-end: 0;
-o-padding-start: 0;
-ms-margin-before: 0;
-ms-margin-after: 0;
-ms-margin-start: 0;
-ms-margin-end: 0;
-ms-padding-start: 0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-start: 0;
margin-top:30px;
color:#444444;
}
ul.fav-fans-users li
{
list-style-type: none;
float:left;
display:inline-block;
white-space: nowrap;
padding:5px 20px;
box-sizing:border-box;
width:50%;
font-weight:bold;
cursor:pointer;
background-color:#f0f0f0;
border-radius:10px 10px 10px 10px;
}
ul.fav-fans-users li:hover
{
text-decoration: underline;
}
ul.fav-fans-users li.selected
{
background-color:#fafafa;
border-radius:10px 10px 0px 0px;
}
</style>
<ul class="fav-fans-users">
<li id="favorited_users_tab">
Following
</li>
<li id="fans_tab">
Followers
</li>
</ul>
</td>
</tr>
<tr>
<td colspan="2">
<div id="favorited_users_tab_content" style="display:none; text-align:left; background-color:#fafafa; padding:10px; border-radius:0px 0px 10px 10px;"></div>
<div id="fans_tab_content" style="display:none; text-align:left; background-color:#fafafa; padding:10px; border-radius:0px 0px 10px 10px;"></div>
</td>
</tr>
</table>
</form>
</div>
<br />
<script>
$("#favorited_users_tab").click(function() {
$("#fans_tab_content").hide(0);
$("#fans_tab").removeClass("selected");
if($("#favorited_users_tab_content").css("display")=="none") { $("#favorited_users_tab").addClass("selected"); $("#favorited_users_tab_content").slideDown(250);} else { $("#favorited_users_tab_content").slideUp(250); $("#favorited_users_tab").removeClass("selected"); }
});
$("#fans_tab").click(function() {
$("#favorited_users_tab_content").hide(0);
$("#favorited_users_tab").removeClass("selected");
if($("#fans_tab_content").css("display")=="none") { $("#fans_tab").addClass("selected"); $("#fans_tab_content").slideDown(250); } else { $("#fans_tab").removeClass("selected"); $("#fans_tab_content").slideUp(250); }
});
$.getJSON("https://www.dermandar.com/api/browse/user/flightdebt5/favorite_users", function(data) {
var res="";
$("#favorited_users_tab").text($("#favorited_users_tab").text()+" ("+data.users.length+")");
for(var i=0; i<data.users.length; i++) {
var htmlStr = "";
//<div id="dmd_edit_pic" style="padding:10px;width:100%; display:inline-block; position:absolute; bottom:0px; left:0px; box-sizing:border-box; margin:auto; background-color:rgba(0,0,0,0.3); color:#ffffff; cursor:pointer;" onclick="$('#profilepic').trigger('click');">Edit</div>
res+='<div><div style="position:relative; box-shadow:black 0px 0px 5px; display:inline-block; border-radius:10px; margin-right:10px; width:50px; height:50px; background:'+(data.users[i].ppeid!=""?'url(\'https://static.dermandar.com/php/getimage.php?euid='+data.users[i].publicid+'&ppeid='+data.users[i].ppeid+'&h=128\') 50% 50% no-repeat;':'url(\'https://static.dermandar.com/design/images/maleprofile_128.png\') 50% 50% no-repeat;')+' background-size:cover;">' + htmlStr + '</div>';
res+='<div style="display:inline-block; width:auto; font-size: 12px; text-align:left; padding-bottom:5px;"><b style="font-size:16px;"><a target="_blank" href="//www.dermandar.com/user/'+data.users[i].username+'">'+data.users[i].username+'</a></b><br />'+(data.users[i].bio.trim()!=""?data.users[i].bio:" ")+'</div></div><br />';
}
$("#favorited_users_tab_content").html(res);
});
$.getJSON("https://www.dermandar.com/api/browse/user/flightdebt5/fans", function(data) {
var res="";
$("#fans_tab").text($("#fans_tab").text()+" ("+data.users.length+")");
var htmlStr;
for(var i=0; i<data.users.length; i++) {
htmlStr = "";
res+='<div><div style="position:relative; box-shadow:black 0px 0px 5px; display:inline-block; border-radius:10px; margin-right:10px; width:50px; height:50px; background:'+(data.users[i].ppeid!=""?'url(\'https://static.dermandar.com/php/getimage.php?euid='+data.users[i].publicid+'&ppeid='+data.users[i].ppeid+'&h=128\') 50% 50% no-repeat;':'url(\'https://static.dermandar.com/design/images/maleprofile_128.png\') 50% 50% no-repeat;')+' background-size:cover;">' + htmlStr + '</div>';
res+='<div style="display:inline-block; width:auto; font-size: 12px; text-align:left; padding-bottom:5px;"><b style="font-size:16px;"><a target="_blank" href="//www.dermandar.com/user/'+data.users[i].username+'">'+data.users[i].username+'</a></b><br />'+(data.users[i].bio.trim()!=""?data.users[i].bio:" ")+'</div></div><br />';
}
$("#fans_tab_content").html(res);
});
function follow(_publicid, pre)
{
document.getElementById(pre + 'dmd_follow_' + _publicid).style.display = 'none';
var _url = "https://www.dermandar.com/api/edit/addfavuser/";
$.ajax({
url: _url,
method: 'POST',
data: { publicid : _publicid} ,
success: function (response) {
if(response.success)
{
document.getElementById(pre + 'dmd_unfollow_' + _publicid).style.display = 'inline-block';
}
else
{
document.getElementById(pre + 'dmd_follow_' + _publicid).style.display = 'inline-block';
}
},
error: function () {
alert("Sorry, something went wrong! Try again.");
}
});
}
function unFollow(_publicid, pre)
{
document.getElementById(pre + 'dmd_unfollow_' + _publicid).style.display = 'none';
var _url = "https://www.dermandar.com/api/edit/remfavuser/";
$.ajax({
url: _url,
method: 'POST',
data: { publicid : _publicid} ,
success: function (response) {
if(response.success)
{
document.getElementById(pre + 'dmd_follow_' + _publicid).style.display = 'inline-block';
}
else
{
document.getElementById(pre + 'dmd_unfollow_' + _publicid).style.display = 'inline-block';
}
},
error: function () {
alert("Sorry, something went wrong! Try again.");
}
});
}
</script>
<div id="tags" style="width:99%;margin:auto;overflow-y:auto; background-color: #eaeaea;height:120px;overflow-y:auto">
</div>
<div id="dmdpano_tabsheader" class="dmdpano_tabsheader">
<script>
var ttmpiOS = navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i);
var ttmpANDROID = navigator.userAgent.toLowerCase().match(/android/i);
var dmd_mob=ttmpiOS||ttmpANDROID;
function zoomIn(obj) {
var currentMax=parseInt($("#dmd_zoom_gallery_plus").attr("currentMax"));
var currentMin=parseInt($("#dmd_zoom_gallery_plus").attr("currentMin"));
var current=currentMax;
current=parseInt($(obj).attr("current"));
if(current && !isNaN(current) && current<currentMax) {
current++;
$(".favusr-font").each(function() {
$(this).get(0).style.fontSize=14*(current/8.0) + 'px';
});
$(".col-i").each(function() {
//$(this).height((current==1?(dmd_mob?90:128):(current==2?(dmd_mob?117:166):(dmd_mob?144:205)))+"px");
//$(this).width((100/((currentMax+1)-current)) + "%");
$(this).get(0).style.width=(100/((currentMax+1)-current)) + "%";
});
$("#dmd_zoom_gallery_plus").attr("current", current);
$("#dmd_zoom_gallery_minus").attr("current", current);
if(current==currentMax) {
$("#dmd_zoom_gallery_plus").css("background-color", "#dadada");
}
else {
$("#dmd_zoom_gallery_minus").css("background-color", "#ffffff");
}
}
}
function zoomOut(obj) {
var currentMax=parseInt($("#dmd_zoom_gallery_plus").attr("currentMax"));
var currentMin=parseInt($("#dmd_zoom_gallery_plus").attr("currentMin"));
var current=currentMin;
current=parseInt($(obj).attr("current"));
if(current && !isNaN(current) && current>currentMin) {
current--;
$(".favusr-font").each(function() {
$(this).get(0).style.fontSize=14*(current/8.0) + 'px';
});
$(".col-i").each(function() {
//$(this).height((current==1?(dmd_mob?90:128):(current==2?(dmd_mob?117:166):(dmd_mob?144:205)))+"px");
//$(this).width((100/((currentMax+1)-current)) + "%");
$(this).get(0).style.width=(100/((currentMax+1)-current)) + "%";
});
$("#dmd_zoom_gallery_plus").attr("current", current);
$("#dmd_zoom_gallery_minus").attr("current", current);
if(current==currentMin) {
$("#dmd_zoom_gallery_minus").css("background-color", "#dadada");
}
else {
$("#dmd_zoom_gallery_plus").css("background-color", "#ffffff");
}
}
}
</script>
<style>
#dmdpano_tabsheader ul li
{
padding:7px !important;
margin-left:0px !important;
}
#dmdpano_tabsheader ul li span
{
padding:0px !important;
font-size:10px !important;
}
</style>
<ul>
<li type = "user" id="dmdpano_user" class="selectedtab"><span></span></li>
</ul>
<style>
.holder {
position: relative;
width: 100%;
/*height: 100%;*/
display: block;
background-color: #ffffff;
box-sizing: border-box;
border-radius:5px;
border:2px solid black;
}
.holder:before{
content: "";
display: block;
padding-top: 100%;
}
.aspectratio:before {
padding-top: 30%;
}
.pano {
position: absolute !important;
left:0px;
top:0px;
bottom:0px;
right:0px;
width: 100%;
height: 100%;
display: block;
background-color: #000000;
box-sizing: border-box;
border:1px solid white;
border-radius:5px;
}
</style>
</div>
<div id="dmdpano_tabscontent" style="position:relative; text-align:left;">
<div style="box-sizing:border-box; z-index:99; width:100%; font-weight:bold; position:absolute; right:0px; top:0px; margin-top:0px; white-space:nowrap; font-size:20px; color:#888888; padding:0px; padding-left:5px; padding-right:5px; ">
<div id="dmd_zoom_gallery_plus" style="float:left; cursor:pointer; display:inline-block; padding:2px; margin:2px;" current="8" currentMin="1" currentMax="10" onclick="zoomIn(this)">
<img style="border:0px none transparent;background-color:rgba(256,256,256,0.7)" src="https://static.dermandar.com/design/images/more.png" height="28px" />
</div>
<div id="dmd_zoom_gallery_minus" style="float:right; cursor:pointer; display:inline-block; padding:2px; margin:2px;" current="8" currentMin="1" currentMax="10" onclick="zoomOut(this)">
<img style="border:0px none transparent;background-color:rgba(256,256,256,0.7)" src="https://static.dermandar.com/design/images/less.png" height="28px" />
</div>
</div>
<script>
var currentMax=parseInt($("#dmd_zoom_gallery_plus").attr("currentMax"));
var currentMin=parseInt($("#dmd_zoom_gallery_plus").attr("currentMin"));
function onScroll() {
if($(window).scrollTop()>$("#dmdpano_tabscontent").position().top-$("#dmd_zoom_gallery_plus").parent().outerHeight() - $("#header").outerHeight()) {
$("#dmd_zoom_gallery_plus").parent().css("position", "fixed");
$("#dmd_zoom_gallery_plus").parent().css("left", "0");
$("#dmd_zoom_gallery_plus").parent().css("right", "");
$("#dmd_zoom_gallery_plus").parent().css("top", "36px");
$("#dmd_zoom_gallery_plus").parent().css("margin-top", "0px");
$("#dmd_zoom_gallery_plus").parent().css("text-align", "center");
$("#dmd_zoom_gallery_plus").parent().css("background-color", "transparent");
//$("#dmd_zoom_gallery_plus").parent().css("margin-left", (-($("#dmd_zoom_gallery_plus").parent().outerWidth()/2))+"px");
}
else {
$("#dmd_zoom_gallery_plus").parent().css("position", "absolute");
$("#dmd_zoom_gallery_plus").parent().css("right", "0");
$("#dmd_zoom_gallery_plus").parent().css("left", "");
$("#dmd_zoom_gallery_plus").parent().css("background-color", "transparent");
$("#dmd_zoom_gallery_plus").parent().css("top", "0px");
$("#dmd_zoom_gallery_plus").parent().css("margin-top", (-($("#dmd_zoom_gallery_plus").parent().outerHeight())-5-20)+"px");
$("#dmd_zoom_gallery_plus").parent().css("margin-left", "");
}
}
if(dmd_mob) {
$("#dmd_zoom_gallery_plus").attr("current", currentMax);
$("#dmd_zoom_gallery_minus").attr("current", currentMax);
$("#dmd_zoom_gallery_plus").css("background-color", "#dadada");
}
onScroll();
$(window).scroll(function() { onScroll(); });
$(window).resize(function() { onScroll(); });
</script>
<div pagenum = "0" class="grid" id="dmdpano_usergrid" style=""></div>
<div pagenum = "0" class="grid" id="dmdpano_favoritesgrid" style="display:none;"></div>
<div pagenum = "0" class="grid" id="dmdpano_privatefeedgrid" style="display:none;"></div>
<div style="width:100%; text-align:center; padding:10px 0px;"><img id="dmdpano_loading" src="https://static.dermandar.com/design/images/dmd_more.gif" style="margin:auto; width:24px; height:24px;"/></div>
</div>
<script type="text/javascript">var DMD_JS_EMBED_VERSION="107.17.38";</script>
<script src="//www.dermandar.com/js/nmain.js?v=1.1.174"></script>
<script>
var dmdpano_isGrid = true;
window.addEventListener("resize", onResize, false);
</script>
<script>
function beginLoading(){
pageLimit = 24;
loadMore();
var beginTimer=setInterval(function(){beginLoadingTimer()},500);
}
function beginLoadingTimer() {
var scrollBoolean = isScrolled();
var lm=document.getElementById(prefix+type+"grid").getAttribute("lm");
var cLM=(lm==null?true:(lm=="false"?false:true));//(typeof(canLoadMore)=="undefined")?true:canLoadMore;
if(!scrollBoolean && !dmd_isLoadingNext && cLM) {
loadMore();
}else{
if(typeof beginTimer != 'undefined'){clearInterval(beginTimer);}
}
}
beginLoading();
</script>
<script>
function showhidetabsmenu(){
var obj = document.getElementById('tabsmenu');
if(obj != null){
if( !obj.style.opacity || obj.style.opacity=='0'){
show(obj);
}else{
hide(obj);
}
}
return false;}
function hide(obj) {
obj.animate = dmd_animate;
obj.animate({'opacity':'0'}, 100, function() { obj.style.display="none";});
return true;
}
function show(obj) {
obj.animate = dmd_animate;
obj.style.display="block";
obj.animate({'opacity':'0'}, 0, function() {});
obj.animate({'opacity':'1'}, 100, function() {});
return true;
}
function hidetabsmenu() {
var obj = document.getElementById('tabsmenu');
if(obj != null){hide(obj);}
}
</script>
</div></div></div>
<div class="footer">
</div>
</body>
</html>
<script>
var pcnt=" (0)" ;
var fcnt=" (0)" ;
var pfeedcnt=" (0)" ;
document.getElementById('dmdpano_user').firstChild.innerHTML = 'Panoramas of:\u00A0"flightdebt5"'+pcnt ;
;
;
var dmdpano_isGrid = true;
window.addEventListener("resize", onResize, false);
</script>
<script>
function showhidetabsmenu(){
var obj = document.getElementById('tabsmenu');
if(obj != null){
if( !obj.style.opacity || obj.style.opacity=='0'){
show(obj);
}else{
hide(obj);
}
}
return false;}
function hide(obj) {
obj.animate = dmd_animate;
obj.animate({'opacity':'0'}, 100, function() { obj.style.display="none";});
return true;
}
function show(obj) {
obj.animate = dmd_animate;
obj.style.display="block";
obj.animate({'opacity':'0'}, 0, function() {});
obj.animate({'opacity':'1'}, 100, function() {});
return true;
}
function hidetabsmenu() {
var obj = document.getElementById('tabsmenu');
if(obj != null){hide(obj);}
}
function openProfile(a,user,id)
{
a.href = "//www.dermandar.com/user/" + user + "/" + id + window.location.hash;
}
</script>
</html>