if(typeof(window.JQ)=="undefined"){var JQ = jQuery.noConflict();}

// f4a Ajax Helper method
function swfAjaxRequest(url, method, data, callback){
	this.url = url || '';
	this.method = method || 'POST';
	this.data = data || {};
	this.callback = callback || function(){ alert('No callback provided'); };
	this.req = {'url':this.url,'meth':this.method,'data':this.data,'onready':function(data){ callback(data); }};
	this.sendRequest = function() { f4a.open(this.req); };
}

function embedFileUploader(elementId){
	var currentTime = new Date();
	var so = new SWFObject("/nikeos/global/modules/profile_image_upload/v1/swf/uploader22.swf", 'uploader', "140", "14", "9.0.47", "#aaaaaa");
	so.addParam("wmode", "transparent");
	so.addParam("allowScriptAccess", "always");
	so.write(elementId);
	moveOverLink(JQ('#'+elementId),JQ('#profile_caption a:visible'));
}

function moveOverLink(swf,ele){
    var posX = ele.offset({ border: true, padding: true }).left;
    var posY = ele.offset({ border: true, padding: true }).top;
	if (jQuery.browser.msie && (jQuery.browser.version < 7)){
        posY = posY - 15;
    }
	swf.css({top:posY+'px', left:posX+'px', width:'140px',height:'14px',position:'absolute'});
	//swf.data('z-index':swf.css(zIndex));
}

//Used to dispatch events to uploader.swf
var uploadUtils = {
	'browse' : function(){
		var arrFilters = new Array();
		var objFilter = {
			'description' : "Images (*.jpg, *.jpeg, *.png)",
			'extension' : "*.jpg;*.jpeg;*.png"
		};
		arrFilters.push(objFilter);
		var objData = {
			'filters' : arrFilters
		};
		EventBridge.dispatchEvent({type:"onFileBrowse", data:objData});
	},
	
	'upload' : function(){
		if(JQ('#image_file_name').val() != ""){
			var strUploadPath = UPM.UPLOAD_URL + "&locale=" + UPM.locale;
			var strFieldName = "Filedata";
			EventBridge.dispatchEvent({type:"onFileUpload", data:{uploadPath:strUploadPath, fieldName:strFieldName}});
			JQ.blockUI();
			if(typeof(window.tracking!="undefined")){
				tracking.deleteProp('prop19');
				tracking.click({pageName:track_site+'>profile>my_profile>upload_photo'});
			}
		}
		else {
			console.warn('No File Entered');
		}
	}
};

//Listens for events fired by uploader.swf
var uploadListener = {
	'onUploadFileSelect' : function(obj){
		var strName = obj.data.name;
		var nSize = obj.data.size;
		if (nSize > 200000)
		{
			//clear text box
			alert(_('fileTooBig'));
			JQ('#image_file_name').val("");
		}
		else
		{
			//automatically upload image if it is valid.
			JQ('#image_file_name').val(strName);
			uploadUtils.upload();
		}
	},
	
	'onUploadCompleteData' : function(obj){
		var responseText = obj.data.response;
		var responseJSON = JQ.xml2json(responseText);
		if (responseJSON.status == 'success'){
			profileImage.handleScaledImage(responseJSON);
		} else {
			console.warn('uploadListener.onUploadCompleteData upload failure...');
		}
	},
	
	'onUploadProgress' : function(obj){
		console.log('onUploadProgress');
		setTimeout( function(){
			console.log(obj.data.bytesLoaded + ' of ' + obj.data.bytesTotal + ' loaded...');
		}, 100);
	},
	
	'onUploadIoError' : function(obj){
		alert(_('problemUploadingImage'));
		JQ.unblockUI();
	}
};

// Object Utilities
var objectUtils = {
	'printObject' : function(obj){
		var s = '';
		for (i in obj){
			s += '<strong>'+i+'</strong> -- '+ obj[i] + '<br />';
		}
		return s;
	},
	
	'serialize' : function(json){
		var s = '';
		var first = '';
		for (i in json){
			s += first + i + '=' + json[i];
			first = '&';
		}
		return s;
	}
};

//Controller for Profile Image Upload/Crop/Delete
var profileImage = {
	'image_width' : 140,
	'image_height' : 85,
	'image_left_offset' : 44, //Check Cropped_image_container left margin
	'image_top_offset' : 90, //Check cropped_image_container top margin + top offset
	'draggable_width' : null,
	'draggable_height' : null,
	'draggable_left_offset' : null,
	'draggable_top_offset' : null,
	'frame_width' : null,
	'frame_height' : null,
	'frame_left_offset' : null,
	'frame_top_offset' : null,	
	'horizontal_play' : null,
	'vertical_play' : null,
	'tempURL' : null,
	'finalURL' : null,
	'file_extension' : null,
	
	'init': function(){
		var self = this;
		JQ('#uploader_swf_content').hover( function(){
			JQ('#default_image').css({
				'width' : '136px',
				'height' : '81px',
				'border' : '2px solid #f60',
				'cursor' : 'pointer'
			});
		}, function(){
			JQ('#default_image').css({
				'width' : '140px',
				'height' : '85px',
				'border' : 'none'
			});
		});
		JQ('#uploader_swf_content').click( function(){
			uploadUtils.browse();
			// uploadUtils.browse() > uploadListener.onUploadFileSelect() > uploadUtils.upload() > uploadListener.onUploadCompleteData()
		});
		JQ('#save_link').click(function(){
			self.postToCropURL(self.getPostData());
		});
		
		JQ('#delete_link').click(function(){
			self.deleteImage();
		});
		embedFileUploader('uploader_swf_content');
	},
	
	'handleScaledImage' : function(data){
		//JQ('#status_indicator').html(objectUtils.printObject(data));
		var self = this;
		// http://tinyurl.com/mathIsAwesome
		self.draggable_width = parseInt(data.imgwidth);
		self.draggable_height = parseInt(data.imgheight);
		self.horizontal_play = (self.draggable_width - self.image_width);
		self.vertical_play = (self.draggable_height - self.image_height);
		self.frame_width = self.draggable_width + self.horizontal_play;
		self.frame_height = self.draggable_height + self.vertical_play;
		self.frame_left_offset = self.image_left_offset - self.horizontal_play;
		self.frame_top_offset = self.image_top_offset - self.vertical_play;
		self.draggable_left_offset = Math.round(self.horizontal_play/2);
		self.draggable_top_offset = Math.round(self.vertical_play/2);
		self.tempURL = UPM.TEMP_IMAGE_FOLDER_URL + data.response;
		self.file_extension = "jpg";
		JQ.unblockUI();
		JQ('#uploader_swf_content').css({zIndex:-1});
		self.makeDraggable();
	},
	
	'makeDraggable' : function(){
		var self = this;
		JQ('#default_image, #new_image').hide();
		var previousHTML = JQ('#save_link').html();
		JQ('#draggable_frame').css({
			width: self.frame_width + 'px',
			height: self.frame_height + 'px',
			left: self.frame_left_offset + 'px',
			top: self.frame_top_offset + 'px'
		});
		JQ('#draggable').css({
			backgroundImage:'url('+self.tempURL+')',
			width: self.draggable_width + 'px',
			height: self.draggable_height + 'px',
			left: self.draggable_left_offset + 'px',
			top: self.draggable_top_offset + 'px'
		}).show().draggable({
			zIndex: 1000,
			opacity: 0.8,
			containment : 'parent',
			start: function(){ JQ(this).css({'cursor':'url(/nikeos/site/profile/global/images/cursors/grab.gif), move'}); },
			stop: function(){ JQ(this).css({'cursor': 'pointer'}); }
		}).hover(function(){
				JQ('#save_link').css({'color': '#f60'}).html(_('clickToDrag'));
			}, function(){
				JQ('#save_link').css({'color': '#C4C1BE'}).html(previousHTML);
		});
		JQ('#save_link').show();
		JQ('#delete_link, #upload_link').hide();
	},

	'getPostData' : function(){
		var self = this;
		var frame_x = parseInt(JQ('#draggable_frame').css('left').split('px')[0]);
		var frame_y = parseInt(JQ('#draggable_frame').css('top').split('px')[0]);
		var draggable_x = parseInt(JQ('#draggable').css('left').split('px')[0]);
		var draggable_y = parseInt(JQ('#draggable').css('top').split('px')[0]);
		var x = self.image_left_offset - frame_x - draggable_x;
		var y = self.image_top_offset - frame_y - draggable_y;
		return {
			'email' : UPM.prof.email,
			'description' : 'profile_image',
			'name' : 'profile_image',
			'site' : 'nikeprototype',
			'locale' : UPM.locale,
			'filename' : self.tempURL.split('/')[self.tempURL.split('/').length-1],
			'xcoord' : x,
			'ycoord' : y
		}
	},

	'postToCropURL' : function(data,callback){
		var self = this;
		console.log(data);
		var url = UPM.CROP_URL;
		var post = objectUtils.serialize(data);
		url += '&'+post;
		var loadProfileRequest = new swfAjaxRequest(url,'GET',{},function(data){
			var response = JQ.xml2json(data);
			if(response.status == 'success'){
				self.croppedImageURL = response.response;
				JQ('#new_image').css('background-image', 'url('+UPM.TEMP_IMAGE_FOLDER_URL+'/vc/profile/'+self.croppedImageURL+'_LRG.'+self.file_extension+')').show();
				JQ('#draggable').hide();
				JQ('#delete_link').show();
				JQ('#save_link, #upload_link').hide();
				JQ('#uploader_swf_content').css({zIndex:-1});
				NIKEOS.ME.addToCookie({profileImage:self.croppedImageURL});
				//onPostToCropURL doesn't work in flash shell - use setNavProfile
				//EventBridge.dispatchEvent({type:"onPostToCropURL", data:null});
				setNavProfile({profileImage:UPM.TEMP_IMAGE_FOLDER_URL+'/vc/profile/'+self.croppedImageURL})
				if(typeof(window.tracking!="undefined")){
					tracking.deleteProp('prop19');
					tracking.click({pageName:track_site+'>profile>my_profile>upload_photo>success'});
				}
				ss.syncProfile(ss.DPSID);
				if(typeof(window.nikeplus)!='undefined'){
					nikeplus.plus.syncProfileSettings(function(data){ });
					nikeplus.user.reload();
				}
			} else {
				console.warn('crop failed');
			}
			JQ.unblockUI();
		});
		JQ.blockUI();
		loadProfileRequest.sendRequest();
	},
	
	'deleteImage' : function(){
		var url = UPM.DELETE_URL;
		if (confirm(_('areYouSure'))){
			var deleteImageRequest = new swfAjaxRequest(url,'GET',{},function(data){
				var response = JQ.xml2json(data);
				if(response.status == 'success'){
					self.newImageURL = null;
					JQ('#upload_link').show();
					JQ('#delete_link, #save_link').hide();
					JQ('#draggable, #new_image').hide();
					JQ('#default_image').show();
					JQ('#uploader_swf_content').css({zIndex:9999});
					NIKEOS.ME.removeFromCookie(['profileImage']);
					//onPostToCropURL doesn't work in flash shell - use setNavProfile
					setNavProfile({profileImage:UPM.TEMP_IMAGE_FOLDER_URL+'/nikeos/site/profile_v1.0b/global/images/profile_image/default_image'});
					if(typeof(window.tracking!="undefined")){
						tracking.deleteProp('prop19');
						tracking.click({pageName:track_site+'>profile>my_profile>upload_photo>delete'});
					}
					ss.syncProfile(ss.DPSID);
					if(typeof(window.nikeplus)!='undefined'){
						nikeplus.plus.syncProfileSettings(function(data){ });
						nikeplus.user.reload();
					}

				} else {
					console.warn('didn\'t delete image');
				}
				JQ.unblockUI();
			});
			JQ.blockUI();
			deleteImageRequest.sendRequest();
		}
	},
	
	'getProfileImage' : function(){
		if(UPM.prof!=null){
			if(!NIKEOS.ME.getCookie().profileImage){
				var url = UPM.GET_PROFILE_IMAGE_URL;
				var getProfileImageRequest = new swfAjaxRequest(url,'GET',{},function(data){
					var response = JQ.xml2json(data);
					if(response.status == 'success'){
						if(response.response == 'none'){
							JQ('#uploader_swf_content').css({zIndex:9999});
						}
						else {
							profileImage.croppedImageURL = response.response;
							NIKEOS.ME.addToCookie({profileImage:response.response});
							JQ('#default_image').hide();
							JQ('#new_image').css('background-image', 'url('+UPM.TEMP_IMAGE_FOLDER_URL+UPM.PROFILE_IMAGE_BASE_URL+profileImage.croppedImageURL+'_LRG.jpg)').show();
							JQ('#delete_link').show();
							JQ('#save_link, #upload_link').hide();
						}
					} else {
						console.error('getprofileimage error...');
					}
				});
				getProfileImageRequest.sendRequest();
			} else {
				profileImage.croppedImageURL = NIKEOS.ME.getCookie().profileImage;
				JQ('#default_image').hide();
				JQ('#new_image').css('background-image', 'url('+UPM.TEMP_IMAGE_FOLDER_URL+UPM.PROFILE_IMAGE_BASE_URL+profileImage.croppedImageURL+'_LRG.jpg)').show();
				JQ('#delete_link').show();
				JQ('#save_link, #upload_link').hide();
			}
		}
	}
}

function getDimensions(ele){
    return { height : ele.height(),
        width: ele.width()
    }
}