var layerId = "formLayerContainer";
var layerContentId = "formLayerContent";

if(String(window.location).indexOf("/jardim/") != -1){$(window).scroll(scrollHandler);}

function scrollHandler(){
	if(($('#'+layerContentId+'').height() + 150) < $(window).height()){
		$('#'+layerId+'').css('top', $(window).scrollTop());
		$('#'+layerId+'').css('height', '100%');
	}else{
		$('#'+layerId+'').css('top', 0);
		if($('#'+layerContentId+'').height() > $('body').height()){
			$('#'+layerId+'').css('height', $('#'+layerContentId+'').height()+200);
		}else{
			$('#'+layerId+'').css('height', $('body').height()+50);
		}
	}
}

var connect = {
	appId : "186552804721288", //netmais testes
//	appId : "124902390900229", //netmais testes
	status : true,
	cookie : true,
	xfbml: true,
	FB : null,
	uid : null,
	name : null,
	contenDiv : "#connectContent",
	loggedOutMessage : $('#logedOut').html(),
	loggedInMessage : $('#logedIn').html(),
	
	popUiShareBox : function(attachment, action_links){
		this.FB.ui(
		   {
			 method: 'stream.publish',
			 attachment: attachment,
			 action_links: action_links
		   }//aqui pode entrar um callback
		);
	},
	
	userInfoHandler : function(response){
		connect.name = response.name;
		//connect.uid = response.uid;
	},
	
	checkLoginStatus : function(response){
		var connectDIV = $(connect.contenDiv);
		if (!response.session) {
			connectDIV.html(connect.loggedOutMessage);
		} else {
			connect.uid = response.session.uid;
			FB.api('/me', connect.userInfoHandler);
			FB.api('/me/friends', connect.friendsGet);
			connectDIV.html(connect.loggedInMessage);
		}
	},
	
	friendsGet : function(result){
		var ids = "";
		for(i=0; i < result.data.length; i++){
			ids += result.data[i].id+",";
		}
		if(document['jardim_virtual'] != null){
			document['jardim_virtual'].setUserFirends(ids);
		}
	},
	
	shareGeral : function(sendGiftURL){
		var attachment = {
					  'name' : 'Ajude-nos a plantar o maior jardim de flores virtuais do Mundo.',
					  'href' : "http://www.oeirasparque.com/jardim/",
					  'caption' : 'Vamos colocar este jardim no Guinness! Faça parte desta iniciativa e juntos vamos fazer história!',
					  'media' : [{'type' : 'image', 'src' : 'http://www.oeirasparque.com/jardim/connect/images/flor1.png', 'href' : "http://www.oeirasparque.com/jardim/"}]
					  };
		var action_links = [{'text' : 'Plantar','href' : 'http://www.oeirasparque.com/jardim/'}, {'text' : 'Ver Jardim','href' : 'http://www.oeirasparque.com/jardim/'}];
		connect.popUiShareBox(attachment, action_links);
	},
	
	sharePlanta : function(){
		var florNr = $('#txtFlorTipo').val();
		var attachment = {
					  'name' : 'EU PLANTEI UMA FLOR NO MAIOR JARDIM DE FLORES VIRTUAIS DO MUNDO. E TU?',
					  'href' : "http://www.oeirasparque.com/jardim/",
					  'caption' : '{*actor*} plantou uma flor e desejou '+connect.desejo+'.',
					  'media' : [{'type' : 'image', 'src' : 'http://www.oeirasparque.com/jardim/connect/images/flor'+florNr+'.png', 'href' : "http://www.oeirasparque.com/jardim/"}]
					  };
		var action_links = [{'text' : 'Plantar','href' : 'http://www.oeirasparque.com/jardim/'}, {'text' : 'Ver Jardim','href' : 'http://www.oeirasparque.com/jardim/'}];
		connect.popUiShareBox(attachment, action_links);
	},
	
	/*Specific functions HERE*/
		updateGhardenStatus : function (nrFlores, nrDesejos){
			var jardimStatus = $('#jardimStatusTemp').html();
			jardimStatus = jardimStatus.replace('{nrFlores}', nrFlores);
			jardimStatus = jardimStatus.replace('{nrDesejos}', nrDesejos);
			
			var florSize = 10; //cm
			var klm = (florSize * nrFlores)/10000;
			jardimStatus = jardimStatus.replace('{jardimTamanho}', klm);

			$('#jardimStatusNumbers').html(jardimStatus);
		},
		
		openLayerForm : function(){
			var loc = String(window.location);
			if(String(loc).indexOf("/jardim/") == -1){window.location = '/jardim/';return;}
			
			$('#formContainerDiv').html('');
			$('#formLayerContainer').css('display', 'block');
			$('#respostaContainer').css('display', 'none');
			$('#formContainerDiv').css('display', 'block');
			
			$('#formContainerDiv').load('/jardim/resposta_form.aspx', function(response) {
			  $('#formContainerDiv').html(response);
			  if(connect.name != null){
			  	$('#txtNome').val(connect.name);
			  	$('#formFBTemp').html('');
			  }
			});
		},
		
		closeLayerForm : function(){
			$('#formLayerContainer').css('display', 'none');
		},
		
		refreshJardim : function(){
			connect.closeLayerForm();
			//É preciso limpar no flash o container
			document['jardim_virtual'].reloadScene('/jardim/xml/jardim.aspx');
		},
		
		desejo : '',
		sendForm : function(){
			if(connect.uid != null){$('#txtUid').val(connect.uid);}
			
			connect.desejo = $('#txtDesejo').val();
			var formData = $("#FormPlantar").serialize(); 
			
			$('#respostaContainer').load('/jardim/resposta_form.aspx?'+formData);
			$('#formContainerDiv').css('display', 'none');
			$('#respostaContainer').css('display', 'block');
		},
		
		selectedFlor : 'divFlor1', 
		selectFlor : function(florTipo){
			$('#divFlor'+florTipo).addClass('divFlorSelected');
			$('#divFlor'+florTipo).removeClass("divFlorNormal");
			$('#txtFlorTipo').val(florTipo);
			
			$('#'+connect.selectedFlor).addClass('divFlorNormal');
			$('#'+connect.selectedFlor).removeClass("divFlorSelected");
			connect.selectedFlor = 'divFlor'+florTipo;
		}
}

//Init Facebook API and Log User
	FB.init({appId:connect.appId, status:connect.status, cookie:connect.cookie, xfbml:connect.xfbml});
	connect.FB = FB;
	connect.FB.getLoginStatus(connect.checkLoginStatus);
	connect.FB.Event.subscribe('auth.sessionChange', connect.checkLoginStatus);