Beruflich Dokumente
Kultur Dokumente
<head>
<title>Facebook App</title>
<script type="text/javascript" src="script/jquery-1.11.0.min.js"></scrip
t>
<script type="text/javascript" src="script/jquery.mousewheel.min.js"></scrip
t>
<!--[if gte IE 9]>
<style type="text/css">
.header {
filter: none;
}
</style>
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="fb-root"></div>
<div class="container" id="main_loader" style="z-index:99;background-color:#8888
88;background-image:url(images/Login/login_bg.jpg);background-repeat:no-repeat;b
ackground-position:25% 25%;">
<!--<div style="color: #fff;font-size: 98px;line-height: 1px;top: 180px;
position: relative;text-align: center;font-weight: bold;">
<p>Mix/Match</p>
<p>OutFit</p>
</div>-->
<div class="centerxy">
<div class="mix_logo"></div>
<div class="mix_head"></div>
</div>
<div id="loader_progress" style="display:none;height: 40px;width: 250px;
background-color: #dde1e2;top: 244px;position: relative;left: 246px;border-radiu
s: 25px;">
<div id="progress_bar" style="height: 10px;width: 95px;backgroun
d: #01aaf5;top: 16px;position: relative;left: 13px;-webkit-transition:all .5s li
near;border-radius: 10px;"></div>
<div id="progress_percentage" style="float: right;right: 7px;pos
ition: relative;font-weight:bold;">50%</div>
</div>
</div>
<div class="container">
<div class="header">
<div class="mixnmatchLogo"></div>
<div class="heading_click btn"></div>
<div class="notif_btn"></div>
<div class="menuButton"></div>
<div class="menuClose hidden"></div>
<div class="coinsWrapper">
<div class="coins_icon"></div>
<div class="coins_area" id="coins_count">10,400 Coins</div>
</div>
<!--<div class="anchor">
<span>
<a href="#" onclick="newFBInvite(); retu
rn false;">Invite Friend</a>
</span>
<span>
<a href="#">My Group</a>
</span>
<span>
<a href="#">Earn Coins</a>
</span>
<span>
<a href="#">Help</a>
</span>
<span>
<a href="#">FAQs</a>
</span>
</div>-->
</div>
<ul class="menuListDiv hidden">
<li id="showAllHappenning"><div class="menuicon icon_allhapp"></div> <sp
an>All Happening</span></li>
<li id="showCloset"><div class="menuicon icon_closet"></div> <span>Close
t</span></li>
<li onclick="getFBFriendsList(true)"><div class="menuicon icon_friends">
</div> <span>Friends</span></li>
<li id="showPurchaseView"><div class="menuicon icon_purchase"></div> <sp
an>Purchase Coins</span></li>
<!--<li><div class="menuicon icon_settings"></div> <span>Settings</span>
</li>-->
<!--<li><div class="menuicon icon_logout"></div> <span>Logout</span></li
>-->
</ul>
<div class="notificationWrapper hidden">
<div class="notifyHead">Notifications</div>
<ul class="notifList">
</ul>
</div>
<div class="dialogbox_wrapper hide_modal">
<div class="dg_header">
<div class="dg_icon"></div>
<div class="dg_headText">Are you sure?</div>
</div>
<div class="dg_body">
<span class="dg_txt">You want to delete this category?</span>
<div class="dg_cancel btn unactive_btn"><span>Cancel</span></div>
<div class="dg_ok btn active_btn"><span>Yes</span></div>
</div>
</div>
<div id="select_category_container" style="display:none; position: absol
ute; width: 100%; top: 178px; z-index: 5;">
onCall()"><span>Create</span></div>-->
<div class="disable_overlay">
<div class="overlay_tip"></div>
<div class="category_items" style="display:none">
<div class="category_header"><div class="cat_img_gallery"><i
mg alt="No Image" src="" /></div><span> <span class="category_name_gallery"></sp
an> </span><div class="upload_nav_btn btn active_btn"> <input type="file" name=
"uploadVote" id="uploadVote" /><span>Upload Outfit</span></div></div>
<div class="item_container"></div>
</div>
<div style="bottom: 45px;left: 200px;" class="dcancel_btn btn cb
tn unactive_btn"><span>Cancel</span></div>
<div style="bottom: 45px;left: 400px;" onclick="appendSuggestion
()" class="btn cbtn active_btn"><span>Done</span></div>
</div>
</div>
</div>
<div class="content" id="ask_suggestion_container" style="display:none;">
<div class="friends_heading">
<span>Ask Suggestions</span>
</div>
<div style="position:relative;text-align: center">
<!--<p style="text-align: left"><img src="images/aboutSugg.png" /><s
pan style="position: relative;padding-left: 10px;top: -3px;">About Suggestion</s
pan></p>-->
<textarea placeholder="Write something about suggestion..." class="c
reate_some_text" id="create_suggestion_text"></textarea>
<div id="create_suggestion_selection">
<select id="timing">
<option value="" disabled selected style="display:none;">Sel
ect Indoor/Outdoor</option>
<option value="indoor">Indoor</option>
<option value="outdoor">Outdoor</option>
</select>
<select id="wear_location">
<option value="" disabled selected style="display:none;">Sel
ect Day/Night</option>
<option value="day">Day</option>
<option value="night">Night</option>
</select>
<select id="friends_custom" style="width: 100%; margin-top: 5px
;">
<option value="" disabled selected style="display:none;">All
Friends / Custom</option>
<option value="Friends">Friends</option>
<option value="Custom">Custom</option>
</select>
</div>
</div>
<div class="category_container"></div>
<div class="category_side_panel">
<div class="category_head" style="display: none;">
<span><img src="images/newSugg_icon.png" /></span>
<span>Create New Suggestion</span>
</div>
<div class="bottom_item_container" id="create_suggestion_items_conta
iner">
<div style="color: rgb(136, 136, 136); padding: 8px;">My Outfits
</div>
<div class="item_container"></div>
<div class="suggestion_placeholder" class="center_x"><span> Sele
ct picture from category </span> </div>
<!--<div class="item_placeholder">Drop your selective choices fr
om categories</div>-->
</div>
<div class="center_x">
<div id="" class="selectbtn unactive_btn" onclick="func_resetSug
gestionContainer"> RESET </div>
<div id="" class="selectbtn active_btn" onclick="createSuggestio
nCall()"> POST </div>
</div>
<!--<div style="bottom: 10px;" id="" class="cancel_btn btn"><span>Ca
ncel</span></div>
<div style="bottom: 10px;" id="" class="btn" onclick="createSuggesti
onCall()"><span>Create</span></div>-->
<div class="disable_overlay">
<div class="overlay_tip"></div>
<div class="category_items" style="display:none">
<div class="category_header"><div class="cat_img_gallery"><i
mg alt="No Image" src="" /></div><span> <span class="category_name_gallery"></sp
an> </span><div class="upload_nav_btn btn active_btn"> <input type="file" name=
"uploadSugg" id="uploadSugg" /><span>Upload Outfit</span></div></div>
<div class="item_container"></div>
</div>
<div style="bottom: 45px;left: 200px;" class="dcancel_btn btn cb
tn unactive_btn"><span>Cancel</span></div>
<div style="bottom: 45px;left: 400px;" onclick="appendSuggestion
()" class="btn cbtn active_btn"><span>Done</span></div>
</div>
</div>
</div>
<div class="content" id="ask_closet_container" style="display:none;">
<div class="friends_heading">
<span>Closet</span>
</div>
<div class="category_container"></div>
<div class="category_side_panel">
<!-- <div class="category_head" style="display: none;">
<span><img src="images/newSugg_icon.png" /></span>
<span>Create New Suggestion</span>
</div>-->
<div class="bottom_item_container" id="create_closet_items_container
">
<div class="suggestion_placeholder" class="center_x"></div>
<!--<div class="item_placeholder">Drop your selective choices fr
om categories</div>-->
</div>
<div class="disable_overlay">
<div class="overlay_tip"></div>
<div class="category_items" style="display:none">
<div class="category_header"><div class="cat_img_gallery"><i
mg alt="No Image" src="" /></div> <span> <span class="category_name_gallery"></s
pan> </span><div class="upload_nav_btn btn active_btn"> <input type="file" name=
"uploadCloset" id="uploadCloset" /><span>Upload Outfit</span></div></div>
<div class="item_container"></div>
</div>
<div class="center_x">
<!--<div style="display: none; bottom: 45px;left: 312px;" id
="deleteitemBtn" class="btn cbtn active_btn"><span>Delete</span></div>-->
<!-- <div id="" class="selectbtn unactive_btn"> CANCEL </div
>
</div>
<!--<div style="bottom: 45px;left: 200px;" class="dcancel_btn bt
n cbtn unactive_btn"><span>Cancel</span></div>-->
<!--<div style="bottom: 45px;left: 312px;" onclick="disableLayer
Done()" class="btn cbtn active_btn"><span>Done</span></div>-->
</div>
</div>
</div>
</div>
<div class="content" id="add_new_category" style="display:none;">
<div class="friends_heading">
<span>Create New Category</span>
</div>
<div class="new_cat_name_wrapper">
<input type="text" class="new_cat_name" id="new_cat_name" maxlength=
"25" placeholder="Write Category name here" />
</div>
<div class="new_categories_container"></div>
<div class="center_x" style=" top: 90px; position: relative; width: 1
00%;">
<div id="newcat_skipButton" class="selectbtn unactive_btn"> CANCEL <
/div>
<div id="doneAddingCategorytBtn" class="selectbtn active_btn"> DONE
</div>
</div>
</div>
<div class="content" id="invite_friends_container" style="display:none;">
<div class="friends_heading">
<span>Add Friends</span>
<div style="float: right; right: 10px;height:30px; padding-top: 13p
x; text-align: center;" id="inviteButton" class="selectbtn active_btn" onclick="
newFBInvite()"> INVITE </div>
</div>
<div class="friends_container">
</div>
<div class="center_x">
<div id="skipButton" class="selectbtn unactive_btn"> SKIP </div>
<div id="doneSelectButton" class="selectbtn active_btn"> DONE </div>
</div>
</div>
<div class="content" id="purchaseContainer" style="display: none;">
<div class="friends_heading">
<span>Purchase Coins</span>
</div>
<div class="purchaseWrapper">
<div class="purchasecoinsWrapper">
<div class="purchasepkgimg containImg pkg1"></div>
<span>US $ 2.99</span>
<div class="pkgbtn containImg"><span>100 Coins</span></div>
</div>
<div class="purchasecoinsWrapper">
<div class="purchasepkgimg containImg pkg2"></div>
<span>US $ 5.99</span>
<div class="pkgbtn containImg"><span>300 Coins</span></div>
</div>
<div class="purchasecoinsWrapper">
<div class="purchasepkgimg containImg pkg3"></div>
<span>US $ 9.99</span>
<div class="pkgbtn containImg"><span>1000 Coins</span></div>
</div>
<div class="purchasecoinsWrapper">
<div class="purchasepkgimg containImg pkg4"></div>
<span>US $ 18.99</span>
<div class="pkgbtn containImg"><span>3000 Coins</span></div>
</div>
</div>
</div>
xfbml
version
: true,
: 'v2.0'
});
facebookInitialization();
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
js.onload = function(){
console.log('Facebook script Loaded');
//fbAsyncInit();
};
}(document, 'script', 'facebook-jssdk'));
</script>
</body>
</html>