// Globale Variablen
var ie6		 = 0;
var regelstufen = ['0', '10', '21', '32', '43', '54', '65', '76', '87'];
var regelpos = 4;
var maxtimeout = 0;
var orighoehe = 144;
var origbreite = 200;
var orighoehegesetzt = 0;
var seitenverhaeltnis = 1.3888;
var	ausrichtung = 'links';
var aktuelleblase = 'sprechblase_links';
var seitenurl = '';
var gettingPHPdata = 0;
var facebookpic = 1;
var currentuserid = 0;
var prevuserid = 0;
var nextuserid = 0;
var bilder = Array();
var innenbilder		= Array();
var innentexte		= Array();
var uids					= Array();
var bilderstyles	= Array();
var bilderrahmenstyles	= Array();
var textstyles		= Array();
var nametimerrunning = 0;

// Hooks
if(typeof(onloadHooks) != 'undefined'){
	onloadHooks.push(function(){
		tx_igstatementtool_pi1_onload();
	});
}

// Load-Funktionen
function tx_igstatementtool_pi1_onload(){
	tx_igstatementtool_pi1_checkBrowser();
	init_all();
}

function tx_igstatementtool_pi1_iframe_onload(){
	setUploadPic();
}

function tx_igstatementtool_pi1_checkBrowser(){
	/*
	var browser = navigator.userAgent.toLowerCase();
  var ganzzahl = parseInt(navigator.appVersion);
  var genauezahl = parseFloat(navigator.appVersion);
  var explorer = ((browser.indexOf("msie") != -1) && (browser.indexOf("opera") == -1));
	var explorer6 = (explorer && (ganzzahl == 4) && (browser.indexOf("msie 6.0") !=-1));
	
	if(explorer6){
		ie6 = 1;
	}
	*/
}


function init_all(){
	/*
	if($('icon_fb')){
		$('icon_fb').addEvent('click', function(){
			var jetzturl = window.location.href;
			//var jetzturl = 'http://www.geben-gibt.de';
			var urlteile = jetzturl.split('?');
			var picteile = this.getProperty('class').split('.');
			var userid = picteile[0];
			var u_teil = encodeURI((urlteile[1] ? urlteile[0] : jetzturl)+'?facebookpic='+userid);
			//+'&screen=overview&currentuserid='+this.getProperty('class').split('.')[0]);
			var t_teil = encodeURI('Jetzt mitmachen & Statement abgeben!');
			var neueUrl = 'http://www.facebook.com/sharer.php?u='+u_teil+'&t='+t_teil;
			//alert('Test... Shareurl: '+neueUrl);
			window.location.replace(neueUrl);
			//console.log(neueUrl);
		});
	}*/
	setStylesForPics();
	$$("a").addEvent('focus', function(e) {
		this.blur();
	})
	
	
	if($('sliderblock')){
		load_overview(currentuserid, '');
	}
	
	if($('regelbalken')){
		$('regelbalken').setStyle('bottom', 43);
		regelpos = 4;
		$('regel_plus').addEvent('click', function(){
			regelplus();
		});
		$('regel_minus').addEvent('click', function(){
			regelminus();
		});
		
		$$('.sb_input').addEvent('focus', function(e){
			$$('.sb_input').setStyle('color', '#000000');
			if(this.getParent().getChildren()[1].value == 'Hier Statement' && this.getParent().getChildren()[2].value == 'abgeben'){
				this.getParent().getChildren()[1].value = '';
				this.getParent().getChildren()[2].value = '';
			}
			
			if(!this.getParent().getChildren()[1].value && (this.hasClass('sb_input_2') || this.hasClass('sb_input_3') || this.hasClass('sb_input_4'))){
				//this.getParent().getChildren()[1].focus();
			}else if(!this.getParent().getChildren()[2].value && (this.hasClass('sb_input_3') || this.hasClass('sb_input_4'))){
				//this.getParent().getChildren()[2].focus();
			}else if(!this.getParent().getChildren()[3].value && (this.hasClass('sb_input_4'))){
				//this.getParent().getChildren()[3].focus();
			}
		});
		$$('.sb_input').addEvent('keyup', function(e){
			checkbubbles(this, e);
		});
		$$('.sb_input').addEvent('keydown', function(e){
			checkbubbles(this, e);
		});
	}
	
	FB.ensureInit(function() {
		FB.Connect.get_status().waitUntilReady( function( status ) {
			if ( status == FB.ConnectState.connected) {
				namesetzen_first_try();
				FB.XFBML.Host.parseDomTree();
			}
		});
	});
	
	$$('.sprechblase_rechts, .sprechblase_links, .gedankenblase_rechts, .gedankenblase_links').addEvent('click', function(){
		setSprechblase(this.getProperty('class'));
	});
	$$('.fbconnect_login_button').addEvent('click', function(){
		FB.XFBML.Host.parseDomTree();
		$('mein_facebookbild').setProperty('rel', '0');
	});
	FB.XFBML.Host.parseDomTree();
	nametimerrunning = 0;
	setTimeout("adjustPicSize()", 1500);
	
	if($('overview_search_input')){
		$('overview_search_input').addEvent('keyup', function(e){
			if(e.code == 13){
				searchUser();
			}
		});
	}
}

function setFocus(this_input, e){
	//console.log(e);
	// Backspace
	if(e.code == 8 && e.type == "keydown"){
		if(this_input.value == ''){
			if(this_input.hasClass('sb_input_2')){
				this_input.getParent().getChildren()[1].focus();
			}
			if(this_input.hasClass('sb_input_3')){
				this_input.getParent().getChildren()[2].focus();
			}
			if(this_input.hasClass('sb_input_4')){
				this_input.getParent().getChildren()[3].focus();
			}
		}
	}
	// Enter	// Down
	if((e.code == 13 || e.code == 40) && e.type == "keydown"){
		if(this_input.hasClass('sb_input_1')){
			this_input.getParent().getChildren()[2].focus();
		}
		if(this_input.hasClass('sb_input_2')){
			this_input.getParent().getChildren()[3].focus();
		}
		if(this_input.hasClass('sb_input_3')){
			this_input.getParent().getChildren()[4].focus();
		}
	}
	// Up
	if(e.code == 38 && e.type == "keydown"){
		if(this_input.hasClass('sb_input_2')){
			this_input.getParent().getChildren()[1].focus();
		}
		if(this_input.hasClass('sb_input_3')){
			this_input.getParent().getChildren()[2].focus();
		}
		if(this_input.hasClass('sb_input_4')){
			this_input.getParent().getChildren()[3].focus();
		}
	}
}

function trimFields(this_input, e){
	var inhaltneu = '';
	for(var i = 1; i <= 4; i++){
		var inhalt = this_input.getParent().getChildren()[i].value;
		inhalt = inhalt.replace('  ', ' ');
		if(inhalt.charAt(0) == ' '){
			inhalt = inhalt.substring(1, inhalt.length-1);
		}
		if(inhalt.charAt(inhalt.length-1) == ' ' && !this_input.hasClass('sb_input_'+i)){
			inhalt = inhalt.substring(0, inhalt.length-1);
		}
		this_input.getParent().getChildren()[i].value = inhalt;
	}
}

function checkbubbles(this_input, e){
	setFocus(this_input, e);
	//trimFields(this_input, e);
	
	var ml1 = 15;	var ml2 = 15;	var ml3 = 12;	var ml4 = 8;
	var inhalt1 = this_input.getParent().getChildren()[1].value;
	var inhalt2 = this_input.getParent().getChildren()[2].value;
	var inhalt3 = this_input.getParent().getChildren()[3].value;
	var inhalt4 = this_input.getParent().getChildren()[4].value;
	
	var ihteile1 = inhalt1.split(' ');
	var ihteile2 = inhalt2.split(' ');
	var ihteile3 = inhalt3.split(' ');
	var ihteile4 = inhalt4.split(' ');
	
	var rest1 = ml1 - inhalt1.length;
	if(rest1 < 0){ rest1 = 0;	}
	var rest2 = ml2 - inhalt2.length;
	if(rest2 < 0){ rest2 = 0;	}
	var rest3 = ml3 - inhalt3.length;
	if(rest3 < 0){ rest3 = 0;	}
	
	
	/*********************************************/
	/*
	if(ihteile2[0].length < rest1 && ihteile2[0] != ''){
		this_input.getParent().getChildren()[1].value = this_input.getParent().getChildren()[1].value + (this_input.getParent().getChildren()[1].value.charAt(this_input.value.length-1) == ' ' ? ihteile2[0] : ' '+ihteile2[0]);
		inhalt2 = '';
		for(var i = 1; i < ihteile2.length; i++){
			inhalt2 = inhalt2+ihteile2[i];
		}
		ihteile2 = inhalt2.split(' ');
		this_input.getParent().getChildren()[2].value = inhalt2;
		checkbubbles(this_input, e);
	}
	inhalt1 = this_input.getParent().getChildren()[1].value;
	ihteile1 = inhalt1.split(' ');
	
	
	if(ihteile3[0].length < rest2 && ihteile3[0] != ''){
		this_input.getParent().getChildren()[2].value = this_input.getParent().getChildren()[2].value + (this_input.getParent().getChildren()[2].value.charAt(this_input.value.length-1) == ' ' ? ihteile3[0] : ' '+ihteile3[0]);
		inhalt3 = '';
		for(var i = 1; i < ihteile3.length; i++){
			inhalt3 = inhalt3+ihteile3[i];
		}
		ihteile3 = inhalt3.split(' ');
		this_input.getParent().getChildren()[3].value = inhalt3;
		checkbubbles(this_input, e);
	}
	inhalt2 = this_input.getParent().getChildren()[2].value;
	ihteile2 = inhalt2.split(' ');
	
	
	if(ihteile4[0].length < rest3 && ihteile4[0] != ''){
		this_input.getParent().getChildren()[3].value = this_input.getParent().getChildren()[3].value + (this_input.getParent().getChildren()[3].value.charAt(this_input.value.length-1) == ' ' ? ihteile4[0] : ' '+ihteile4[0]);
		inhalt4 = '';
		for(var i = 1; i < ihteile4.length; i++){
			inhalt4 = inhalt4+ihteile4[i];
		}
		ihteile4 = inhalt4.split(' ');
		this_input.getParent().getChildren()[4].value = inhalt4;
		checkbubbles(this_input, e);
	}
	inhalt4 = this_input.getParent().getChildren()[4].value;
	ihteile4 = inhalt4.split(' ');*/
	
	/*********************************************/
	
	
	if(this_input.hasClass('sb_input_1')){
		if(inhalt1.length > ml1){
			//console.log(ihteile1[ihteile1.length-1].length+' => '+ml2);
			if(ihteile1[1] && inhalt2 == '' && ihteile1[ihteile1.length-1].length < ml2){
				var tempcont = '';
				for(var i1 = 0; i1 < (ihteile1.length-1); i1++){
					tempcont = tempcont+ihteile1[i1]+' ';
				}
				this_input.getParent().getChildren()[1].value = tempcont;
				this_input.getParent().getChildren()[2].value = ihteile1[ihteile1.length-1];
				this_input.getParent().getChildren()[2].focus();
			}else{
				inhalt1 = this_input.value.substring(0,ml1);
				this_input.getParent().getChildren()[2].value = this_input.value.substring(ml1+1,this_input.value.length-1) + inhalt2;
				this_input.getParent().getChildren()[2].focus();
				this_input.value = inhalt1;
			}
			
			
			//old
			/*
			inhalt1 = this_input.value.substring(0,ml1);
			this_input.getParent().getChildren()[2].value = this_input.value.substring(ml1+1,this_input.value.length-1) + inhalt2;
			this_input.getParent().getChildren()[2].focus();
			this_input.value = inhalt1;
			*/
			
			
			
			/*
			if(ihteile1[1]){
				this_input.getParent().getChildren()[2].value = ihteile1[ihteile1.length-1]+(this_input.getParent().getChildren()[2].value == '' ? '' : ' ')+this_input.getParent().getChildren()[2].value;
				var neuih1 = '';
				for(var i = 0; i < ihteile1.length-1; i++){
					neuih1 = neuih1+' '+ihteile1[i];
				}
				this_input.getParent().getChildren()[1].value = neuih1;
				this_input.getParent().getChildren()[2].focus();
				
				
			}else{
				var inhalt1 = this_input.value.substring(0,ml1);
				var inhalt2 = this_input.value.substring(ml1, this_input.value.length);
				this_input.value = inhalt1;
				this_input.getParent().getChildren()[2].value = inhalt2+(this_input.getParent().getChildren()[2].value == '' ? '' : ' ')+this_input.getParent().getChildren()[2].value;
			}*/
			//checkbubbles(this_input.getParent().getChildren()[2], e);
		}
	}
	if(this_input.hasClass('sb_input_2')){
		if(this_input.value.length > ml2){
			
			if(ihteile2[1] && inhalt3 == '' && ihteile2[ihteile2.length-1].length < ml3){
				var tempcont = '';
				for(var i2 = 0; i2 < (ihteile2.length-1); i2++){
					tempcont = tempcont+ihteile2[i2]+' ';
				}
				this_input.getParent().getChildren()[2].value = tempcont;
				this_input.getParent().getChildren()[3].value = ihteile2[ihteile2.length-1];
				this_input.getParent().getChildren()[3].focus();
			}else{
				inhalt2 = this_input.value.substring(0,ml2);
				this_input.getParent().getChildren()[3].value = this_input.value.substring(ml2+1,this_input.value.length-1) + inhalt3;
				this_input.getParent().getChildren()[3].focus();
				this_input.value = inhalt2;
			}
			
			
			//old
			/*
			inhalt2 = this_input.value.substring(0,ml2);
			this_input.getParent().getChildren()[3].value = this_input.value.substring(ml2+1,this_input.value.length-1) + inhalt3;
			this_input.getParent().getChildren()[3].focus();
			this_input.value = inhalt2;
			*/
			
			
			/*
			if(ihteile2[1]){
				this_input.getParent().getChildren()[3].value = ihteile2[ihteile2.length-1]+(this_input.getParent().getChildren()[3].value == '' ? '' : ' ')+this_input.getParent().getChildren()[3].value;
				var neuih2 = '';
				for(var i = 0; i < ihteile2.length-1; i++){
					neuih2 = neuih2+' '+ihteile2[i];
				}
				this_input.getParent().getChildren()[2].value = neuih2;
				this_input.getParent().getChildren()[3].focus();
			}else{
				var inhalt2 = this_input.value.substring(0,ml2);
				var inhalt3 = this_input.value.substring(ml2, this_input.value.length);
				this_input.value = inhalt2;
				this_input.getParent().getChildren()[3].value = inhalt3+(this_input.getParent().getChildren()[3].value == '' ? '' : ' ')+this_input.getParent().getChildren()[3].value;
			}*/
			//checkbubbles(this_input.getParent().getChildren()[3], e);
			
		}
	}
	if(this_input.hasClass('sb_input_3')){
		if(this_input.value.length > ml3){
			
			if(ihteile3[1] && inhalt4 == '' && ihteile3[ihteile3.length-1].length < ml4){
				var tempcont = '';
				for(var i3 = 0; i3 < (ihteile3.length-1); i3++){
					tempcont = tempcont+ihteile3[i3]+' ';
				}
				this_input.getParent().getChildren()[3].value = tempcont;
				this_input.getParent().getChildren()[4].value = ihteile3[ihteile3.length-1];
				this_input.getParent().getChildren()[4].focus();
			}else{
				inhalt3 = this_input.value.substring(0,ml3);
				this_input.getParent().getChildren()[4].value = this_input.value.substring(ml3+1,this_input.value.length-1) + inhalt4;
				this_input.getParent().getChildren()[4].focus();
				this_input.value = inhalt3;
			}
			
			
			//old
			/*
			var inhalt3 = this_input.value.substring(0,ml3);
			this_input.getParent().getChildren()[4].value = this_input.value.substring(ml3+1,this_input.value.length-1) + inhalt4;
			this_input.getParent().getChildren()[4].focus();
			this_input.value = inhalt3;
			*/
			
			/*
			if(ihteile3[1]){
				this_input.getParent().getChildren()[4].value = ihteile3[ihteile3.length-1]+(this_input.getParent().getChildren()[4].value == '' ? '' : ' ')+this_input.getParent().getChildren()[4].value;
				var neuih3 = '';
				for(var i = 0; i < ihteile3.length-1; i++){
					neuih3 = neuih3+' '+ihteile3[i];
				}
				this_input.getParent().getChildren()[3].value = neuih3;
				this_input.getParent().getChildren()[4].focus();
			}else{
				var inhalt3 = this_input.value.substring(0,ml3);
				var inhalt4 = this_input.value.substring(ml3, this_input.value.length);
				this_input.value = inhalt3;
				this_input.getParent().getChildren()[4].value = inhalt4+(this_input.getParent().getChildren()[4].value == '' ? '' : ' ')+this_input.getParent().getChildren()[4].value;
			}
			//checkbubbles(this_input.getParent().getChildren()[4], e);
			*/
		}
	}
	if(this_input.hasClass('sb_input_4')){
		if(this_input.value.length > ml4){
			var inhalt4 = this_input.value.substring(0,ml4);
			this_input.value = inhalt4;
			//checkbubbles(this_input.getParent().getChildren()[1], e);
		}
	}
}

function setSprechblase(sb_id){
	$$('#sprechblase_rechts, #sprechblase_links, #gedankenblase_rechts, #gedankenblase_links').setStyle('display', 'none');
	var feld1 = $(aktuelleblase).getChildren()[0].getChildren()[1].value;
	var feld2 = $(aktuelleblase).getChildren()[0].getChildren()[2].value;
	var feld3 = $(aktuelleblase).getChildren()[0].getChildren()[3].value;
	var feld4 = $(aktuelleblase).getChildren()[0].getChildren()[4].value;
	$(sb_id).getChildren()[0].getChildren()[1].value = feld1;
	$(sb_id).getChildren()[0].getChildren()[2].value = feld2;
	$(sb_id).getChildren()[0].getChildren()[3].value = feld3;
	$(sb_id).getChildren()[0].getChildren()[4].value = feld4;
	aktuelleblase = sb_id;
	$(sb_id).setStyle('display', 'block');
}

function namesetzen_first_try(){
	maxtimeout=0;
	orighoehegesetzt = 0;
	namesetzen();
}

function namesetzen(){
	if($('name')){
		var namefeld = $('name');
		orighoehegesetzt = 0;
		nametimerrunning = 0;
		setTimeout("adjustPicSize()", 1500);
	
		maxtimeout++;
		if(($('benutzername_fb').get('text') == '' || !$$('.fb_profile_pic_rendered')) && maxtimeout < 10){
			setTimeout("namesetzen()", 1000);
		}else if(maxtimeout >= 20){
			namefeld.value = '...Verbindung Fehlgeschlagen...';
		}else{
			var meinname = $('benutzername_fb').get('text');
			if(namefeld){
				if(!namefeld.value || namefeld.value == '...Verbinde mit Facebook...' || namefeld.value == '...Verbindung Fehlgeschlagen...'){
					namefeld.value = meinname;
					//console.log('name gesetzt');
					orighoehegesetzt = 0;
					nametimerrunning = 0;
					setTimeout("adjustPicSize()", 1500);
				}else{
					//console.log('name bereits vorhanden');
				}
			}
		}
	}
}

function adjustPicSize(){
	nametimerrunning++;
	if($('mein_facebookbild')){
		if(!orighoehegesetzt){
			if($('mein_facebookbild').getChildren()[0]){
				var bildhoehe = $('mein_facebookbild').getChildren()[0].getStyle('height').toInt();
			}else{
				var bildhoehe = $('mein_facebookbild').getStyle('height').toInt();
			}
			orighoehe = bildhoehe;
			orighoehegesetzt = 1;
			seitenverhaeltnis = origbreite/orighoehe;
			
			bildbreite	= Math.floor(origbreite-30*(4-regelpos));
			bildhoehe		= Math.floor(bildbreite/seitenverhaeltnis);
		}else{
			var bildbreite	= Math.floor(origbreite-30*(4-regelpos));
			var bildhoehe		= Math.floor(bildbreite/seitenverhaeltnis);
		}
		var bh18	= bildhoehe + 18;
		var bb18	= bildbreite + 18;
		var bh9		= bildhoehe + 9;
		var bb9		= bildbreite + 9;
		
		$('bilderrahmen_outer').setStyle('height', bh18);
		$('bilderrahmen_inner').setStyle('height', bh18);
		$('rahmen_ol').setStyle('height', bh9);
		$('rahmen_ur').setStyle('height', bh9);
		if($('mein_facebookbild').getChildren()[0]){
			$('mein_facebookbild').getChildren()[0].setStyle('height', bildhoehe);
		}
		$('mein_facebookbild').getParent().setStyle('height', bildhoehe);
		
		$('bilderrahmen_outer').setStyle('width', bb18);
		$('bilderrahmen_inner').setStyle('width', bb18);
		$('rahmen_ol').setStyle('width', bb9);
		$('rahmen_ur').setStyle('width', bb9);
		if($('mein_facebookbild').getChildren()[0]){
			$('mein_facebookbild').getChildren()[0].setStyle('width', bildbreite);
		}
		$('mein_facebookbild').getParent().setStyle('width', bildbreite);
		if(nametimerrunning < 10){
			setTimeout("adjustPicSize()", 1500);
		}
	}
}

function regelplus(){
	if(regelpos < 8){
		regelpos++;
		$('regelbalken').setStyle('bottom', regelstufen[regelpos]+'px');
		adjustPicSize();
	}
}

function regelminus(){
	if(regelpos > 0){
		regelpos--;
		$('regelbalken').setStyle('bottom', regelstufen[regelpos]+'px');
		adjustPicSize();
	}
}

function spiegeln(){
	if($('blasen_links').getStyle('display') == 'none'){
		ausrichtung = 'links';
		$('blasen_links').setStyle('display', 'inline');
		$('blasen_rechts').setStyle('display', 'none');
		$('bilderrahmen_outer').setStyles({
			left : 54,
			right: 'auto'
		});
		if($('sprechblase_rechts').getStyle('display') == 'block'){
			setSprechblase('sprechblase_links');
		}
		if($('gedankenblase_rechts').getStyle('display') == 'block'){
			setSprechblase('gedankenblase_links');
		}
		$('gg_logo').setStyles({
			left : 0,
			right: 'auto'
		});
	}else{
		ausrichtung = 'rechts';
		$('blasen_links').setStyle('display', 'none');
		$('blasen_rechts').setStyle('display', 'inline');
		$('bilderrahmen_outer').setStyles({
			right : 54,
			left: 'auto'
		});
		if($('sprechblase_links').getStyle('display') == 'block'){
			setSprechblase('sprechblase_rechts');
		}
		if($('gedankenblase_links').getStyle('display') == 'block'){
			setSprechblase('gedankenblase_rechts');
		}
		$('gg_logo').setStyles({
			right : 0,
			left: 'auto'
		});
	}
}

function evalEditorForm(){
	var error = 0;
	var meinname = $('name').value;
	var zeile1 = $(aktuelleblase).getChildren()[0].getChildren()[1].value;
	var zeile2 = $(aktuelleblase).getChildren()[0].getChildren()[2].value;
	var zeile3 = $(aktuelleblase).getChildren()[0].getChildren()[3].value;
	var zeile4 = $(aktuelleblase).getChildren()[0].getChildren()[4].value;
	
	if(!meinname){
		error++;
		$('name').setStyle('border', '1px solid red');
	}else{
		$('name').setStyle('border', '0');
	}
	if(!zeile1 && !zeile2 && !zeile3 && !zeile4 || zeile1 == 'bitte ausfüllen'){
		$(aktuelleblase).getChildren()[0].getChildren()[1].value = 'bitte ausfüllen';
		$$('.sb_input').setStyle('color', '#999999');
		error++;
	}
	
	return error;
}

function abschicken(){
	if(!evalEditorForm()){
		if(!gettingPHPdata){
			if($('mein_facebookbild')){
				if($('mein_facebookbild').getChildren()[0]){
					var meinbild = $('mein_facebookbild').getChildren()[0].getProperty('src');
				}else{
					var meinbg = $('mein_facebookbild').getStyle('background-image');
					var bgteile = meinbg.split('(')[1];
					var bg = bgteile.split(')')[0];
					var meinbild = bg.replace('"', '');
					var meinbild = meinbild.replace('"', '');
				}
			}else{
				var meinbild = 'dummy.jpg';
			}
			var meinname = $('name').value;
			var zeile1 = $(aktuelleblase).getChildren()[0].getChildren()[1].value;
			var zeile2 = $(aktuelleblase).getChildren()[0].getChildren()[2].value;
			var zeile3 = $(aktuelleblase).getChildren()[0].getChildren()[3].value;
			var zeile4 = $(aktuelleblase).getChildren()[0].getChildren()[4].value;
			
			$('hidden_zeile1').value = zeile1;
			$('hidden_zeile2').value = zeile2;
			$('hidden_zeile3').value = zeile3;
			$('hidden_zeile4').value = zeile4;
			$('hidden_blase').value = aktuelleblase;
			$('hidden_userpic').value = meinbild;
			
			gettingPHPdata = 1;
			facebookpic = $('mein_facebookbild').getProperty('rel');
			var meineurl = 'http://'+seitenurl+'?savepic='+encodeURIComponent(meinbild)+'&ausgang='+ausgang+'&name='+encodeURIComponent(meinname)+'&zeile1='+encodeURIComponent(zeile1)+'&zeile2='+encodeURIComponent(zeile2)+'&zeile3='+encodeURIComponent(zeile3)+'&zeile4='+encodeURIComponent(zeile4)+'&aktuelleblase='+encodeURIComponent(aktuelleblase)+'&regelpos='+regelpos+'&orighoehe='+orighoehe+'&origbreite='+origbreite+'&seitenverhaeltnis='+encodeURIComponent(seitenverhaeltnis)+'&fbpic='+facebookpic;
			
			var myHTMLRequest = new Request.HTML({
				url					: meineurl, //+'?savepic='+encodeURI(meinbild),
				onSuccess 	: function(responseTree, responseElements, responseHTML, responseJavaScript){
					$('hidden_genpic').value = responseHTML;
					gettingPHPdata = 0;
					document.editor_final.submit();
				},
				onFailure: function() {
					gettingPHPdata = 0;
				}
			});
			myHTMLRequest.send();
		}
	}
}


function dateiauswahl(bild, filebild){
	document.iframeform.submit();
}

function setUploadPic(){
	var userbild = $('customuploadpic').value;
	var userbreite = $('customuploadwidth').value;
	var userhoehe = $('customuploadheight').value;
	var bilderrahmen = window.parent.$('mein_facebookbild'); //.getParent().getParent().getChildren()[0];
	if(bilderrahmen.getChildren()[0]){
		bilderrahmen.getChildren()[0].setProperty('src', userbild);
		bilderrahmen.getChildren()[0].setProperty('width', userbreite);
		bilderrahmen.getChildren()[0].setProperty('height', userhoehe);
	}else{
		var meinbild = new Element('img', {
			'src' 		: userbild,
			'width' 	: userbreite,
			'height' 	: userhoehe,
			'styles'	:	{
				'width' 	: userbreite,
				'height' 	: userhoehe
			}
		});
		bilderrahmen.adopt(meinbild);
	}
	bilderrahmen.getParent().setStyle('width', userbreite);
	bilderrahmen.getParent().setStyle('height', userhoehe);
	bilderrahmen.getChildren()[0].setProperty('style', 'width: '+userbreite+'px; height: '+userhoehe+'px');
	
	bilderrahmen.setProperty('rel', '1'); //facebookpic = 0;
	window.parent.nametimerrunning = 0;
	window.parent.orighoehegesetzt = 0;
	//window.parent.setTimeout("adjustPicSize()", 1500);
	window.parent.adjustPicSize();
}




function searchUser(){
	var suchbegriff = $('overview_search_input').value;
	load_overview(0, suchbegriff);
}

function isIN(searchString, searchArray){
	var isInArray = 0;
	for(var i = 0; i < searchArray.length; i++){
		if(searchString == searchArray[i]){
			isInArray = i;
		}
	}
	return isInArray;
}


function load_overview(uid, suchbegriff){
	bilder				= Array();
	innenbilder		= Array();
	innentexte		= Array();
	uids					= Array();
	$$('.ajax_loader').setStyle('display', 'block');
	$('sliderblock').empty();
	
	if(!gettingPHPdata){
		gettingPHPdata = 1;
		
		var meineurl = 'http://'+seitenurl+'?screen=getgalery&ausgang='+ausgang+'&suchbegriff='+suchbegriff;
		var myHTMLRequest = new Request.HTML({
			url					: meineurl,
			onSuccess 	: function(responseTree, responseElements, responseHTML, responseJavaScript){
				bilder = responseElements;
				setBilder(uid);
				if(responseHTML == ''){
					setNoSearchResult();
				}
				gettingPHPdata = 0;
			},
			onFailure: function() {
				gettingPHPdata = 0;
			}
		});
		myHTMLRequest.send();
	}
}

function setNoSearchResult(){
	var nosearchresult = new Element('div', {
		'text'	: '',
		'styles'	: {
			'background'	: 'url(typo3conf/ext/ig_statementtool/res/img/no_searchresult.png) no-repeat center center',
			'position'		: 'absolute',
			'top'					: 0,
			'left'				: 0,
			'width'				: 540,
			'height'			: 245,
			'cursor'			: 'pointer'
		},
		'events'	: {
			'click' : function(){
				$('overview_search_input').value = '';
				load_overview(0, '');
				this.destroy();
			}
		}
	});
	nosearchresult.inject($('sliderblock'));
}


function setBilder(uid){
	for(var i = 0; i < bilder.length; i++){
		var bla = bilder[i].getProperty('id');
		var nr = bla.split('_');
		uids[i] = nr[nr.length-1];
		//console.log(uids);
		innenbilder[i] = new Element('img', {
			'src' : 'uploads/tx_igstatementtool/fertig/'+uids[i]+'.png'
		});
		innentexte[i] = new Element('span', {
			'text' : bilder[i].getProperty('rel')
		});
		innenbilder[i].inject(bilder[i]);
		innentexte[i].inject(bilder[i]);
		bilder[i].addEvent('click', function(){
			var bildid = this.getProperty('id').split('_');
			gotoPosition(bildid[1]);
		});
	}
	if(currentuserid && isIN(currentuserid, uids)){
		startPosition(currentuserid);
	}else{
		if(uids.length < 4){
			currentuserid = uids[uids.length-1];
		}else{
			currentuserid = uids[uids.length-4];
		}
		startPosition(currentuserid);
	}
}

function setStylesForPics(){
	
	bilderrahmenstyles[9] = new Object({		'top' : '66px', 'left' : '-15px', 'width' : '92px',	 'height' : '112px'	});
	bilderrahmenstyles[8] = new Object({		'top' : '55px', 'left' : '6px', 	'width' : '110px', 'height' : '130px'	});
	bilderrahmenstyles[7] = new Object({		'top' : '43px', 'left' : '46px',	'width' : '136px', 'height' : '156px'	});
	bilderrahmenstyles[6] = new Object({		'top' : '30px', 'left' : '101px', 'width' : '158px', 'height' : '178px'	});
	bilderrahmenstyles[5] = new Object({		'top' : '20px', 'left' : '180px', 'width' : '180px', 'height' : '200px'	});
	bilderrahmenstyles[4] = new Object({		'top' : '30px', 'left' : '278px', 'width' : '158px', 'height' : '178px'	});
	bilderrahmenstyles[3] = new Object({		'top' : '43px', 'left' : '354px', 'width' : '136px', 'height' : '156px'	});
	bilderrahmenstyles[2] = new Object({		'top' : '55px', 'left' : '425px', 'width' : '110px', 'height' : '130px'	});
	bilderrahmenstyles[1] = new Object({		'top' : '66px', 'left' : '474px', 'width' : '92px',  'height' : '112px'	});
	
	
	bilderstyles[9] = new Object({			'width' : '92px', 'height'  : '92px'	});
	bilderstyles[8] = new Object({			'width' : '110px', 'height' : '110px'	});
	bilderstyles[7] = new Object({			'width' : '136px', 'height' : '136px'	});
	bilderstyles[6] = new Object({			'width' : '158px', 'height' : '158px'	});
	bilderstyles[5] = new Object({			'width' : '180px', 'height' : '180px'	});
	bilderstyles[4] = new Object({			'width' : '158px', 'height' : '158px'	});	
	bilderstyles[3] = new Object({			'width' : '136px', 'height' : '136px'	});
	bilderstyles[2] = new Object({			'width' : '110px', 'height' : '110px'	});
	bilderstyles[1] = new Object({			'width' : '92px', 'height'  : '92px'	});
	
	
	textstyles[9] = new Object({		'font-size' : '10px', 'color' : '#89a5b2', 'width' : '92px',  'height' : '14px'	});
	textstyles[8] = new Object({		'font-size' : '11px', 'color' : '#89a5b2', 'width' : '110px', 'height' : '15px'	});
	textstyles[7] = new Object({		'font-size' : '12px', 'color' : '#89a5b2', 'width' : '136px', 'height' : '16px'	});
	textstyles[6] = new Object({		'font-size' : '13px', 'color' : '#89a5b2', 'width' : '158px', 'height' : '17px'	});
	textstyles[5] = new Object({		'font-size' : '14px', 'color' : '#435371', 'width' : '180px', 'height' : '18px'	});
	textstyles[4] = new Object({		'font-size' : '13px', 'color' : '#89a5b2', 'width' : '158px', 'height' : '17px'	});
	textstyles[3] = new Object({		'font-size' : '12px', 'color' : '#89a5b2', 'width' : '136px', 'height' : '16px'	});
	textstyles[2] = new Object({		'font-size' : '11px', 'color' : '#89a5b2', 'width' : '110px', 'height' : '15px'	});
	textstyles[1] = new Object({		'font-size' : '10px', 'color' : '#89a5b2', 'width' : '92px',  'height' : '14px'	});
}

function startPosition(startpos){
	//console.log(startpos);
	nextuserid = 0;
	prevuserid = 0;
	for(var i = 0; i < uids.length; i++){
		if(bilder[i]){
			if(uids[i-4] == startpos){
				bilder[i].inject($('sliderblock'), 'top');
				bilder[i].setStyles(bilderrahmenstyles[1]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[1]);
				bilder[i].getChildren()[1].setStyles(textstyles[1]);
			}else	if(uids[i-3] == startpos){
				bilder[i].inject($('sliderblock'), 'top');
				bilder[i].setStyles(bilderrahmenstyles[2]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[2]);
				bilder[i].getChildren()[1].setStyles(textstyles[2]);
			}else	if(uids[i-2] == startpos){
				bilder[i].inject($('sliderblock'), 'top');
				bilder[i].setStyles(bilderrahmenstyles[3]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[3]);
				bilder[i].getChildren()[1].setStyles(textstyles[3]);
			}else	if(uids[i-1] == startpos){
				bilder[i].inject($('sliderblock'), 'top');
				bilder[i].setStyles(bilderrahmenstyles[4]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[4]);
				bilder[i].getChildren()[1].setStyles(textstyles[4]);
				if(uids[i]){
					prevuserid = uids[i];
				}else{
					prevuserid = currentuserid;
				}
			}else	if(uids[i] == startpos){
				bilder[i].inject($('sliderblock'));
				bilder[i].setStyles(bilderrahmenstyles[5]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[5]);
				bilder[i].getChildren()[1].setStyles(textstyles[5]);
			}else	if(uids[i+1] == startpos){
				bilder[i].inject($('sliderblock'));
				bilder[i].setStyles(bilderrahmenstyles[6]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[6]);
				bilder[i].getChildren()[1].setStyles(textstyles[6]);
				if(uids[i]){
					nextuserid = uids[i];
				}else{
					nextuserid = currentuserid;
				}
			}else	if(uids[i+2] == startpos){
				bilder[i].inject($('sliderblock'));
				bilder[i].setStyles(bilderrahmenstyles[7]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[7]);
				bilder[i].getChildren()[1].setStyles(textstyles[7]);
			}else	if(uids[i+3] == startpos){
				bilder[i].inject($('sliderblock'));
				bilder[i].setStyles(bilderrahmenstyles[8]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[8]);
				bilder[i].getChildren()[1].setStyles(textstyles[8]);
			}else	if(uids[i+4] == startpos){
				bilder[i].inject($('sliderblock'));
				bilder[i].setStyles(bilderrahmenstyles[9]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[9]);
				bilder[i].getChildren()[1].setStyles(textstyles[9]);
			}else{
				bilder[i].dispose();
			}
		}
	}
	$$('.ajax_loader').setStyle('display', 'none');
}

function overview_scroll_right(){
	if(prevuserid != 0){
		currentuserid = prevuserid;
	}
	gotoPosition(currentuserid);
}

function overview_scroll_left(){
	if(nextuserid != 0){
		currentuserid = nextuserid;
	}
	gotoPosition(currentuserid);
}

function gotoPosition(gotopos){
	nextuserid = 0;
	prevuserid = 0;
	//var maxi = isIN(searchString, searchArray);
	//for(var i = 1; i <= 9; i++){
	for(var i = 0; i < uids.length; i++){
		if(bilder[i]){
			if(uids[i-4] == gotopos){
				bilder[i].inject($('sliderblock'), 'top');
				bilder[i].setStyles(bilderrahmenstyles[1]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[1]);
				bilder[i].getChildren()[1].setStyles(textstyles[1]);
			}else	if(uids[i-3] == gotopos){
				bilder[i].inject($('sliderblock'), 'top');
				bilder[i].setStyles(bilderrahmenstyles[2]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[2]);
				bilder[i].getChildren()[1].setStyles(textstyles[2]);
			}else	if(uids[i-2] == gotopos){
				bilder[i].inject($('sliderblock'), 'top');
				bilder[i].setStyles(bilderrahmenstyles[3]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[3]);
				bilder[i].getChildren()[1].setStyles(textstyles[3]);
			}else	if(uids[i-1] == gotopos){
				bilder[i].inject($('sliderblock'), 'top');
				bilder[i].setStyles(bilderrahmenstyles[4]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[4]);
				bilder[i].getChildren()[1].setStyles(textstyles[4]);
				if(uids[i]){
					prevuserid = uids[i];
				}else{
					prevuserid = currentuserid;
				}
			}else	if(uids[i] == gotopos){
				bilder[i].inject($('sliderblock'));
				bilder[i].setStyles(bilderrahmenstyles[5]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[5]);
				bilder[i].getChildren()[1].setStyles(textstyles[5]);
			}else	if(uids[i+1] == gotopos){
				bilder[i].inject($('sliderblock'));
				bilder[i].setStyles(bilderrahmenstyles[6]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[6]);
				bilder[i].getChildren()[1].setStyles(textstyles[6]);
				if(uids[i]){
					nextuserid = uids[i];
				}else{
					nextuserid = currentuserid;
				}
			}else	if(uids[i+2] == gotopos){
				bilder[i].inject($('sliderblock'));
				bilder[i].setStyles(bilderrahmenstyles[7]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[7]);
				bilder[i].getChildren()[1].setStyles(textstyles[7]);
			}else	if(uids[i+3] == gotopos){
				bilder[i].inject($('sliderblock'));
				bilder[i].setStyles(bilderrahmenstyles[8]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[8]);
				bilder[i].getChildren()[1].setStyles(textstyles[8]);
			}else	if(uids[i+4] == gotopos){
				bilder[i].inject($('sliderblock'));
				bilder[i].setStyles(bilderrahmenstyles[9]);
				bilder[i].getChildren()[0].setStyles(bilderstyles[9]);
				bilder[i].getChildren()[1].setStyles(textstyles[9]);
			}else{
				bilder[i] = bilder[i].dispose();
			}
		}
	}
}