function getElementsByClassName( myName )
{
	var CONTROLS = [ "DIV" , "SPAN" ];
	
	var result = [];
	
	var searchExpression = new RegExp( "\\b" + myName + "\\b" );
	
	for (var i = 0; i < CONTROLS.length; i++ )
	{
		var objects = document.getElementsByTagName( CONTROLS[ i ] );
		for (var j = 0; j < objects.length; j++ )
		if ( objects[ j ].className.match( searchExpression ) )
			result.push( objects[ j ] );
	};
	
	return result;
}

function filter(tag_id){

	var stamps = getElementsByClassName("stamp");
		
	for(var i=0;i<stamps.length;i++){
		var cats = stamps[i].getAttribute("tags");
		if(cats.match('-'+tag_id+'-')){ stamps[i].style.visibility = "visible"; } else { stamps[i].style.visibility = "hidden"; }	

	}	
	
	var tags = getElementsByClassName("tag");
	for(var j=0;j<tags.length;j++){
		var tag = tags[j].getAttribute("tag_id");
		if(tag==tag_id){ 
			tags[j].style.color = "#444"; 
			//document.getElementById("filter").innerHTML = "Ausgewählter Bereich: <span style=\"color: #000;\">" + tags[j].getAttribute("tag_name") + "</span>"; 
		} else { 
			tags[j].style.color = "#ccc"; 
		}
	}
	
	document.getElementById("tagfilter").style.visibility = "visible";
	
}

function filter_off(){
	var stamps = getElementsByClassName("stamp");
	for(var i=0;i<stamps.length;i++){
		stamps[i].style.visibility = "visible";
	}
	var tags = getElementsByClassName("tag");
	for(var j=0;j<tags.length;j++){
		tags[j].style.color = "#444"; 
	}	
	document.getElementById("tagfilter").style.visibility = "hidden";
}



function build_circles(){
	
	var screens = document.getElementById("screens_total").value;
	var flag;
	
	document.getElementById("nav_screens").innerHTML = '';
	
	for(var k=1;k<=screens;k++){
		if(k == document.getElementById("screen_active").value) { flag = "active"; } else { flag = "inactive"; }
		document.getElementById("nav_screens").innerHTML += '<img src="../wp-content/themes/freelenz/img/icon_screen_' + flag + '.gif" />';
	}	
}

function hscroll(){
	if(document.getElementById("scroll_direction").value == 1){ go_right(25); } 
	if(document.getElementById("scroll_direction").value == -1){ go_left(25); }
}

var laufweite = 470;

function go_left(px){

	var stand = document.getElementById("hscroll").style.marginLeft.replace("px", "");
	var zielweite = laufweite * (document.getElementById("screen_active").value - 2);
	
	if((Math.abs(stand) - zielweite) < px){ px = (Math.abs(stand) - zielweite); } else { px = px; }
	document.getElementById("hscroll").style.marginLeft = (parseInt(stand) + parseInt(px)) + "px";
	
	if(stand < -zielweite){ 
		setTimeout("go_left(" + px + ");", 1); 
	} else {
		document.getElementById("screen_active").value = parseInt(document.getElementById("screen_active").value) - parseInt(1);
		if(document.getElementById("screen_active").value == document.getElementById("screens_total").value || document.getElementById("screen_active").value == 1){ document.getElementById("scroll_direction").value *= -1; }
		build_circles();
	}	
		
}

function go_right(px){

	var stand = document.getElementById("hscroll").style.marginLeft.replace("px", "");
	var zielweite = laufweite * (document.getElementById("screen_active").value);

	
	if((-zielweite - stand) > -px){ px = Math.abs(-zielweite - stand); } else { px = px; }
	document.getElementById("hscroll").style.marginLeft = (stand - px) + "px";

	if(stand > -zielweite){ 
		setTimeout("go_right(" + px + ");", 1); 
	} else { 
		document.getElementById("screen_active").value = parseInt(document.getElementById("screen_active").value) + parseInt(1); 
		if(document.getElementById("screen_active").value == document.getElementById("screens_total").value || document.getElementById("screen_active").value == 1){ document.getElementById("scroll_direction").value *= -1; }
		build_circles();
	}	
}