document.observe('dom:loaded', function () {


/*
Das ist Test-Code, der noch verschönert
wird.

*/

var layercounter = 0;
var link_inserted = 0;
var pos_z = 1;
var pos_x = [];
var pos_y = [];
var padding_left = [];
var padding_top = [];

/*
pos_x[1] = "120px";
pos_y[1] = "270px";
pos_x[2] = "140px";
pos_y[2] = "230px";
pos_x[3] = "124px";
pos_y[3] = "204px";

pos_x[4] = "420px";
pos_y[4] = "270px";
pos_x[5] = "440px";
pos_y[5] = "230px";
pos_x[6] = "424px";
pos_y[6] = "204px";
*/



var testcolor = [];
var pos_z = [];
var all_layer_ids = [];
var relations = [];
var my_group = [];
var my_group_front = [];
var front = 0;
var groupcounter = 0;
var id;

var arrLayers = [];

/*
testcolor[1]="#990000";
testcolor[2]="#efefef";
testcolor[3]="#0077bb";

testcolor[4]="#999999";
testcolor[5]="#ffdcb4";
testcolor[6]="#00eebb";
*/

var shufflegroups = $$('.shufflegroup');
shufflegroups.each(function (layergroup, intIdg){


var layergroup_children = layergroup.childElements();
 


;

groupcounter++;

arrLayers = layergroup_children;

var layer_size = arrLayers.size();

front = 0;

arrLayers.each(function (layerElement, intIdx){

	layercounter++;
	//alert ("arrLayers:"+layerElement);
	

	// if (layercounter<=layer_size) { Überprüfung entfernt
	link_inserted=0;
	
	
	
	pos_z[layercounter] = 99-layercounter;

	id = "layer_id_1";
	var test = "layer_id_"+layercounter;
	
	var mylayer_id = "layer_id_"+layercounter;
	var my_layer_id_link_counter;
	all_layer_ids[layercounter-1] = mylayer_id;

	if (front==0) {
		
	front = mylayer_id;
	my_group_front[groupcounter]=mylayer_id;
	
	}
	relations[mylayer_id]=front;
	//my_group[mylayer_id]= layergroup.identify(); // Gruppe ..............................................
	my_group[mylayer_id]= groupcounter; // Gruppe ..............................................
	//test my_group_front[my_group[mylayer_id].identify()]
	
	
	
	layerElement.setStyle({'position':'absolute'});
	layerElement.setStyle({'zIndex':pos_z[layercounter]});
	//layerElement.setStyle({'left':pos_x[layercounter]});
	//layerElement.setStyle({'top':pos_y[layercounter]});
/*	
	layerElement.setStyle({'padding-left':padding_left[layercounter]});
	layerElement.setStyle({'padding-top':padding_top[layercounter]});
	*/
	
	//layerElement.setStyle({'border':'2px solid #A1090E'});
	//layerElement.setStyle({'background':testcolor[layercounter]});
	//layerElement.setStyle({'width':'220px'});
	layerElement.writeAttribute("id", mylayer_id );
 
	var my_layer_links2 = layerElement.childElements();
	
	// arrLayers.each ... !!!
	
	//alert("vor my_layer_links2 schleife");
	
	my_layer_links2.each(function (layerElementTest, intId4){
		
		//alert("in my_layer_links2 schleife:"+layerElementTest);
		//var test2 = layerElementTest.childElements();
		/*
		// Image ?
		if ((layerTagTest.hasClassName('shuffleImage') && (link_inserted==0))) {
			//alert("Link setzen");
 
			layerTagTest.insert( {top: '<a id="shufflelayerlink_'+layercounter+'" href="#" class="shufflelayerlink">Click here '+layercounter+'</a>'} );

			link_inserted=1;

		}
		*/
		
		var test2 = layerElementTest.descendants();

		

		test2.each(function (layerTagTest, intId54){
		//alert("vor Link setzen");

			if ((layerTagTest.hasClassName('textArea') && (link_inserted==0))) {
			//if ((layerTagTest.hasClassName('pureBody') && (link_inserted==0))) {
			//alert("Link setzen");
 
			//layerTagTest.insert( {top: '<a id="shufflelayerlink_'+layercounter+'" href="#" class="shufflelayerlink">Click here '+layercounter+'</a>'} );

			//layerTagTest.insert( {top: '<div style="position:absolute; top:5px; left:145px; width:50px; height:20px; z-index:1000; "><a id="shufflelayerlink_'+layercounter+'" href="#" class="shufflelayerlink">Click here '+layercounter+'</a></div>'} );
			
			//layerTagTest.insert( {top: '<div style="position:absolute; top:5px; left:145px; width:50px; height:20px; z-index:1000; " id="shufflelayerlink_'+layercounter+'" class="shufflelayerlink">Click here '+layercounter+'</div>'} );
			layerTagTest.insert( {top: '<div  id="shufflelayerlink_'+layercounter+'" class="shufflelayerlink">&nbsp;</div>'} );
			
			
			link_inserted=1;

		}

 

		}); 


 
	}
	);


 


// } Überprüfung entfernt







			if( 

layerElement.getStyle('top') > '0' ){
			var layerId = layerElement.readAttribute('id');
			
			}
			}
)


}); // Ende Gruppen

//var vorne="pos1";

//NEU
$('shufflelayerlink_1').observe('click', shufflelayer);
$('shufflelayerlink_2').observe('click', shufflelayer); 
$('shufflelayerlink_3').observe('click', shufflelayer);

//Test OBSERVE
$('shufflelayerlink_5').observe('click', shufflelayer);
$('shufflelayerlink_6').observe('click', shufflelayer); 
$('shufflelayerlink_7').observe('click', shufflelayer);

$('shufflelayerlink_9').observe('click', shufflelayer);
$('shufflelayerlink_10').observe('click', shufflelayer); 
$('shufflelayerlink_11').observe('click', shufflelayer);

function shufflelayer() {


var id_merker = this.id;


var father = $(id_merker).ancestors();



all_layer_ids.each(function (thislayerid, intId6){

//alert("DEBUG shufflelayer()");
//alert("thislayerid:"+thislayerid);


if ($(id_merker).descendantOf(thislayerid)) {


current_x = $(thislayerid).getStyle('left');
current_y = $(thislayerid).getStyle('top');
current_z = $(thislayerid).getStyle('zIndex');




// =========================================
pos3_x = $(thislayerid).getStyle('left');
pos3_y = $(thislayerid).getStyle('top');
pos3_z = $(thislayerid).getStyle('zIndex');

///// relations[mylayer_id]=front;
// 1 -> 1
// 2 -> 1
// 3 -> 1
// 4 -> 4
// 5 -> 4
// 6 -> 4



// Front-Layer verschieben




front_x = $(my_group_front[my_group[thislayerid]]).getStyle('left');
front_y = $(my_group_front[my_group[thislayerid]]).getStyle('top');
front_z = $(my_group_front[my_group[thislayerid]]).getStyle('zIndex');




$(my_group_front[my_group[thislayerid]]).setStyle({'zIndex':current_z});
 new Effect.Move($(my_group_front[my_group[thislayerid]]), { x:current_x.substr(0,current_x.length-2), y: current_y.substr(0,current_y.length-2), mode: 'absolute' });


// Hinteren Layer nach vorne verschieben

$(thislayerid).setStyle({'zIndex':front_z});
//front=thislayerid;
my_group_front[my_group[thislayerid]]=thislayerid;
new Effect.Move($(thislayerid), { x:front_x.substr(0,front_x.length-2), y: front_y.substr(0,front_y.length-2), mode: 'absolute' }); 


// ========================================


};


})

};





});