function traminoskimming( event, obj){
	
	bilder = $(obj).find("img");
	anz_bilder = bilder.size();
	
	var widthobj   = obj.style.width || $(obj).width();
	
	if (anz_bilder > 0 ){
		width = (parseInt(widthobj, 10) / anz_bilder);
		counter = parseInt( (mousePos(event, "x") - findPos(obj, "x"))/width, 10);
		if( counter > (anz_bilder -1)) counter = anz_bilder - 1;
		for (var i = 0; i < anz_bilder; i++){ if( i != counter ) $(bilder[i]).css('display', 'none'); }
		$(bilder[counter]).css('display', 'block').css( "left", "0px" );
		
		navs = $(obj).find(".navigation div");
		if( navs.size() > 0 ){
			navs.removeClass( "aktiv" );
			$( navs[counter] ).addClass( "aktiv" );
		}
		$(obj).attr("ref", counter );
	} 
	return 1;
}

function traminoskimmingnext( obj ){
	
	counter = $(obj).attr("ref");
	counter ++;
	bildernext = $(obj).find("img");
	anz_bilder = bildernext.size();
	if( anz_bilder <= counter ) counter = 0;
	
	width = $(obj).css("width");
	if (anz_bilder > 0 ){
		bildernext.hide();
		pre = counter-1 < 0 ? anz_bilder-1 : counter-1;
		$(bildernext[pre]).show();
		$(bildernext[counter]).css( "z-index", 10 ).fadeIn( "slow", function(){ bildernext.hide(); $(this).show().css( "z-index", 1 ); });
		
		navs = $(obj).find(".navigation div");
		if( navs.size() > 0 ){
			navs.removeClass( "aktiv" );
			$( navs[counter] ).addClass( "aktiv" );
		}
		$(obj).attr("ref", counter );
	} 
	return 1;
}

function traminoskimmingnr( obj, nr ){
	
	counter = nr;
	bilder = $(obj).find("img");
	anz_bilder = bilder.size();
	if( anz_bilder <= counter ) counter = 0;
	if (anz_bilder > 0 ){
		bilder.hide();
		$(bilder[counter]).show().css( "left", "0px" );
		navs = $(obj).find(".navigation div");
		if( navs.size() > 0 ){
			navs.removeClass( "aktiv" );
			$( navs[counter] ).addClass( "aktiv" );
		}
		$(obj).attr("ref", counter );
	} 
	return 1;
}

var skimmingtimer = Array();

function traminoAutoSkimming ( obj, flag ){
	
	if( $(obj).find("span.next").length > 0 ){} else {
		$(obj).append($("<span class='next'></span>").click( function(){
			
			counter = $(this).parent().attr("ref");
			counter ++;
			bilder = $(this).parent().find("img");
			anz_bilder = bilder.size();
			if( anz_bilder <= counter ) counter = 0;
			traminoskimmingnr($(this).parent(),counter);
			return false;
			
		}));
		$(obj).append($("<span class='prev'></span>").click( function(){
			
			counter = $(this).parent().attr("ref");
			counter --;
			bilder = $(this).parent().find("img");
			anz_bilder = bilder.size();
			if( counter < 0 ) counter = anz_bilder-1;
			traminoskimmingnr($(this).parent(),counter);
			return false;
		}));
	}
	
	if( flag ){
		traminoskimmingnext( $(obj) );
	}
	window.clearTimeout( skimmingtimer[ obj ] );
	skimmingtimer[ obj ] = window.setTimeout( "traminoAutoSkimming( '" + obj + "', 1 )" , 7500);
}


var markermap;

function elevationscroll( data ) {
	
	if ( typeof GIcon === "undefined" || typeof GLatLng === "undefined" ) {
		/* Google Maps v3 */

		if ( markermap ) {
			markermap.setPosition(new google.maps.LatLng(data.lat, data.lng));
		} else { 

			var icon = (("https:" == document.location.protocol) ? "https" : "http") + "://tramino.s3.amazonaws.com/gfx/geo/marker_e.png";
			
			markermap = new google.maps.Marker({
				map: geodatamap.map,
				position: new google.maps.LatLng(data.lat, data.lng),
				icon: icon,
			});
		}

	} else {
		/* Google Maps v2 */

		if( markermap ) {
			markermap.setPoint(new GLatLng(data.lat, data.lng));
		} else { 
			
			var markerIcon = new GIcon( );
			markerIcon.iconSize = new GSize(12, 12);
			markerIcon.iconAnchor = new GPoint(6, 6);
			markerIcon.infoWindowAnchor = new GPoint(6, 12);
			
			markerIcon.image = (("https:" == document.location.protocol) ? "https" : "http") + "://tramino.s3.amazonaws.com/gfx/geo/marker_e.png";
			
			markermap = new GMarker(new GLatLng(data.lat,data.lng), {icon: markerIcon} );
			geodatamap.map.addOverlay(markermap);
		}

	}
}

function elevationscrollstop() {
/*	if( markermap ) {
		markermap.hide();
	} */
}

function imagescrollV(event, obj) {
	
 	bild = $(obj).find("img")[0];
	
	avail = parseInt(obj.style.width, 10) || $(obj).width();
	width = parseInt(bild.width, 10);
	
	posx = mousePos(event, "x");
	offx = findPos(obj, "x");
	
	scale = ( ( width - avail ) / avail ) * -1;
	relx = posx - offx;
	
	bild.style.left = parseInt( ( relx * scale ) ,10) + "px";
}

function imagescrollH(event, obj, offset) {
	
	bild = $(obj).find("img")[0];
	
	width = parseInt(bild.height, 10);
	avail = parseInt(obj.style.height, 10) || $(obj).height();
	
	posy = mousePos(event, "y");
	offy = findPos(obj, "y");
	
	bild.style.top = parseInt(2 * ((posy - offy) / avail) * offset, 10) + "px";
}


function imagereset(obj, offset) {
	
	bild = $(obj).find("img")[0];
	bild.style.top = offset + "px";
}

function mousePos(e, pos) {
	
	var posx = 0;
	var posy = 0;
	
	if (!e) e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
	
	if ( pos == "x") return posx;
	if ( pos == "y") return posy;
	
}

function findPos(obj, pos) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
			obj = obj.offsetParent;
		} while (obj);
	}
	
	if ( pos == "x") return curleft;
	if ( pos == "y") return curtop;
}

function hideBigPicture( zus ){
	if(!zus) zus="";
	$("#tpc_bigpicture" + zus ).html('');
	$("#tpc_pictures" + zus ).show();
}
	
function showBigPicture( url, name, prev, next, yt, zus, link ){
	if(!zus) zus="";
	
	if( prev ){
		prev = '<span class="BigPictureprev" style="border-color: transparent #999;border-style: solid;border-width: 15px 20px 15px 0px;cursor: pointer;display: block;" onClick="$(\'#detailbilder_' + zus + prev + '\').click();" title="vorheriges"></span>';
	}
	if( next ){
		next = '<span class="BigPicturenext" style="border-color: transparent #999 ;border-style: solid;border-width: 15px 0px 15px 20px;cursor: pointer;display: block;" onClick="$(\'#detailbilder_' + zus + next + '\').click();" title="nächstes"></span>';
	}
	$("#tpc_pictures" + zus ).hide();
	
	var bild = '<img src="' + url + '" title="' + name + '" width="400" />';
	
	if( yt ){
		bild = '<object width="400"><param name="movie" value="http://www.youtube.com/v/' + yt + '?fs=1&amp;autoplay=1&amp;rel=0&amp;disablekb=1&amp;loop=0&amp;egm=0&amp;showinfo=0"></param><param name="allowFullScreen" value="true"></param><param name="autoplay" value="1"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/' + yt + '?fs=1&amp;autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" autoplay="1" allowscriptaccess="always" width="400" height="300"></embed></object>';
	}
	
	var jslink = 'hideBigPicture(\'' + zus + '\');';
	if( link ) jslink = 'location.href=\'' + link + '\'';
	
	$("#tpc_bigpicture"  + zus ).html('<a href="javascript:hideBigPicture(\'' + zus + '\')">Übersicht</a><br/><br/>'+
	'<div style="float:left;width:20px;padding:140px 5px 0 0;">' + prev + '</div>'+
	'<div onClick="' + jslink + '" class="File Bild" style="float:left;">' + bild + 
	'<div class="Name">' + name + '</div></div>'+
	'<div style="float:left;width:25px;padding:140px 0 0 5px;">' + next + '</div>');
}