File: /var/www/html/tmpr/../tmpr/..//tmpr/../tmpr/../real/photosEffect.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/idangerous.swiper-2.0.min.js"></script>
<link rel="stylesheet" href="css/idangerous.swiper.css">
<link rel="stylesheet" href="css/movies-app.css">
<script type="text/javascript">
$( document ).ready( function(){
$("#xincrement").click(function(){
var $n = $("#x");
$n.val(Number($n.val()) + 20);
moveIt();
});
$("#xdecrement").click(function(){
var $n = $("#x");
$n.val(Number($n.val()) -20);
moveIt();
});
$("#yincrement").click(function(){
var $n = $("#y");
$n.val(Number($n.val()) + 20);
moveIt();
});
$("#ydecrement").click(function(){
var $n = $("#y");
$n.val(Number($n.val()) -20);
moveIt();
});
function moveIt() {
loading_show();
$('#submit').css("display","none");
$('#submitX').css("display","none");
var effect = $(this).attr("id");
var image = window.localStorage["picha"];
var effect= encodeURI(document.getElementById('effecto').value);
var x= encodeURI(document.getElementById('x').value);
var y= encodeURI(document.getElementById('y').value);
var mag= encodeURI(document.getElementById('mag').value);
var myaccount= window.localStorage["myaccount"];
;
$("#check").html("Crunching...");
$("#check").html("Applying "+effect+"...");
$("#notify").html("Adjusting | 3secs...");
$('#picme').css("opacity","0.30");
$('#picme').css("filter","alpha(opacity=30)");
$('#preview img').load(function() {
$('p').remove();
}).attr('src', Server+'processMag.php?mag=no&AppNo=' + AppNo + '&x=' + x + '&y=' + y + '&image=' + image + '&filter=' + effect+ '&nani='+ myaccount);
setTimeout( function(){
$('#submitX').css("display","none");
$('#submit').css("display","block");
$('#picme').css("opacity","1");
$('#picme').css("filter","alpha(opacity=100)");
$("#check").html("");
$("#notify").html(effect);
loading_hide();
},2500 );
}
var msg_id = localStorage.getItem('msg_id');
var picha = localStorage.getItem('picha');
var form = $("#magazine");
$("#photo", form).val(window.localStorage["picha"]);
var myaccount= window.localStorage["myaccount"];
$('#submitX').css("display","none");
$('#submit').css("display","none");
$("#check").html("Adjusting exposure...");
$("#notify").html("Loading...");
$('#picme').css("opacity","0.00");
$('#picme').css("filter","alpha(opacity=0)");
$('#preview img').load(function() {}).attr('src', Server+'processMag.php?mag=yes&image='+window.localStorage["picha"]+ '&filter=contrast&nani='+ myaccount);
loading_show();
setTimeout( function(){
$('#submitX').css("display","none");
$('#submit').css("display","block");
$('#picme').css("opacity","1");
$('#picme').css("filter","alpha(opacity=100)");
$("#check").html("");
$("#notify").html("Swipe to choose effect");
loading_hide();
},1500 );
$(function(){
var navSwiper = $('.swiper-nav').swiper({
visibilityFullFit: true,
slidesPerView:'auto',})})
$('.swiper-wrapper').on('click','.swiper-slide',function () {
$('.swiper-slide').removeClass('active-nav');
$(this).addClass('active-nav')
});
});
</script>
<script src="js/fastclick.js"></script>
<script src="js/engine.js"></script>
<link rel="stylesheet" href="css/mytv.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="css/font.css" type="text/css" charset="utf-8" />
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style=" background-image:url(images/bg.png); background-position:center; background-position:top " onload="onBodyLoad()">
<div id="loadingReportaM"></div>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" >
<!-- <tr>
<td valign="top" width="100%" height="40" ><table border="0" cellpadding="0" cellspacing="0" height="40" width="100%" class="header-contX" >
<tr>
<td width="53" height="40" ><a href="index.html"><img src="images/homey.png" height="40" style="-webkit-transform: translate3d(0,0,0); "></a></td>
<td width="100%" height="40" align="right" style="color: #FFF" background="images/app_03.png" ><a href="#" class="reload" id="1"><span id="check"></span></a></td>
<td width="44" height="40"><a href="index.html"><img src="images/app_04.png" width="44" height="40" alt=""> </a></td>
<td width="44" height="40" ><img src="images/app_05.png" width="44" height="40" alt="" class="menu-trigger" ></td>
</tr>
</table></td>
</tr>-->
<tr>
<td height="55" valign="top"><table border="0" cellpadding="0" width="100%" cellspacing="0" height="55" >
<tr>
<td width="119" height="55" ><img src="images/photoeffects.png" alt="" width="119" height="55"></td>
<td width="100%" height="55"> <span id="check" style="color: #FFF" ></span> </td>
<!-- <td width="54" height="55"><a href="profile.html" id="remove" ><img src="images/buttons3_03.png" width="54" height="55" alt=""></a></td>-->
<td width="53" height="55" ><a id="submit" ><img src="images/done.png" width="53" height="55" alt=""></a>
<a id="submitX" style="display:none"><img src="images/done.png" width="53" height="55" alt=""></a></td>
</tr>
</table></td>
</tr>
<tr>
<td width="100%" height="100%" style="min-height:200px; " align="center" valign="middle"><!-- <img src="images/Grey_Grunge4.jpg" id="spinner" width="116" height="116">-->
<form id="magazine" method="POST">
<input type="hidden" id="mag" name="mag" value="yes" />
<input id="effecto" name="effecto" type="hidden" value="contrast" autocomplete="off">
</input>
<input id="photo" name="photo" type="hidden" value="">
</input>
<input type="hidden" id="newsid" name="newsid" value="MTQwODY1MTE3Mw,," />
<input type="hidden" id="step" name="step" value="7" />
<input type="hidden" id="brand" name="brand" value="watermark.png" />
<input id="x" value="0" type="hidden">
<input id="y" value="0" type="hidden">
</form>
<script type="text/javascript">
$(function() {
/* User presses the download button */
/* $('#submit').bind('click',function(){
var dataString = JSON.stringify(data);
$('#jsondata').val(dataString);
$('#jsonform').submit();
});
*/
$("#submit").click(function() {
loading_show();
var effect= encodeURI(document.getElementById('effecto').value);
var image= window.localStorage["picha"];
var mag= encodeURI(document.getElementById('mag').value);
var x= encodeURI(document.getElementById('x').value);
var y= encodeURI(document.getElementById('y').value);
var newsid= "MTQwODY1MTE3Mw,,";
var myaccount= window.localStorage["myaccount"];
$("#check").html("Saving...");
$("#notify").html("Please wait");
$.ajax
({
type: "GET",
url: Server+'processMag.php?execute=yes&AppNo=' + AppNo + '&x=' + x + '&y=' + y + '&mag=no&image=' + image + '&filter=' + effect+ '&nani='+ myaccount,
data: "page=4",
success: function(msg)
{
loading_hide();
window.location = "caption.html";
}
});
/* $('#jsonform5').submit();*/
});
$('.followme').click(function() {
loading_show();
$('#submit').css("display","none");
$('#submitX').css("display","none");
var effect = $(this).attr("id");
var image = window.localStorage["picha"];
$('#effecto').val(effect);
var x= encodeURI(document.getElementById('x').value);
var y= encodeURI(document.getElementById('y').value);
var mag= encodeURI(document.getElementById('mag').value);
var myaccount= window.localStorage["myaccount"];
;
$("#check").html("Crunching...");
$("#check").html("Applying "+effect+"...");
$("#notify").html("Applying | 3secs...");
$('#picme').css("opacity","0.30");
$('#picme').css("filter","alpha(opacity=30)");
$('#preview img').load(function() {
$('p').remove();
}).attr('src', Server+'processMag.php?mag=no&AppNo=' + AppNo + '&x=' + x + '&y=' + y + '&image=' + image + '&filter=' + effect+ '&nani='+ myaccount);
setTimeout( function(){
$('#submitX').css("display","none");
$('#submit').css("display","block");
$('#picme').css("opacity","1");
$('#picme').css("filter","alpha(opacity=100)");
$("#check").html("");
$("#notify").html(effect);
loading_hide();
},2500 );
});
$('.followps').click(function() {
loading_show();
$('#submitX').css("display","none");
$('#submit').css("display","none");
var effect = $(this).attr("id");
var image = window.localStorage["picha"];
$('#effecto').val(effect);
var mag= encodeURI(document.getElementById('mag').value);
var myaccount= window.localStorage["myaccount"];
$("#check").html("Applying "+effect+"...");
$("#notify").html("Applying | 5secs...");
$('#picme').css("opacity","0.10");
$('#picme').css("filter","alpha(opacity=10)");
$('#preview img').load(function() {
$('p').remove();
}).attr('src', Server+'photoshop.php?mag=no&AppNo=' + AppNo + '&image=' + image + '&action=' + effect+ '&filter=none&nani='+ myaccount);
setTimeout( function(){
$('#submitX').css("display","block");
$('#submit').css("display","none");
$('#picme').css("opacity","1");
$('#picme').css("filter","alpha(opacity=100)");
$("#check").html("");
$("#notify").html(effect);
loading_hide();
},5000 );
});
$("#submitX").click(function() {
loading_show();
var effect= encodeURI(document.getElementById('effecto').value);
var image= window.localStorage["picha"];
var mag= encodeURI(document.getElementById('mag').value);
var newsid= "MTQwODY1MTE3Mw,,";
var myaccount= window.localStorage["myaccount"];
$("#check").html("Saving...");
$("#notify").html("Please wait");
$.ajax
({
type: "GET",
url: Server+'photoshop.php?finish=yes&AppNo=' + AppNo + '&action=' + effect+ '&filter=none&mag=yes&image=' + image + '&filter=' + effect+ '&nani='+ myaccount,
data: "page=4",
success: function(msg)
{
$("#check").ajaxComplete(function(event, request, settings)
{
loading_hide();
window.location = "caption.html";
});
}
});
/* $('#jsonform5').submit();*/
});
});
</script>
<div id="preview" class="animated fadeIn" >
<span id="controls">
<div id="yincrement" class="preview_up"></div>
<div id="ydecrement" class="preview_down"></div>
<div id="xincrement" class="preview_left"></div>
<div id="xdecrement" class="preview_right"></div>
</span>
<div class="photo_wrp">
<img class="" src="" id="picme" style="min-width:116px; width:100%; max-width:400px">
</div> <div class="badge bg-white pull-none" id="notify" style="margin-top:3px; padding:5px; padding-top:3px; padding-right:7px;padding-left:7px"></div>
</div>
</td>
</tr>
<tr>
<td width="100%" height="80" align="center" valign="middle"><div class="swiper-container swiper-nav nav3" id="tools" >
<div class="swiper-wrapper" id="swiper-wrapper">
<div class="swiper-slide active-nav"> <a href="#" id="contrast" title="" class="followme"> <img src="images/filters/contrast.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="canvas" title="" class="followme"> <img src="images/filters/canvas.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="elated" title="" class="followme"> <img src="images/filters/yellish.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="sepiaX" title="" class="followme"> <img src="images/filters/sepiaX.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="purple" title="" class="followme"> <img src="images/filters/purple.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="ooh" title="" class="followme"> <img src="images/filters/ooh.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="excite" title="" class="followme"> <img src="images/filters/yellow.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="oldschool" title="" class="followme"> <img src="images/filters/monopin.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="vibrance" title="" class="followps"> <img src="images/filters/vibrance.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="glittzy" title="" class="followme"> <img src="images/filters/glittzy.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="painting" title="" class="followme"> <img src="images/filters/glittzy.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="vintage" title="" class="followme"> <img src="images/filters/vintage.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="chrome" class="followme"><img src="images/filters/chrome.jpg" /></a> </div>
<div class="swiper-slide"> <a href="#" id="rainbowa" class="followme"><img src="images/filters/rainbowa.jpg" /></a> </div>
<div class="swiper-slide">
<a href="#" id="floresb" title="" class="followme">
<img src="images/filters/floresb.jpg" />
</a>
</div>
<div class="swiper-slide">
<a href="#" id="floresc" title="" class="followme">
<img src="images/filters/floresc.jpg" />
</a>
</div>
<div class="swiper-slide">
<a href="#" id="floresd" title="" class="followme">
<img src="images/filters/floresd.jpg" />
</a>
</div>
<div class="swiper-slide"> <a href="#" id="cartoon" title="" class="followme"> <img src="images/filters/cartoon.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="comic" title="" class="followme"> <img src="images/filters/abstract.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="haute" title="" class="followme"> <img src="images/filters/haute.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="purpleheaven2" title="" class="followme"> <img src="images/filters/purpleheaven2.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="pooh" title="" class="followme"> <img src="images/filters/pooh.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="purpleheaven" title="" class="followme"> <img src="images/filters/purpleheaven.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="newyear" title="" class="followme"> <img src="images/filters/newyear.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="x1" title="" class="followme"> <img src="images/filters/x1.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="x2" title="" class="followme"> <img src="images/filters/x2.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="x3" title="" class="followme"> <img src="images/filters/x3.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="x4" title="" class="followme"> <img src="images/filters/x4.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="x5" title="" class="followme"> <img src="images/filters/x5.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="framemeb" title="" class="followme"> <img src="images/filters/framemeb.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="frameme" title="" class="followme"> <img src="images/filters/frameme.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="hue" title="" class="followps"> <img src="images/filters/hue.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="hue2" title="" class="followps"> <img src="images/filters/hue2.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="hue3" title="" class="followps"> <img src="images/filters/hue3.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="hue4" title="" class="followps"> <img src="images/filters/hue4.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="hue7" title="" class="followps"> <img src="images/filters/hue7.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="hue8" title="" class="followps"> <img src="images/filters/hue8.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="vibrance2" title="" class="followps"> <img src="images/filters/vibrance.jpg" /> </a> </div>
</div>
</div></td>
</tr>
</table>
<!-- Navigation -->
<!-- mainContent panel -->
<script type="text/javascript">
(function() {
var $body = document.body
, $menu_trigger = $body.getElementsByClassName('menu-trigger')[0];
if ( typeof $menu_trigger !== 'undefined' ) {
$menu_trigger.addEventListener('click', function() {
$body.className = ( $body.className == 'menu-active' )? '' : 'menu-active';
});
}
}).call(this);
</script>
<script type="text/javascript" charset="utf-8" src="js/notification.js"></script>
<script type="text/javascript" charset="utf-8" src="js/json2.js"></script>
</body>
</html>