//
//
// base
//
//

function getElementsByAttribute(attr,val,container)
{
 container = container||document
 var all = container.all||container.getElementsByTagName('*')
 var arr = []
 for(var k=0;k<all.length;k++)
 if(all[k].getAttribute(attr) == val)
 arr[arr.length] = all[k]
 return arr
}

function getElementsByCondition(condition,container)
{
container = container||document
var all = container.all||container.getElementsByTagName('*')
var arr = []
for(var k=0;k<all.length;k++)
{
var elm = all[k]
if(condition(elm,k))
arr[arr.length] = elm
}
return arr
}

function highlight(e) {
  var myTarget;
        if (!e) var e = window.event;
        if (e.target) myTarget = e.target;
        else myTarget = e.srcElement;

  if(   myTarget.style.backgroundColor == "yellow" ) {
    myTarget.style.backgroundColor = "white";
  } else {
    myTarget.style.backgroundColor = "yellow";
  }
}


function getListings() {
  // var listings = getElementsByAttribute('class', 'noindent');
  var listings = getElementsByCondition(function(el){return el.className.indexOf('noindent')>-1});

  for ( var i=0; i<listings.length; i++ ){
    var myUl = listings[i];
    myUl.onmouseover = highlight;
    // myUl.setEvent("onmouseover", "highlight(this)");
  }
}

//
//
// zippy
//
//

function _setEltDisplay(a,c){
	if(!document.getElementById){
		return false
	}
	var b=document.getElementById(a);
	if(b){
		b.style.display=c
	}
	return false;
}
function _toggleSection(a){
	var c=a.id.indexOf("_");
	if(c==-1){return false}
	var b="cp"+a.id.substring(c);
	if(a.name=="on"){
		_setEltDisplay(b,"");
		a.name="off";
	} else {
		_setEltDisplay(b,"none");
		a.name="on";
	}
	return false;
}

//
//
// zoom img
//
//

function zoom_img_mover(element) {
  element.className='zoom_img_big';
  if(navigator.appVersion.indexOf("MSIE")>-1) {
    element.style.cursor='hand';    
  } else {
    element.style.cursor='pointer';
  }
  return true;
}

function zoom_img_mout(element) {
  element.className='zoom_img_normal';
  element.style.cursor='default';
  return true;
}

//
//
// tooltip
//
//

/* see ../css/base.css -> tooltip*/
var tt = null;
var visible = false;
var xOffset = -80;
var yOffset = 20;

var mouseDownX = 0;
var mouseDownY = 0;

// param: event - the mouse event
// return: none
// global: set mouseDownX and mouseDownY
function showPosition(event) {
	if (window.event) {
		x = window.event.clientX;
		y = window.event.clientY;
	} else {
		x = event.clientX;
		y = event.clientY;
	}
	mouseDownX = x;
	mouseDownY = y;
}


// param: divName - name of surrounding of the tooltip div
// return: none
function toggleTtName(divName) {
	if(visible == true) {
		tt.style.display = "none";
		visible = false;
	} else {
		// get image inside tooltip (image is used to give the div a name :-/ )
		image = document.getElementsByName(divName)[1];
        if(typeof(image) == "undefined" || image == null) {
          image = document.getElementsByName(divName)[0];
        }

        // get tooltip
		tt = image.parentNode;
		
		tt.style.left = (mouseDownX + xOffset) + "px";
		tt.style.top 	= (mouseDownY + yOffset) + "px";		
		tt.style.display = "block";
		visible = true;
	}	
}

//
//
// click
//
//

/* use on a tr with smthing like: */
/* <tr class="normal" onclick="mclick(findChild(this, 'a'))"  ... */
/* to click the first anchor within the tr */

function findChild (element, nodeName) {
  return element.getElementsByTagName(nodeName)[0];
}

function mclick(anchor) {
  window.open(anchor.href,'new','width=1000,height=700,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes,resizable=yes');
  return null;
}

function mover(element, statusText) {
  element.className='highlight';
  if(navigator.appVersion.indexOf("MSIE")>-1) {
    element.style.cursor='hand';    
  } else {
    element.style.cursor='pointer';
  }
  self.status=statusText;
  return true;
}

function mout(element) {
  element.className='normal';
  element.style.cursor='default';
  self.status='';
  return true;
}

function table_mclick(pos, par, tpl, col, row, kw, uip, ws) {
  table_img=new Image()
  table_img.src="track_table_click.jsp?pos=" + pos + "&par=" + par + "&tpl=" + tpl + "&col=" + col + "&row=" + row + "&kw=" + kw + "&uip=" + uip + "&ws=" + ws;
}

//
//
// google
//
//

var google_rc = {
  format: '180x150_rc',
  width: 180,
  height: 150,
  modules: ['news','searches'],
  color_line: 'B3C98C',
  color_link: '336633',
  color_bg: 'ffffff',
  color_text: '000000',
  color_source: '999999',
  color_header:  'EAFDC8',
  color_footer: 'EAFDC8'
};

//
//
// google maps
//
//

var map = null;
var custIcon = null;

function initMap(divId) {
 if (GBrowserIsCompatible()) {
  map = new GMap2(document.getElementById("mapDiv"));
  map.addControl(new GSmallMapControl());
  map.addControl(new GMapTypeControl());
  map.setCenter(new GLatLng(51.2, 11.0), 5);

  // Create a base icon for all of our markers that specifies the
  // shadow, icon dimensions, etc.
  var baseIcon = new GIcon();
  baseIcon.shadow = "http://www.mrspar.de/i/img/shadow50.png";
  baseIcon.iconSize = new GSize(20, 34);
  baseIcon.shadowSize = new GSize(37, 34);
  baseIcon.iconAnchor = new GPoint(9, 34);
  baseIcon.infoWindowAnchor = new GPoint(9, 2);
  baseIcon.infoShadowAnchor = new GPoint(18, 25);
            
  custIcon = new GIcon(baseIcon);
  custIcon.image = "http://www.mrspar.de/i/img/m_red.png";
 }
}

function addPoint(_lat, _lon, _articleDivData, _show) {
  var articleDivData = document.getElementById(_articleDivData);
  
  markerOptions = { icon:custIcon };
  
  var marker = new GMarker(new GLatLng(_lat, _lon), markerOptions);

  GEvent.addListener(marker, "mouseover", function() {
   marker.openInfoWindowHtml('<div style="width: 180px; padding-right: 10px">' + articleDivData.innerHTML + '<\/div>', {maxWidth: 100});
  });

  map.addOverlay(marker);
  if(_show) {
    marker.openInfoWindowHtml('<div style="width: 180px; padding-right: 10px">' + articleDivData.innerHTML + '<\/div>', {maxWidth: 100});
  }
  
}