//<![CDATA[
var posX = 0; var posY = 0; var cover = ''; var image = '';

function getCover(coverid){
	cover = coverid;
	$('#app_cover').hide().fadeIn("fast").html('<img src="images/frames/'+coverid+'" id="art">');
	return false;
}

function loadCovers(page){
		$.ajax({
			type: 'POST',
			url: '_loadCovers.php',
			data: 'start='+page,
			cache:false,
			success: function(response){
				response = unescape(response);
				var response = response.split("|");
				var less = response[0];
				var start = response[1];
				
			$('.app_selections').hide().fadeIn("normal").html(response[2]+'<div class="app_selection_scroll">'+response[3]+'</div>');
			$('.app_backButton').click(function(){

				loadCovers(less);
			});
			$('.app_moreButton').click(function(){

				loadCovers(start);
			});
			return false;
			}
		});

}

$(document).ready(function () {
	$('#app_publishButton').click(function(){
		if(cover==''){ alert("You have not selected a frame"); return false; }
		if(!confirm("Generate Your Image?")) {return false }
		
		w = document.getElementById('art').width;
		$.ajax({
			type: 'POST',
			url: '_functions.php',
			data: 'func=finalize&posX='+posX+'&posY='+posY+'&cover='+cover+'&image='+image+'&zoomwidth='+w,
			cache:false,
			success: function(response){
				response = unescape(response);
				var response = response.split("|");
				responseType=response[0];
				if(responseType=='success'){
					$('.app_mag').hide().fadeIn("normal").html('<img src="'+response[1]+'">');
					$('.app_selections').html('<h1>Completed. Use the codes below to share your image or save it to your computer</h1>'+response[2]);
				}else{
					alert("There was an error processing your image. Please try again or use another image");
				}
				$('#app_buttons').hide();
				return false;
			}
		});
	});//END app_publishButton
		
		
	var myUpload = $('#upload_link').upload({
	   name: 'image',
	   action: 'image_upload.php',
	   enctype: 'multipart/form-data',
	   params: {upload:'Upload'},
	   autoSubmit: true,
	   onSubmit: function() {
			$('#upload_link').attr("src","images/loader.gif");
			$('#app_instructions').hide().fadeIn("normal").html('<iframe src="/_ads.php" scrolling="no" frameborder="0" width="240" height="400"></iframe>');
		},
		onComplete: function(response) {
			response = unescape(response);
			_r =response;
			var response = response.split("|");
			responseType=response[0];
			if(responseType=="success"){
				image = response[1];
				$('.app_mag').html('<img src="'+image+'" id="art"><span id="app_cover"><!--DISPLAYS THE COVER SELECTED --></span>');
			}else if(responseType=="error"){
				$('.app_mag').html('<span style="color:#ff0000;padding:10px; text-align:center;">'+response[1]+'</span>');
				return false;
			}else{
				$('.app_mag').show().html('<span style="color:#ff0000">Unexpected Error - Please try again</span><span style="color:#fff; font-weight:normal;">'+_r+'</span>');
				return false;
			}
			loadCovers(0);
			$("#art").draggable({ stop:function(event,ui){
				var parentPos = $('.app_mag').offset();						
				var offset =$(this).offset();
				posX = offset.left-parentPos.left;
				posY = offset.top-parentPos.top;
			}});
	
			$('#app_buttons').fadeIn("slow");
			$('.app_selections').fadeIn("slow");
			
			$('.app_mag').mouseover(function(){
				$('#app_cover').css({'z-index':'1'});
				$('#art').css({'z-index':'2'});
			});
			
			$('.app_mag').mouseout(function(){
					$('#app_cover').css({'z-index':'2'});
					$('#art').css({'z-index':'1'});
			});
				
			$('#app_zoomoutButton').mousedown(function(){
				var zoom = $('#art').width()-50;
				$('#art').width(zoom);
			});
			
			$('#app_zoominButton').mousedown(function(){
				var zoom = $('#art').width()+50;
				$('#art').width(zoom);
			});

			return false;
		 }
	});//END upload
	
}); //END $(document).ready(function ()
//]]>