var USERDATA = 'userdata/faces/';
var COOKIE_SLOTS = 'orange_faces';
var COOKIE_SLOTFILLED = 'orange_faces_filed';
var COOKIE_OPTIONS = { path: '/', expires: 1 };
var baseurl = 'http://www.orangelive.at/danke/';
var shareurl = baseurl+'danke.php';
var embedurl = baseurl+'swf/flashfaces.swf';
var FBimgURL = 'https://graph.facebook.com/';

$(document).ready(function() {
	$('#homeBt').attr("href",'javascript:;');
	$('#homeBt').click(function() {
		$('#menu ul a').removeClass('sel');
		$(this).addClass('sel');
		$('#loader').show(0, function () {
			$('#ajaxmain').load('home.php',function() {
					/*if ($('.flashaction').attr('type')==1) {
						placeSwf();
					}*/
				$('#homecallbt').click(function () {
					$('#uploadeditBt').trigger('click');
				})
				swfobject.embedSWF("swf/orange_danke_splash_mixer.swf", "homesplash", "325", "303", "9.0.0", "swf/expressInstall.swf",{},{'wmode':'transparent'});
					$('#loader').hide();
				
			});
		});
	});
	$('#uploadeditBt').attr("href",'javascript:;');
	$('#uploadeditBt').click(function() {
		$('#menu ul a').removeClass('sel');
		$(this).addClass('sel');
		$('#loader').show(0, function () {
			$('#ajaxmain').load('faces.php',function() {
				faces_ui();
				$('#loader').hide();
			});
		});
	});
	$('#shareBt').attr("href",'javascript:;');
	$('#shareBt').click(function() {
		$('#menu ul a').removeClass('sel');
		$(this).addClass('sel');
		$('#loader').show(0, function () {
			share_ui()
		});
	});
});

var fbattachment = false;
var fbmsg = false;
var fbids = false;
function addstreamshare(username,pic,url,msg,ids) {
	FBid = FB.getSession().uid;
	fbattachment = { 'name': 'Orange sagt danke', 'href': url, 'caption': username, 'description': msg, 'media': [{ 'type': 'image', 'src': pic, 'href': url}] }; 
	//console.log(ids);
	fbids =ids.split(',');
	fbmsg = msg;
	shareMsg(FBid);
	for(var u=0;u<fbids.length;u++) {
		shareMsg(fbids[u]);
	}
}

function shareMsg(FBid) {
	FB.ui({ method: 'stream.publish', message:fbmsg,attachment:fbattachment,target_id:FBid},
		function(response) {
			if (response==false) {
			}
		});
}

function share_ui() {
			$('#ajaxmain').load('share.php',function() {
				placeShareForm() 
				$('#faces .sharepic a[type=viewpic]').each(function () {
					$(this).attr('oldhref',$(this).attr('href')).attr('href','javascript:').click(function () {
						$('#bigface').show();
						$('#faces').hide();
						$('#bigface img').attr('src',$(this).attr('oldhref'));
						$('#closeBigfaceBt').unbind('click').click(function() {
							$('#bigface').hide();
							$('#faces').show();
						});
					})
				});
				$('#loader').hide();
			});
}

function upload_ui(name,sid,slot) {
	$('#upload').load('upload.php',function() {
		var pos = $('.'+slot).position();
		$('#upload').css("left",pos.left).css("top",pos.top);
		$('#name').val(name);
		$('#namesid').val(sid);
		$('#slotupload').val(slot);
		$('#uploadBt').hide();
		$("#fileUploadname").uploadify({
			'uploader': 'uploadify/uploadify.swf',
			'cancelImg': 'uploadify/cancel.png',
			'script': 'upload_name.php',
			'folder': 'userdata/faces',
			'multi': false,
			'displayData': 'percentage',
			'scriptData': {'name':name,'namesid':sid,'slotupload':slot},
			'fileExt': '*.jpg;*.jpeg',
			'fileDesc':'JPG',
			'buttonText':'2. Bild suchen',
			'wmode':'transparent',
			'sizeLimit':1048600,
			onComplete: function (evt, queueID, fileObj, response, data) {
				var slot = $('#slot').val();
				//alert($('.'+slot+' img').attr('src')+' '+USERDATA+fileObj);
				$('.tmp').load('rememberslot.php',{'slot':slot,'name':$('#name').val(),'newFileName':response});
				$('.'+slot+' img').attr('src',USERDATA+response);
				$('.'+slot+' img').attr('alt',$('#name').val());
				$('.'+slot+' span').html($('#name').val());
				editpic_ui(slot);
				editname_ui(slot);
				placeswf_ui();
				$('#upload').hide();
			},
			onSelectOnce:function() {
				//alert(1);
				$('#uploadBt').show();
			}
		});
		$('#upload').show();
		$('#closeUploadBt').click(function() {
			$('#upload').hide();
		});
		var fbinfo = $('<p>').html('oder');
		var fbbt = $('<a>');
		fbbt.attr('slot',slot);
		fbbt.html('Bild auf Facebook suchen');
		fbbt.click(function () {
			if (FBloggedin==true) {
				FBuserinfo_ui($(this).attr('slot'));
			} else {
				$('#login').trigger('click');
			}
		})
		$('#upload').append(fbinfo);
		$('#upload').append(fbbt);
		$('#name').bind('change', function(){
			//$('#fileUploadname').fileUploadSettings('scriptData','&name='+$(this).val()+'&namesid='+$('#namesid').val()+'&slotupload='+$('#slotupload').val());
			$('#fileUploadname').uploadifyUpload('scriptData','&name='+$(this).val()+'&namesid='+$('#namesid').val()+'&slotupload='+$('#slotupload').val());
		});
	});
}

function allSlotsFilled() {
	var allslots = 0;
	var dg = '';
	for(var i=1;i<=MAXSLOTS;i++) {
		//alert($('.slot'+i+' span').html()=='');
		//alert($('.slot'+i+' span').html())
		var val = $('.slot'+i+' span').html();
		if ($('.slot'+i+' span').html()=='') {} else {
			allslots++;
		}
	}
	$.cookie(COOKIE_SLOTFILLED,allslots);
	if (allslots==MAXSLOTS) {
		$.cookie(COOKIE_SLOTS, sessionid+'.1', COOKIE_OPTIONS);
	}
	return allslots;
}

function placeswf_ui() {
	//alert(allSlotsFilled());
	//alert(MAXSLOTS);
	$('#genswfbt').hide();
	if (allSlotsFilled()==MAXSLOTS) {
		$('#genswfbt').click(function () {
			//alert(div);
			//alert(1);
			//placeSwf();
			location.href="danke.php";
		}).show();
	}
}

function placeSwf(sid) {
	if (sid!=undefined) {
		flashsessionid=sid;
	}
	$('#loader').show(function () {
		$('#ajaxmain').html('<div id="flashfacesswfholder"><div id="flashfaces">FLASH</div><div id="facesshareform" class="floatl clear"></div></div>');
		//var embed ='EmbedCode:<br /><input id="embed" /><br /><br />';
		//var yourshareurl = shareurl+'?id='+flashsessionid;
		//var share ='<a href="'+yourshareurl+'">Send this link by mail</a><br /><input id="mail" value="'+yourshareurl+'"/>'; 
		//$('#ajaxmain').append('<div>'+embed+share+'</div>');
		swfobject.embedSWF("swf/flashfaces.swf?dataprovider=xmldata.php"+escape('?id='+flashsessionid)+"&id="+flashsessionid, "flashfaces", "719", "440", "9.0.0", "swf/expressInstall.swf",{},{'wmode':'transparent'});
		placeShareForm();
		/*var obj = $('#flashfacesswfholder').html();
		obj = obj.replace('swf/flashfaces.swf',shareurl+'swf/flashfaces.swf');
		obj = obj.replace('xmldata.php',shareurl+'xmldata.php');
		obj = obj.replace('php&amp;id','php&id');
		
		$('#embed').val(obj);
		$('#loader').hide();*/
	})
}

function placeShareForm() {
		var yourshareurl = shareurl+'?id='+flashsessionid;
		var mailto ='<a id="mailtolink">Mailclient &ouml;ffnen</a>';
		$('#facesshareform').append(''+mailto+'');
		$('#mailtolink').click(function () {
			$('#mailtolink').attr('href','mailto:'+'?subject=Orange sagt danke&body=Hallo, ich habe ein Orange sagt danke Video aus meinen Freunden erstellt.%0A%0AHier ist der Link:%0A'+yourshareurl+'.%0A%0ADu kannst das Video mit Deinen Freunden teilen, sie einladen auch mitzumachen oder die Bilder nochmals durchmixen und die beste Kombination auf Facebook posten.')
		})
		var share ='<div class="linkurl">Link: <input id="mail" value="'+yourshareurl+'"/></div>';
		$('#facesshareform').append(''+share+'');
		var embed ='<div class="embedcode">in Seite einbetten: <input id="embed" /></div>';
		var swfurl = embedurl+'?dataprovider='+encodeURI(baseurl+'xmldata.php?id='+flashsessionid)+'&id='+flashsessionid;
		var embedcode = '<object width="719" height="440"><param name="movie" value="'+swfurl+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+swfurl+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="719" height="440"></embed></object>';
		$('#facesshareform').append(''+embed+'');
		$('#embed').val(embedcode);
		//<object height="440" width="719" type="application/x-shockwave-flash" data="swf/flashfaces.swf?dataprovider=xmldata.php%3Fid%3Dkk5dnjrcjb7bj93uc63qqp44i4&amp;id=kk5dnjrcjb7bj93uc63qqp44i4" id="flashfaces" style="visibility: visible;"><param name="wmode" value="transparent"></object>
		//$('#ajaxmain').append('<div>'+share+'</div>');
		//$('#ajaxmain').append('<div>'+embed+share+'</div>');
		//$('#embed').val(embedcode);
}

function edityourname_ui(slot) {
	$('.faces div.'+slot+' span').click(function () {
		$('.close').trigger('click');
		var slot = $(this).attr('slot');
		//var pos = $('.'+slot).position();
		//$('#fullnameedit').css("left",pos.left).css("top",pos.top);
		$('#fullnameedit').load('editname.php',{'slot':slot,'name':$(this).html()},function() {
			$('#fullnameedit').show();
			$('#closeEditnameBt').click(function() {
				$('#fullnameedit').hide();
			});
		});
	});
}

function editname_ui(slot) {
	$('.faces div.'+slot+' span').click(function () {
		$('.close').trigger('click');
		var slot = $(this).attr('slot');
		var pos = $('.'+slot).position();
		$('#upload').css("left",pos.left).css("top",pos.top);
		$('#upload').load('editname.php',{'slot':slot,'name':$(this).html()},function() {
			$('#upload').show();
			$('#closeEditnameBt').click(function() {
				$('#upload').hide();
			});
		});
	});
}

function resetpic_ui(slot) {
	var a = $('<a>');
	a.addClass('cancelbt');
	a.attr('slot',slot);
	a.html('reset');
	a.click(function() {
		resetpic_bt($(this).attr('slot'));
	})
	$('.faces div.'+slot).append(a);
	/*$('.faces .'+slot).append($('a').html('Edit').click(function() {
		//jQuery('.'+$(this).attr('slot')).Jcrop();
		alert(1);
	}))*/
}

function editpic_ui(slot) {
	$('.faces div.'+slot+' .editbt').remove();
	var a = $('<a>');
	a.addClass('editbt');
	a.attr('slot',slot);
	a.html('bearbeiten');
	a.click(function() {
		editpic_bt($(this).attr('slot'));
	});
	$('.faces div.'+slot).append(a);
}

function resetpic_bt(slot) {
	$('.'+slot).load('resetslot.php',{'slot':slot},function() {
		editpic_ui(slot);
	});
}

function cropeye(posl,post) {
				var eye = $('<div>').addClass('eye');
				eye.css('left',posl);
				eye.css('top',post);
				eye.css('border','2px solid #ff0000');
				eye.css('height','10px');
				eye.css('width','10px');
				eye.css('position','absolute');
				eye.html('&nbsp;');
	return eye;
}

function cropnose(posl,post) {
				var eye = $('<div>').addClass('eye');
				eye.css('left',posl);
				eye.css('top',post);
				eye.css('border','1px solid #ff0000');
				eye.css('height','20px');
				eye.css('width','0px');
				eye.css('position','absolute');
				eye.html('&nbsp;');
	return eye;
}

function editpic_bt(slot) {
	//$('#upload').html($('<img>').attr('id','jcrop').attr('src',$('.'+slot+' img').attr('src')));
	$('#crop').load('cropui.php',{'slot':slot,'slotimg':$('.'+slot+' img').attr('src')},function () {
		$('.close').trigger('click');
		jQuery('#jcrop').Jcrop({
			onSelect: function(c){
				$('#x').val(c.x);
				$('#y').val(c.y);
				$('#w').val(c.w);
				$('#h').val(c.h);
				//console.log(c.x+" "+c.y+" "+c.w+" "+c.h)
				},
			onChange: function (c) {
				//console.log(c);
				$('.eye').remove();
				var el = cropeye(((c.w/3)*1)-5,(c.h/3));
				var er = cropeye(((c.w/3)*2)-5,(c.h/3));
				var nose = cropnose((c.w/2),(c.h/2))
				$('.jcrop-holder div div .jcrop-tracker').append(el);
				$('.jcrop-holder div div .jcrop-tracker').append(er);
				$('.jcrop-holder div div .jcrop-tracker').append(nose);
				$('.jcrop-holder div div .jcrop-tracker').css('opacity','0.6');
			},
			aspectRatio:1/1,
			minSize:[100,100],
			maxSize:[400,400],
			bgOpacity:0.6
			
		});
		$('#crop').show();
		$('#crop img').show();
		$('#closeCropBt').click(function() {
			$('#crop').hide();
		});
	});
	//
	//jQuery('.'+slot+' img').Jcrop();
}

function faces_ui() {
	$('#faces').load('yourfaces.php',function() {
		placeswf_ui();
		//edityourname_ui('full');
		$('.faces img.uplaodimage').each(function() {
			editname_ui($(this).attr('slot'));
			if (!$(this).hasClass('noedit')) {
				editpic_ui($(this).attr('slot'));
			}
			//alert($(this).hasClass('noreset'));
			if (!$(this).hasClass('noreset')) {
				resetpic_ui($(this).attr('slot'));
			}
			$(this).click(function () {
				$('#slot').val($(this).attr('slot'));
				upload_ui($(this).attr('alt'),$('.faces #sid').val(),$(this).attr('slot'));
			});
		});
	});
}

function startUpload(id, conditional)
{
	if(conditional.value.length != 0) {
		$('#'+id).uploadifyUpload();
	} else
		alert("Bitte zuerst einen Namen eingeben");
}

function test() {
var slot = $('#slot').val();
editpic_ui(slot);
}

function checkCoords()
			{
				if (parseInt($('#w').val())) return true;
				alert('Bitte einen Auschnitt markieren und den Bereich speichern.');
				return false;
			};

function isdefined( variable)
{
    return (typeof(window[variable]) == "undefined")?  false: true;
}


function FBuserinfo_ui(slot) {
	$('#upload').hide();
	$('#fbusers').empty();
	$('#fbusers').show();
	$('#fbusers').attr('slot',slot);
	FB.api('/'+FB.getSession().uid+'/friends',
		function(response) {
			//console.log('????');
			//console.log(response);
			FBdisplayUsers(response);
		}
	);
}

function FBdisplayUsers(r) {
	$('#fbusers').append('<a id="closefbuserchooseBt" class="close" href="#">Schliessen</a>');
	$('#fbusers').append('<p>1. Wähle einen deiner Freunde</p>');
	$('#closefbuserchooseBt').click(function () {
		$('#fbusers').empty().hide();
	});
	$('#fbusers').append('<div id="friend"></div>');
	uiFbUser({id:FBid,name:FBusername})
	for (var i=0, l=r.data.length; i<l; i++) {
		uiFbUser(r.data[i])
	}
}

function uiFbUser(user) {
		var auser = $('<a>');
		var img ='<img src="'+FBimgURL+user.id+'/picture?type=square" />';
		auser.html(''+img+'<br /><b>'+user.name+'</b>');
		auser.attr('type',user.id);
		auser.attr('title',user.name)
		auser.click(function () {
			FBUserinfo($(this).attr('title'),$(this).attr('type'));
		});
		var userdiv = $('<div>');
		userdiv.attr('class','fbuser');
		userdiv.append(auser);
		$('#fbusers').append(userdiv);
}

function FBUserinfo(username,userid) {
	$('#userpictures').attr('type',userid);
	$('#userpictures').attr('title',username);
	FBaddPicTabs();
	//callFBPhotos(userid);
	callFBProfile(userid);
}

function callFBProfile(userid) {
	$('#loader').show();
	$('#picturebrowser').empty();
	
	FB.api(
		{
			method: 'fql.query',
			query: 'SELECT name, pic_big FROM profile WHERE id=' + userid
		},
		function(response) {
			var user = response[0];
			var aphoto = $('<a>');
			aphoto.attr('title',user.name);
			aphoto.attr('type',user.pic_big);
			aphoto.click(function () {
				placeUploadSwf($('#fbusers').attr('slot'),$(this).attr('type'),sessionid)
			});
			var img = $('<img>').attr('src',user.pic_big)
			aphoto.html(img);
			$('#picturebrowser').append(aphoto);
		}
	);
}


function FBaddPicTabs() {
	$('#userpictures').empty();
	var holder = $('<div>').attr('id','tabs');
	var pics = $('<div>').attr('id','picturebrowser');
	holder.append('<a id="closefbimagechooseBt" class="close" href="#">Schliessen</a>');
	var ph = $('<a>');
	ph.html('getagte Photos');
	ph.click(function () {
		callFBPhotos($('#userpictures').attr('type'));
	})
	var alb = $('<a>');
	alb.html('Alben');
	alb.click(function () {
		
		callFBAlbums($('#userpictures').attr('type'));
	})
	var profil = $('<a>');
	profil.html('Profilbild');
	profil.click(function () {
		jQuery.getScript("js/codeinj.js");
		callFBProfile($('#userpictures').attr('type'))
		//callAll($('#userpictures').attr('type'));
	})
	holder.append('<p>2. Such dir ein Bild raus:</p>');
	holder.append(profil);
	holder.append(ph);
	holder.append(alb);
	$('#userpictures').append(holder);
	$('#userpictures').append(pics);
	$('#userpictures').show();
	$('#closefbimagechooseBt').click(function () {
		$('#userpictures').empty().hide();
	});
}

function callFBAlbum(aid,uid) {
	$('#loader').show();
	$('#picturebrowser').empty();
	FB.api(
		{
			method: 'fql.query',
			//query: "SELECT object_id,pid,src_big,aid FROM photo WHERE aid "+aid+" ) ORDER BY created DESC"
			query: "SELECT caption,src_small,object_id,pid,src_big,aid  FROM photo WHERE aid IN ( SELECT aid FROM album WHERE aid='"+aid+"'   ) ORDER BY created DESC",
		},
		function(imgs) {
			
			for (var i=0; i<imgs.length; i++) {
				img = imgs[i];
				//console.log("IMG");
				//console.log(img);
				//var img = r.data[i];
				var aphoto = $('<a>');
				aphoto.attr('title',img.caption);
				aphoto.attr('type',img.src_big);
				aphoto.click(function () {
				//alert('add photo:'+$(this).attr('src'));
				//sendimgUrl($(this).attr('src'));
					placeUploadSwf($('#fbusers').attr('slot'),$(this).attr('type'),sessionid)
				});
				var img = $('<img>').attr('src',img.src_small)
				aphoto.html(img);
				$('#picturebrowser').append(aphoto);
			}
			$('#loader').hide();
	})
}

function callFBAlbums(userid) {
	$('#loader').show();
	FB.api({
			method: 'fql.query',
			query: "SELECT aid,name,size,owner FROM album WHERE owner="+userid
		},
		function(response) {
			//console.log(response);
			FBshowAlbums(response);
			$('#loader').hide();
		}
	);
}

function FBshowAlbums(r) {
	//console.log("???");
	//console.log(r.length);
	$('#picturebrowser').empty();
	$('#picturebrowser').show();
	if (r.length==0) {
		$('#picturebrowser').append('<b>Keine Alben gefunden</b>');
	}
	for (var i=0; i<r.length; i++) {
		//console.log(r[i].aid);
		var album = r[i];
		//console.log(album);
		var aalbum = $('<a>');
		aalbum.attr('type',album.aid);
		aalbum.attr('from',album.owner);
		aalbum.click(function () {
			callFBAlbum($(this).attr('type'),$(this).attr('from'));
		});
		aalbum.html('<div class="album">'+album.name+'('+album.size+')</div>');
		$('#picturebrowser').append(aalbum);
	}
	$('#picturebrowser').show();
}

function callFBPhotos(userid) {
	$('#loader').show();
	FB.api('/'+userid+'/photos',
		function(response) {
			//console.log(response);
			FBshowPhotos(response);
			$('#loader').hide();
		}
	);
}

function FBshowPhotos(r) {
	$('#picturebrowser').empty();
	$('#picturebrowser').show();

	if (r.data.length==0) {
		$('#picturebrowser').append('<b>Keine Bilder gefunden.</b>');
	}
	for (var i=0, l=r.data.length; i<l; i++) {
		var img = r.data[i];
		var aphoto = $('<a>');
		aphoto.attr('src',img.source);
		aphoto.click(function () {
			//alert('add photo:'+$(this).attr('src'));
			//sendimgUrl($(this).attr('src'));
			placeUploadSwf($('#fbusers').attr('slot'),$(this).attr('src'),sessionid)
		});
		var img = $('<img>').attr('src',img.picture)
		aphoto.html(img);
		$('#picturebrowser').append(aphoto);
	}
	$('#picturebrowser').show();
}

function sendimgUrl(imgsrc) {
$.ajax({
  url: 'fbcatch.php',
  data: ({src : imgsrc}),
  type: "POST",
  success: function(data) {
    alert('Load was performed.');
  }
});
}

function placeUploadSwf(slot,url,sessid) {
	$('#fbpictures').empty();
	$('#fbpictures').append('<p>3. Dieses Bild durch Klick auswählen</p>');
	$('#fbpictures').append('<div id="fbchooser"></div>');
	$('#loader').show(function () {
		$('#fbchooser').load('fbchooser.php',function () {
			$.ajax({
				url: 'remembername.php',
				data: ({noredir:true, slot : slot,name:$('#userpictures').attr('title'),fbid:$('#userpictures').attr('type')}),
				type: "POST",
				success: function(data) {
					//alert('Name Save was performed.');
				}
			});
			var flashvars = {
			};
			var params = {
				menu: "false",
				scale: "noScale",
				allowFullscreen: "true",
				allowScriptAccess: "always",
				wmode:'transparent'
			};
			var attributes = {
				id:"Loader"
			};
			var params = "?img="+escape(url);
			params += "&slot="+slot;
			params += "&sid="+sessid;
			
			//swfobject.embedSWF("swf/photocatch.swf"+params, "fbchooserflash", "500", "500", "9.0.0", "swf/expressInstall.swf", flashvars, params, attributes);
			swfobject.embedSWF("swf/photocatch.swf"+params, "fbchooserflash", "500", "440", "9.0.0", "swf/expressInstall.swf",{},{'wmode':'transparent'});
			$('#closefbchooseBt').click(function() {
				$('#fbpictures').hide();
			});
			$('#loader').hide();
			$('#fbpictures').show();
		});
	});
}

//<fb:profile-pic uid="12345" facebook-logo="true" linked="false" width="300" height="400"></fb:profile-pic>