truar = {};
truar.general = {};
truar.inline_popup = {};
truar.inline_popup.general = {};
truar.inline_popup.window = {};
truar.inline_popup.preloader = {};
truar.gallery = {};
truar.navtab = {};


truar.navtab.data = [[

"mas_navtab_nav_shawm","mas_navtab_nav_bagpipes","mas_navtab_nav_drums"

]];


truar.general.addEvent = function( obj, type, fn ) {

	if (obj.addEventListener) {
	
		obj.addEventListener( type, fn, false );

	} else if (obj.attachEvent) {
   
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
		
	}
}

truar.general.removeEvent = function( obj, type, fn ) {

	if (obj.removeEventListener) {
	
		obj.removeEventListener( type, fn, false );
		
	} else if (obj.detachEvent) {
		
		obj.detachEvent( "on"+type, obj[type+fn] );
		obj[type+fn] = null;
		obj["e"+type+fn] = null;
	
	}
}



truar.inline_popup.general.autopos = function(id) {

	if(document.getElementById(id)) {

		var popup_width, popup_height, window_width, window_height, right, top;

		popup_width = document.getElementById(id).offsetWidth;
		popup_height = document.getElementById(id).offsetHeight;
		
		if(window.innerWidth) {
		
			window_width = window.innerWidth; 
		
		}
		
		if(window.innerHeight) {
		
			window_height = window.innerHeight; 
		
		}
		
		if(document.documentElement.clientWidth) {
		
			window_width = document.documentElement.clientWidth;


		
		}
		
		if(document.documentElement.clientWidth) {
		
			window_height = document.documentElement.clientHeight; 
		
		}

		right = Math.floor((window_width/2)-(popup_width/2));
		top = Math.floor((window_height/2)-(popup_height/2));

		if(right <= 0) {
			right = 0;
		}
		
		if(top <= 0) {
			top = 0;
		}
		
		document.getElementById(id).style.right =  right+"px";
		document.getElementById(id).style.top = top+"px";
		
	}

}


truar.inline_popup.window.open = function(x,y,title,content) {

	document.getElementById("mas_inlinePopUp").innerHTML = '<div id="mas_inlinePopUp_visibility">'
	+ '<div id="mas_inlinePopUp_window" class="mas-inlinePopUp">'
	+'<h2 class="mas-inlinePopUp-header"><span id="mas_inlinePopUp_title"></span>'
	+'<span id="mas_inlinePopUp_close" onClick="truar.inline_popup.window.close()"></span></h2>'
	+'<div id="mas_inlinePopUp_content">'
	+content
	+'</div>'
	+'</div>'
	+'</div>'
	+'<div id="mas_inlinePopUp_loader" class="mas-noDisplay"><img src="/img/ajax-loader.gif" width="100" height="100"></div>';

	document.getElementById("mas_inlinePopUp_title").innerHTML = title;

	document.getElementById("mas_inlinePopUp").className = "";

	if(x != "auto") {
		document.getElementById("mas_inlinePopUp_window").style.width = x+"px";
	}
	
	if(y != "auto") {
		document.getElementById("mas_inlinePopUp_window").style.height = y+"px";		
	}

	truar.inline_popup.general.autopos("mas_inlinePopUp_window");
	
	window.onresize = function(evt) {

		truar.inline_popup.general.autopos("mas_inlinePopUp_window");
		
	}

}

truar.inline_popup.window.close = function() {

	document.getElementById("mas_inlinePopUp").innerHTML = '';

	document.getElementById("mas_inlinePopUp").className = "mas-noDisplay";
	
	window.onresize = function(evt) { }

}

truar.inline_popup.preloader.open = function() {



	document.getElementById("mas_inlinePopUp_visibility").className = "mas-hidden";

	document.getElementById("mas_inlinePopUp_loader").className = "";

	truar.inline_popup.general.autopos("mas_inlinePopUp_loader");
		


}

truar.inline_popup.preloader.close = function() {

	document.getElementById("mas_inlinePopUp_loader").className = "mas-noDisplay";
		
	truar.inline_popup.general.autopos("mas_inlinePopUp_window");

	document.getElementById("mas_inlinePopUp_visibility").className = "";

}

truar.gallery.open = function(x,y,title,pos,mode) {	 

	var nav_minus = "", nav_plus = "", nav_pic_plus_a = "", nav_pic_plus_b = "", line_break = "";

	if(!mode) {
	
		mode = 0;
	
	}
	
	if(mode === 0) {
		
		nav_minus = '<span onClick="truar.gallery.open(\'auto\',\'auto\',\''+title+'\','+(pos-1)+')" class="mas-inlinePopUp-left"></span>';
	
		nav_plus = '<span onClick="truar.gallery.open(\'auto\',\'auto\',\''+title+'\','+(pos+1)+')"  class="mas-inlinePopUp-right"></span>';
	
		nav_pic_plus_a = '<a href="javascript:truar.gallery.open(\'auto\',\'auto\',\''+title+'\','+(pos+1)+')">';
	
		nav_pic_plus_b = '</a>';	

	
		if(pos == 0) {
	
			nav_minus = "";
	
		}
	
		if(pos == truar.gallery.data.length-1) {
	
			nav_plus = "";
			nav_pic_plus_a = "";
			nav_pic_plus_b = "";
	
		}
	
	}
	
	if(truar.gallery.data[pos][0] && x == "auto") {
	
		x = truar.gallery.data[pos][0];
	
	}
	
	if(truar.gallery.data[pos][1] && y == "auto") {
	
		y = truar.gallery.data[pos][1];
	
	}
	
	line_break = "";

	if(truar.gallery.data[pos][3]) {

		line_break = "<br />";

	}

	truar.inline_popup.window.open(x,y,title);

	var pic = new Image();
	pic.src = truar.gallery.data[pos][2];

	document.getElementById("mas_inlinePopUp_content").innerHTML = nav_pic_plus_a
	+'<img src="'+truar.gallery.data[pos][2]+'" style="display:block;border:0;" onload="truar.inline_popup.preloader.close();">'
	+nav_pic_plus_b
	+'<div class="mas-gallery-nav">'
	+nav_minus	
	+'<p class="mas-gallery-txt">'+truar.gallery.data[pos][3]+line_break+'<a href="javascript:truar.inline_popup.window.close();" class="mas-gallery-close">[schließen]</a></p>'
	+nav_plus	
	+'</div>';

	truar.inline_popup.preloader.open();

}

truar.navtab.init = function() {

	var i,j;

	for (i = 0; i < truar.navtab.data.length;i++) {

		for (j = 0; j < truar.navtab.data[i].length;j++) {
		
			truar.general.addEvent(document.getElementById(truar.navtab.data[i][j]),"click", truar.navtab.open);
		
		}
		
		document.getElementById(truar.navtab.data[i][0]).className = "mas-navtab-current";
		document.getElementById(truar.navtab.data[i][0].replace(/_nav_/,"_content_")).className = "";

	}



}

truar.navtab.open = function() {

	var data_index, data, content_id, i;
	
	data_index = truar.navtab.getDataIndex(this.id);
	
	data = truar.navtab.data[data_index[0]];
	
	for(i = 0; i < data.length;i++) {
	
		document.getElementById(data[i]).className = "";
		
		content_id = data[i].replace(/_nav_/,"_content_");
		
		document.getElementById(content_id).className = "mas-noDisplay";
	
	}
	
	document.getElementById(this.id).className = "mas-navtab-current";

	content_id = this.id.replace(/_nav_/,"_content_");
	
	document.getElementById(content_id).className = "";
	

}

truar.navtab.getDataIndex = function(search) {

	var i,j;

	for (i = 0; i < truar.navtab.data.length;i++) {

		for (j = 0; j < truar.navtab.data[i].length;j++) {
		
			if(truar.navtab.data[i][j] == search) {
			
				return new Array(i,j);
			
			}
		
		}
		
	}
	
	return false;

}