//Initializing Arrays:
var boxArray = new Array();
var smallArray = new Array(new Array(),new Array());
var hugeArray = new Array();

var bigArray = new Array();
	var leftArray = new Array(new Array(),new Array());
	var rightArray = new Array(new Array(),new Array());

//INSERTION FUNCTIONS
function clear(element) {
	$(element).remove();
}

function clearAll() { $('border').update(); }

function submit(form) {	
	document.form.submit();
}

function menu(element) {
	var menu = ['big_list','small_list','huge_list','quater_list','half_list'];
	for(var i=0; i < menu.length; i++) {
		if(menu[i] != element) {
			$(menu[i]).setStyle({display:'none'});
		}
	}
	$(element).setStyle({display:''});
}

function select(element) {
	$('selected').update(element);
	if(element.search(/big_element+/) != -1) {
		menu('big_list');
		$('control_objects').update(
				'<div class="links"><a href="javascript:clear(\''+element+'\');">DELETE</a></div>'+
				'<div class="links"><a href="javascript:half(\''+element+'\');">CUT(V)</a></div>'
		);
	}
	if(element.search(/half+/) != -1) {
		menu('half_list');
		$('control_objects').update(
				'<div class="links"><a href="javascript:clear(\''+element+'\');">DELETE</a></div>'+
				'<div class="links"><a href="javascript:quater(\''+element+'\');">CUT(H)</a></div>'
		);
	}
	if(element.search(/quater+/) != -1) {
		menu('quater_list');
		$('control_objects').update(
				'<div class="links"><a href="javascript:clear(\''+element+'\');">DELETE</a></div>'
		);
	}
	if(element.search(/small+/) != -1) {
		menu('small_list');
		$('control_objects').update(
				'<div class="links"><a href="javascript:clear(\''+element+'\');">DELETE</a></div>'
		);
	}
}

function insertImg(image) {
	var element = $('selected').innerHTML;
	var id = $(element).identify();

	//GET Form Data:
	var id_word = $('insert_id').getValue();
		/*var id_num = new Array();
			id_num = id_word.split(',');*/
	var german = $('insert_de').getValue();
	var english = $('insert_en').getValue();
	
	var count = id.match(/[0-9]+/);
	
	if(id.search(/half_L+/) != -1) {
		if(id.search(/quater_top+/) != -1) {
			$(element).update('<a href="javascript:select(\''+element+'\');">'+ image +'</a>');
			leftArray[count][0] = 0;
			leftArray[count][1] = '';
		}
		else if(id.search(/quater_bottom+/) != -1) {
			$(element).update('<a href="javascript:select(\''+element+'\');">'+ image +'</a>');
			leftArray[count][0] = 0;
			leftArray[count][2] = '<a href="" name="element"><img alt="x" title="'+ german +'" src="img/mainpage/465px_150px/'+image+'"/></a>';
		} else {
			$(element).update('<a href="javascript:select(\''+element+'\');">'+ image +'</a>');
			leftArray[count][0] = '<a href="" name="element"><img alt="x" title="'+ german +'" src="img/mainpage/465px_300px/'+image+'"/></a>';
		}
	}
	
	if(id.search(/half_R+/) != -1) {
		if(id.search(/quater_top+/) != -1) {
			$(element).update('<a href="javascript:select(\''+element+'\');">'+ image +'</a>');
			rightArray[count][0] = 0;
			rightArray[count][1] = '<a href="" name="element"><img alt="x" title="'+ german +'" src="img/mainpage/465px_150px/'+image+'"/></a>';
		}
		else if(id.search(/quater_bottom+/) != -1) {
			$(element).update('<a href="javascript:select(\''+element+'\');">'+ image +'</a>');
			rightArray[count][0] = 0;
			rightArray[count][2] = '<a href="" name="element"><img alt="x" title="'+ german +'" src="img/mainpage/465px_150px/'+image+'"/></a>';
		} else {
			$(element).update('<a href="javascript:select(\''+element+'\');">'+ image +'</a>');
			rightArray[count][0] = '<a href="" name="element"><img alt="x" title="'+ german +'" src="img/mainpage/465px_300px/'+image+'"/></a>';
		}
	}
	if(id.search(/small+/) != -1) {
		$(element).update('<a href="javascript:select(\''+element+'\');">['+ image +'] ['+ german +']</a>');
		//smallArray[count] = '<a href="" name="element"><img alt="x" title="'+ german +'" src="img/mainpage/930px_200px/'+ image +'"/></a>';
		smallArray[count][0] = image;
		//smallArray[count][1] = id_num[1];
		smallArray[count][2] = german;
		smallArray[count][3] = english;
	}
}

function previewBuilder() {
	/*boxArray[1] = 'big';
	boxArray[2] = 'small';
	
	leftArray[1][0] = 0;
	leftArray[1][1] = '<img alt="x" src="samples/line_150_half.jpg"/>';
	leftArray[1][2] = '<img alt="x" src="samples/line_150_half.jpg"/>';

   	rightArray[1][0] = '<img alt="x" src="samples/line_300_half.jpg"/>';

	smallArray[2] = '<img alt="x" src="samples/line_200.jpg"/>';*/
	
	//document.write(bigArray.length);

	$('preview').update();
	if(boxArray.length > 0) {
		for(var i = 1; i < boxArray.length; i++) {
			if(boxArray[i] == 'big') {
				var temp = '<div class="big">';
				
				if(rightArray[i][0] == 0) {
					temp += '<div class="big_half">';
					if(rightArray[i][1]) {
						temp += '<div class="big_quater">'+rightArray[i][1]+'</div>';
					}
					if(rightArray[i][2]) {
						temp += '<div class="big_quater">'+rightArray[i][2]+'</div>';
					}
					temp += '</div>';
				} else {
					temp += '<div class="big_half">'+rightArray[i][0]+'</div>';
				}
				
				if(leftArray[i][0] == 0) {
					temp += '<div class="big_half">';
					if(leftArray[i][1]) {
						temp += '<div class="big_quater">'+leftArray[i][1]+'</div>';
					}
					if(leftArray[i][2]) {
						temp += '<div class="big_quater clear">'+leftArray[i][2]+'</div>';
					}
					temp += '</div>';
				} else {
					temp += '<div class="big_half">'+leftArray[i][0]+'</div>';
				}
				
				temp += '</div>';
				$('preview').insert({bottom: temp});
			}
 			if(boxArray[i] == 'small') {
				$('preview').insert({bottom:'<div class="small">'+
					'<a href="http://localhost:88/localhost_apps/tb-corpses/version_1/?page=page&pageid='+smallArray[i][1]+'&state=view">'+
					'<img src="img/mainpage/930px_200px/'+smallArray[i][0]+'" title="'+smallArray[i][2]+'" alt="x" /></a>'+
				'</div>'});
			}
		}
	}
}

//CREATE BOXES
var element_count = 0;

function insertSmall() {
	element_count++;
	boxArray[element_count] = 'small';
	$('border').insert({ bottom:'<div id="small_element'+element_count+'" class="small_element">'+
		'<a href="javascript:select(\'small_element'+element_count+'\');">&nbsp;</a>'+
	'</div>'});	
}

function insertBig() {
	element_count++;
	boxArray[element_count] = 'big';
	$('border').insert({ bottom:'<div id="big_element'+element_count+'" class="big_element">'+
		'<a class="big_element_link" href="javascript:select(\'big_element'+element_count+'\');">&nbsp;</a>'+
	'</div>'});	
}

function half(element) {
	$(element).update('');
	
	$(element).insert({ bottom:'<div id="'+element+'_half_L" class="half_element_left">'+
		'<a href="javascript:select(\''+element+'_half_L\');">&nbsp;</a></div>'});
	
	$(element).insert({ bottom:'<div id="'+element+'_half_R" class="half_element_right">'+
		'<a href="javascript:select(\''+element+'_half_R\');">&nbsp;</a></div>'});
}

function quater(element) {
	$(element).update('');
	
	$(element).insert({ bottom:'<div id="'+element+'_quater_top" class="quater_element_top">'+
		'<a href="javascript:select(\''+element+'_quater_top\');">&nbsp;</a>'+
	'</div>'});
	$(element).insert({ bottom:'<div id="'+element+'_quater_bottom" class="quater_element_bottom">'+
		'<a href="javascript:select(\''+element+'_quater_bottom\');">&nbsp;</a>'+
	'</div>'});	
}