var Marker = "false";
var myTips = null;

function sendMail(val,form) {
	document.getElementById('mail_art').value = val
  	document.getElementById('mail_delete').submit()
}

function CheckboxenAktivieren(field) {
	if(Marker=="false") {
		if(field.length){
			for(i=0; i<field.length; i++) {
				field[i].checked = true;
			}
		} else{
			field.checked = true;
		}
		Marker = "true";
		return "alle de-markieren";
	} else {
		if(field.length){
			for(i=0; i<field.length; i++) {
				field[i].checked = false;
			}
		} else{
			field.checked = false;
		}
		Marker = "false";
		return "alle markieren";
	}
}

		
function setImg (sym, bg) { 
	$('theEmblem').set('src', '../img/ally_emblems/' + bg + '_' + sym + '.jpg');
	$('theBackground').set('src', '../img/ally_emblems/backgrounds/bg_' + bg + '.jpg');
	$('theSymbol').set('src', '../img/ally_emblems/symbols/sym_' + sym + '.jpg');
	$('chosenBG').innerHTML = bg;
	$('chosenSymb').innerHTML = symbolId;
	$('bgInput').set('value', bg);
	$('symInput').set('value', sym);
}
	
function nextBG() {
	if (bgId < bgCount) bgId = bgId + 1;
	else bgId = 1;
	setImg(symbolId, bgId);
}
	
function prevBG() {
	if (bgId > 1) bgId = bgId - 1;
	else bgId = bgCount;
	setImg(symbolId, bgId);
}
	
function nextSymbol() {
	if (symbolId < symbolCount) symbolId = symbolId + 1;
	else symbolId = 1;
	setImg(symbolId, bgId);
}
	
function prevSymbol() {
	if (symbolId > 1) symbolId = symbolId - 1;
	else symbolId = symbolCount;
	setImg(symbolId, bgId);
}
	
function init_page() {
	$('prevBG').addEvent('click', function() { prevBG(); });
	$('nextBG').addEvent('click', function() { nextBG(); });
	$('prevSymbol').addEvent('click', function() { prevSymbol(); });
	$('nextSymbol').addEvent('click', function() { nextSymbol() });
}

window.addEvent('domready', function(){
	// Tooltip
	myTips = new Tips('.thisisatooltip'); 

	/**
	 * That CSS selector will find all <a> elements with the
	 * attribute rel="boxed" 	 * and href starting with a #.
	 *
	 * The second argument sets additional options
	 */
	 SqueezeBox.initialize({
        size: {x: 400, y: 200},
		classWindow:	'sbox-window2 sbox-window-dark'
     });
	  
	SqueezeBox.assign($$('a[rel=boxed]'));

});