/**
 * @author 58062
 * Js myPictures
 * 
 */
var onUpload = false;
function initPictures(){
	var parentEl = $('myPicturesBox-form');
	var request = new Request.JSON({
		url: fUrls.LOADPICTURES,
		method: 'post',
		onStart:function(){
			if (parentEl.getFirst('div').get('class') == "blockFloat") {
				parentEl.empty();
				parentEl.set('html', "<span style=\"display:block;text-align:center;width:150px;margin-left:345px;margin-top:180px;margin-bottom:180px;color:#FFF;\"><span id=\"text-wait-webmail\">" + slsBuild.langs.SIDEBAR_MYPICTURES_LOADING + "</span><br /><br /><img src=\"http://" + slsBuild.site.domainName + "/" + slsBuild.paths.imgJs + "waitProfilePictures.gif\" alt=\"Chargement...\" title=\"Chargement...\" /></span>");
			}
			onUpload = false;
		},
		onComplete:function(xhr){
			if (xhr['status'] == true){
				
				fMember['pictures'] = xhr['photos'];
				fMember['picture'] = xhr['photo'];
				var els = new Array();
				var pictures = new Array();
				for (var i=0;i<12;i++){
					var pictureUp = new Element('div', {
						'class'	:	'pictureUpload',
						'styles': {
							'overflow'	:	'hidden'
						}
					});
					if (i == 0){
						pictureUp.setStyles({
							'background'	:	'none',
							'backgroundImage'	: (fMember['picture'] != null) ? 'url(http://'+slsBuild.site.domainName+'/'+fConfigs['paths']['userMedias']+fMember['id']+'/'+fMember['picture']+'_1.jpg)' : 'url(http://'+slsBuild.site.domainName+'/'+fConfigs['paths']['userMedias']+fConfigs['profiles']['defaultPicture'+fMember['sex'].toUpperCase()]+'_1.jpg)',
							'backgroundRepeat'	: 'no-repeat',
							'backgroundPosition': 'center center'
						});
						var tmpPic = (fMember['picture'] != null) ? 'http://'+slsBuild.site.domainName+'/'+fConfigs['paths']['userMedias']+fMember['id']+'/'+fMember['picture']+'_1.jpg' : 'http://'+slsBuild.site.domainName+'/'+fConfigs['paths']['userMedias']+fConfigs['profiles']['defaultPicture'+fMember['sex'].toUpperCase()]+'_1.jpg';
						pictures.push(tmpPic);
					}
					else if(fMember['pictures'].keyExists(i-1)){
						pictureUp.setStyles({
							'background'	:	'none',
							'backgroundImage'	: 'url(http://'+slsBuild.site.domainName+'/'+fConfigs['paths']['userMedias']+fMember['id']+'/'+fMember['pictures'][(i-1)]['user_photo_name']+'_1.jpg)',
							'backgroundRepeat'	: 'no-repeat',
							'backgroundPosition': 'center center'
						});
						pictures.push('http://'+slsBuild.site.domainName+'/'+fConfigs['paths']['userMedias']+fMember['id']+'/'+fMember['pictures'][(i-1)]['user_photo_name']+'_1.jpg');
					}
					else{
						pictureUp.set('html', "<div class=\"pictureUpload\" id=\"container-upload-"+i+"\"><form action=\""+fUrls.PHOTOUPLOAD+"\" method=\"post\" id=\"form-upload-"+i+"\" target=\"uploading-frame-"+i+"\" enctype=\"multipart/form-data\"><input type=\"hidden\" name=\"container\" value=\""+i+"\" /><div class=\"containerLabelFiles\"><label class=\"cabinet\"><input type=\"file\" class=\"file\" id=\"picture-upload-"+i+"\" name=\"photo\" onchange=\"uploadPicture(this);\"/></label></div></form><span style=\"display:block;color:#FFF;text-align:center;margin:10px 20px 0 20px;width:164px;font-size:0.9em;\" id=\"label-picture-"+i+"\">"+slsBuild.langs.SIDEBAR_MYPICTURES_ADD+"</span></div>");
						
					}
					if (i==0){
						var border = new Element('div', {
							'styles': {
								'display'	:	'block',
								'width'		:	'203px',
								'height'	:	'178px',
								'border'	:	'3px solid '+fConfigs['profiles']['color'+fMember['sex'].toUpperCase()],
								'float'		:	'left'
								
							}
						}).inject(pictureUp);
					}
					if (fMember['pictures'].keyExists(i-1)) {
						var overflowActions = new Element('div', {
							'id'	:	'member-pictures-'+i,
							'styles'	: {
								'display' 	: 'none',
								'position'	: 'absolute',
								'top'		: 0,
								'left'		: 0,
								'width'		: '209px',
								'height'	: '184px',
								'backgroundColor': '#000'
							}
						});
						var del = new Element ('a', {
							'title'		:	slsBuild.langs.SIDEBAR_MYPICTURES_DELETE,
							'html'		:	slsBuild.langs.SIDEBAR_MYPICTURES_DELETE,
							'styles'	: {
								'display'			: 'block',
								'float'				: 'right',
								'margin'	 		: '10px 10px 0 0',
								'cursor'			: 'pointer',
								'height'			: '13px',
								'backgroundImage' 	: 'url(http://'+slsBuild.site.domainName+'/'+slsBuild.paths.buttons+'deleteButton.png)',
								'backgroundRepeat'	: 'no-repeat',
								'backgroundPosition': 'center right',
								'fontSize'			: '0.8em',
								'color'				: '#FFF',
								'padding'			: '0 20px 0 0'
								
							}
						});
						if (Browser.Engine.trident && Browser.Engine.version == 4)
							del.setStyles({
								'background' 	: 'none',
								'filter'		: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=\'true\', src=\'http://'+slsBuild.site.domainName+'/'+slsBuild.paths.buttons+'deleteButton.png\', sizingMethod=\'crop\')'
							});
						
						eval("del.addEvent('click', function(e){deletePicture("+fMember['pictures'][(i-1)]['user_photo_id']+"); e.stop()});");
						var label = new Element('div', {
							'html'	:	slsBuild.langs.SIDEBAR_MYPICTURES_SET_DEFAULT,
							'styles': {
								'display'	:	'block',
								'float'		:	'right',
								'width'		:	'100%',
								'textAlign' :	'center',
								'margin'	:	'90px 0px 0px 0px',
								'fontSize'	:	'0.9em',
								'cursor'	: 	'pointer',
								'color'		:	fConfigs['profiles']['color'+fMember['sex'].toUpperCase()],
								'textTransform' : 'uppercase'
								
							}
						});
						eval("label.addEvent('click', function(e){ setDefaultPicture("+fMember['pictures'][(i-1)]['user_photo_id']+"); e.stop();});");
						overflowActions.grab(del);
						overflowActions.grab(label);
						pictureUp.set('id', 'container-pictures-'+i);
						pictureUp.grab(overflowActions);
					}
					pictureUp.addEvent('mouseenter', function(){
						displayPicturesOptions(this);
					});
					pictureUp.addEvent('mouseleave', function(){
						hidePicturesOptions(this);
					});
					els.push(pictureUp);
				}
				
				var asset = new Asset.images(pictures, {
					onComplete:function(){ 
						parentEl.empty();
						for (var i=0;i<els.length;i++){
							parentEl.grab(els[i]);
						}
						transformInputFile();
					}
				});
				
			}
			
		}
	}).send();
}
function transformInputFile(){
	SI.Files.stylizeAll();
	var els = $$('cabinet');
	for (i = 0; i < els.length; i++) 
		els[i].style.visibility = "visible";
	
	
}

function displayPicturesOptions(element){
	if (!$chk(element)) 
		return;
	if (element.get('id') == null)
		return;
	var idOptions = element.get('id').strreplace('container-pictures-', 'member-pictures-');
	var idPicture = element.get('id');
	var explode = element.get('id').explode('-');
	var realNum = parseInt(explode[2])+1;
	var coefRow = (isInt(realNum/4)) ? (realNum/4)-1 : ((realNum/4).floor());
	var coefCell = ((realNum%4) == 0) ? 3 : (realNum%4)-1;
	if (!$chk($(idOptions)) || !$chk($(idPicture)))
		return;
	var left = (parseInt($(idPicture).getStyle('width'))*coefCell)+(coefCell+1);
	var top = (parseInt($(idPicture).getStyle('height'))*coefRow)+coefRow;
	$(idOptions).setStyles({
		'display'	:	'block',
		'top'		: 	top+'px',
		'left'		: 	left+'px',
		'opacity'	:	0
	});
	var morphOptions = new Fx.Morph($(idOptions),{
		duration : fConfigs['simpleBoxes']['myPictures']['fadeIn']
	});
	morphOptions.set({
		'opacity' : 0
	});
	morphOptions.start({
		'opacity' : 0.9
	});
}
function hidePicturesOptions(element){
	if (!$chk(element)) 
		return;
	if (element.get('id') == null)
		return;
	var idOptions = element.get('id').strreplace('container-pictures-', 'member-pictures-');
	var idPicture = element.get('id');
	var morphOptions = new Fx.Morph($(idOptions),{
		duration : fConfigs['simpleBoxes']['myPictures']['fadeOut'],
		onComplete:function(){
			$(idOptions).setStyle('display', 'none');
		}
	});
	morphOptions.set({
		'opacity' : 0.9
	});
	morphOptions.start({
		'opacity' : 0
	});
}
function deletePicture(item) {
	var request = new Request.JSON({
		url : fUrls.DELETEPICTURE,
		method: 'post',
		onComplete:function(xhr){
			if (xhr['status'] == true)
				initPictures();
		}
	}).send("user_photo_id="+item);
}
function setDefaultPicture(item){
	var request = new Request.JSON({
		url : fUrls.DEFAULTPICTURE,
		method: 'post',
		onComplete:function(xhr){
			if (xhr['status'] == true)
				initPictures();
		}
	}).send("user_photo_id="+item);
}
function uploadPicture(item){
	var form = new Form(item.get("id").strreplace('picture-upload-', 'form-upload-'));
	if (form.getValue('photo') == "") 
		return;
	
	var file = new File(form.getValue('photo'));
	var id = item.get("id").substr(item.get("id").lastIndexOf("-")+1);
	
	if (onUpload == true){
		$('label-picture-'+id).set({
			'styles': {
				'color': '#DF2929'
			},
			'html': slsBuild.langs.SIDEBAR_MYPICTURES_ONE_UPLOAD
		});
		return;
	}
	
	if (file.checkExtension(['jpg', 'gif', 'png', 'jpeg']) == false) {
		$('label-picture-'+id).set({
			'styles': {
				'color': '#DF2929'
			},
			'html': slsBuild.langs.SIDEBAR_MYPICTURES_BAD_EXTENSION
		});
		return;
	}
	
	var elContainer = $('container-upload-'+id);
	var elForm = $(item.get("id").strreplace('picture-upload-', 'form-upload-'));
	var iframe = new Element('iframe', {
		'name' 	: 'uploading-frame-'+id,
		'id' 	: 'uploading-frame-'+id,
		'src'	: 'http://'+slsBuild.site.domainName+'/'+slsBuild.paths.js+'xHTML/frame.html',
		'styles': {
			'width'	: 0,
			'height': 0,
			'border':0
		},
		'height'	: 0,
		'width'	: 0
	}).inject(elContainer);
	 
	 
	var explode = item.get('id').explode('-');
	var realNum = parseInt(explode[2])+1;
	var coefRow = (isInt(realNum/4)) ? (realNum/4)-1 : ((realNum/4).floor());
	var coefCell = ((realNum%4) == 0) ? 3 : (realNum%4)-1;
	
	var left = (parseInt($(elContainer).getStyle('width'))*coefCell)+(coefCell+1);
	var top = (parseInt($(elContainer).getStyle('height'))*coefRow)+coefRow;
	 var waiting = new Element('div', {
	 	'id'	:	'waiting-upload-'+id,
		'html'	:	'<span style=\'display:block;margin:40px 20px 0 20px;text-align:center;\'>'+slsBuild.langs.SIDEBAR_MYPICTURES_UPLOADING_WAIT+'</span>',
		'styles':	{
			'display'	:	'block',
			'position'	:	'absolute',
			'top'		:	top+'px',
			'left'		: 	left+'px',
			'width'		:	'209px',
			'height'		:	'184px',
			'backgroundColor'	:	'#000',
			'color'		: '#FFF',
			'backgroundImage'	:	'url(http://'+slsBuild.site.domainName+'/'+slsBuild.paths.imgJs+'waitProfiles.gif)',
			'backgroundRepeat'	:	'no-repeat',
			'backgroundPosition':	'center center',
			'opacity'			: 0.8,
			'textAlign'			: 'center'
		}
	 }).inject(elContainer);
	 form.submit();
	 onUpload = true;
}
function checkUpload(xhr) {
	var response = xhr;
	if (response['status'] == false) {
		var str = "";
		for (var i = 0; i < response['errors'].length; i++) 
			str += response['errors'][i] + "<br />";
		$('label-picture-' + response['container']).set({
			'styles': {
				'color': '#DF2929'
			},
			'html': str
		});
	}
	else {
		onUpload = false;
		initPictures();
	}
}