<div class="welcome_window" style="display:none;">
<img src="images/misc/cross.png" onclick="$('.welcome_window').fadeOut();" class="closebutton" style="margin: 10px 10px 0 15px;float: right;cursor:pointer;">
<div class="hud-page-content" style="padding:50px;">
<div align="center" class="hud-page-title">Welcome to XIVModels!</div>
<div style="padding:10px 60px;" align="center"><?php
echo TranslateWord("Controls for the model viewer differ between browsers, see below for details! This model viewer will only work\n in up to date WebGL browsers such as Chrome and Firefox.", $Language);
?>
</div>
<div align"left" style="font-family:Verdana;font-size:11px;">
<div style="width:300px;float:left;margin:0 0 0px 50px;">
<h3 style="font-weight:normal;">Mouse Controls: <span style="color:#53B1FF;">Chrome</span></h3>
<ul style="line-height:23px;">
<span style="opacity:0.5;">Rotate:</span> Left Click + Drag<br>
<span style="opacity:0.5;">Pan:</span> Wheel Click + Drag<br>
<span style="opacity:0.5;">Zoom:</span> Wheel Scroll<br>
</ul>
</div>
<div style="width:300px;float:right;margin:0 50px 0px 0;">
<h3 style="font-weight:normal;">Mouse Controls: <span style="color:#53B1FF;">Firefox</span></h3>
<ul style="line-height:23px;">
<span style="opacity:0.5;">Rotate:</span> Left Click + Drag<br>
<span style="opacity:0.5;">Pan:</span> CTRL + Left Click + Drag<br>
<span style="opacity:0.5;">Zoom:</span> Shift + Left Click + Drag (up/down)<br>
</ul>
</div>
<br style="clear:both;" />
<div class="tab-home addShadow">
<div class="content-title addShadow"><img src="images/misc/fave.png" /> XIVModels.com</div>
<p><?php
echo TranslateWord("XIV Models is a Final Fantasy XIV: A Realm Reborn Model Viewer. It allows you to view the 3D models for Monsters and Players. You can customize and share costumes, import your character and see the details of the in-game models.", $Language);
?>
</p>
<div style="height:10px;"></div>
<div class="content-title addShadow"><img src="images/misc/clickdrag.png" /> <?php
echo TranslateWord("Wardrobes!!", $Language);
?>
</div>
<p style="line-height:18px;">
If you've made a "Wardrobe" gear set on XIVDB.com, be sure to look on the right menu for "View in 3D!" and it will open your wardrobe up here :)
</p>
<div style="height:10px;"></div>
<div class="content-title addShadow"><img src="images/misc/clickdrag.png" /> <?php
echo TranslateWord("Beta!", $Language);
?>
</div>
<p style="line-height:18px;">
The model viewer is still in its early stages, for all known issues please <a href="http://xivpads.com/?News/32" target="_blank">click here</a>. This includes
missing models (not missing just not properly configured on the model viewer yet due to how the game works), missing textures and browser support.
</p>
</div>
<div class="tab-settings addShadows form" style="display:none;">
<div class="content-title addShadow"><img src="images/misc/settings.png" /> <?php
echo TranslateWord("Settings", $Language);
?>
</div>
<div style="height:10px;"></div>
<div style="margin:0 0 5px -2px;"><input onclick="camera.autorotate.toggle();" type="button" value="<?php
echo TranslateWord("Toggle: Rotate Model", $Language);
?>
" /></div>
<div style="margin:0 0 10px 0;">
<div class="label" style="margin:0 0 5px 1px;"><?php
echo TranslateWord("Background Themes and Color", $Language);
?>
</div>
<div><input class="minicolors background" data-default-value="#fc0" type="text" value="#333" style="font-size:12px;" /></div>
</div>
<div style="margin:0 0 0 2px;">
<?php
// Get images
$Files = scandir('images/bgs/');
// Array values
$Files = array_values(array_diff($Files, array('.')));
$Files = array_values(array_diff($Files, array('..')));
$Files = array_values(array_diff($Files, array('thumbs')));
foreach ($Files as $File) {
echo '<img src="images/bgs/thumbs/' . $File . '" onclick="Display.setBG(\'images/bgs/' . $File . '\');" width="32" height="32" style="margin:0 2px 2px 0;cursor:pointer;" />';
?>
</option>
<?php
echo $DropDown["wrists"];
?>
</select>
<img src="images/misc/slot-neck.png" class="labelimage" />
<select style="width:145px;margin-bottom:10px;" class="player-select item-select" data-type="neck">
<option value="remove"><?php
echo TranslateWord("Neck", $Language);
?>
</option>
<?php
echo $DropDown["neck"];
?>
</select>
<!-- <div class="seperator"></div>
<span class="label">Animation</span>
<select style="width:178px;">
<option><?php
echo TranslateWord("Running");
?>
</option>
</select>-->
</div>
</div>
<option>Monster Name</option>
</select>
<div class="label"><?php
echo TranslateWord("Equipment", $Language);
?>
</div>
<select style="width:178px;margin-bottom:10px;">
<option>001</option>
<option>002</option>
</select>
<div class="label"><?php
echo TranslateWord("NPCs", $Language);
?>
</div>
<select style="width:178px;margin-bottom:10px;">
<option>Running</option>
</select>
<!--<div class="label"><?php
echo TranslateWord("Objects", $Language);
?>
</div>
<select style="width:178px;">
<option>Running</option>
</select>-->
</div>
</div>
</div>
<select style="width:178px;margin-bottom:10px;" class="summon-select">
<option></option>
<?php
echo $ALL_DropDown["SUMMON"];
?>
</select>
<!--<div class="label"><?php
echo TranslateWord("Texture", $Language);
?>
</div>
<select style="width:178px;margin-bottom:10px;">
<option></option>
</select>
<div class="seperator"></div>
<div class="label"><?php
echo TranslateWord("Animation", $Language);
?>
</div>
<select style="width:178px;">
<option></option>
</select>-->
</div>
</div>
}
</style>
<div class="dropmenu">
<!-- Language -->
<span id="sm-language" class="add-dropdown-zone header-nav" data-menu="nav-language" style="display:inline-block;">
<span class="hud-search-subnav-button-text" style="cursor:pointer;color:#aaa;"><img src="images/language/en_black.png" class="selected_language" style="opacity: 1;margin-bottom: -1px;"> <span id="selected_language_text">English</span></span>
<div id="nav-language" class="hud-dropdown" style="width: 100px; margin: 0px 0px 0px 10px; display: none;">
<a class="hud-dropdown-button" href="http://xivmodels.com"><img src="images/language/en.png" class="hud-dropdown-icon2">English</a>
<a class="hud-dropdown-button" href="http://de.xivmodels.com"><img src="images/language/de.png" class="hud-dropdown-icon2">Deutsch</a>
<a class="hud-dropdown-button" href="http://fr.xivmodels.com"><img src="images/language/fr.png" class="hud-dropdown-icon2">Français</a>
<a class="hud-dropdown-button" href="http://jp.xivmodels.com"><img src="images/language/jp.png" class="hud-dropdown-icon2">日本語</a>
</div>
</span>
<script>setLangIcon();</script>
<span class="add-dropdown-zone header-nav tooltip" onclick="$('.donation_window').center(); $('.donation_window').fadeIn();" style="display:inline-block;" data-tooltip="<?php
echo TranslateWord("Donate to XIVModels.com!", $Language);
?>
">
<span class="hud-search-subnav-button-text" style="cursor:pointer;color:#aaa;">
<img src="images/misc/heart.png" style="opacity: 1;margin-bottom: -2px;height: 13px;"> <span ><?php
echo TranslateWord("Donate", $Language);
?>
</span>
</span>
</div>
<span style="clear:both;"></span>
