var arImages = new Array('kmu_over.gif','profi_over.gif','private_over.gif','filebuilder_over.gif','direct_over.gif','forum_over.gif','sw1_over.gif','sw2_over.gif','kontakt_over.gif','team_over.gif','impressum_over.gif');

var agt=navigator.userAgent.toLowerCase();
var is_major = parseInt(navigator.appVersion);
var is_minor = parseFloat(navigator.appVersion);

var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
		  && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
		  && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
var is_nav4 = (is_nav && (is_major == 4));
var is_nav6 = (is_nav && (is_major == 5));
var is_nav6up = (is_nav && (is_major >= 5));
var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));

var dragapproved=false
var z,x,y
var maxleft,maxtop,maxright,maxbottom;

function setdragBounds()
{
  // you can set the bounds of the draggable area here
  maxleft = 10;
  maxtop = 10;
  maxright = document.body.clientWidth - 10;
  maxbottom = document.body.clientHeight - 100;
}

function move(e)
{
   var tmpXpos = (!is_ie)? temp1+e.clientX-x: temp1+event.clientX-x;
   var tmpYpos = (!is_ie)? temp2+e.clientY-y : temp2+event.clientY-y;
   if (dragapproved)
   {
	  z.style.left = tmpXpos;
	  z.style.top = tmpYpos;

	  if (tmpXpos < maxleft)
		  z.style.left = maxleft;

	  if (tmpXpos > maxright)
		  z.style.left = maxright;

	  if (tmpYpos < maxtop)
		  z.style.top = maxtop;
	  if (tmpYpos > maxbottom)
		  z.style.top = maxbottom;

	  return false
   }
}

function drags(e)
{
	 if (!(is_ie)&&!(!is_ie)) return

	 var firedobj=(!is_ie)? e.target : event.srcElement
	 var topelement=(!is_ie)? "HTML" : "BODY"

	 while (firedobj.tagName!=topelement && firedobj.className!="drag" && firedobj.tagName!='SELECT' && firedobj.tagName!='TEXTAREA' && firedobj.tagName!='INPUT' && firedobj.tagName!='IMG')
	 {
		 // here you can add the elements that cannot be used for drag . using their class name or id or tag names
		 firedobj=(!is_ie)? firedobj.parentNode : firedobj.parentElement
	 }

	 if (firedobj.className=="drag")
	 {
		 dragapproved = true
		 z = firedobj
		 var tmpheight = z.style.height.split("px")
		 maxbottom = (tmpheight[0])?document.body.clientHeight - tmpheight[0]:document.body.clientHeight - 20;

		 temp1 = parseInt(z.style.left+0)
		 temp2 = parseInt(z.style.top+0)
		 x = (!is_ie)? e.clientX: event.clientX
		 y = (!is_ie)? e.clientY: event.clientY
		 document.onmousemove = move

		 return false
	 }
}

document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")

function changeImg(id, src)
{
	var img = document.getElementById(id);
	img.src = "img/"+src;
}
function newImage(src)
{
	if (document.images)
	{
		rslt = new Image();
		rslt.src = src;
		return rslt;
	}
}
function loadImg()
{
	if (loadImg.arguments.length>0)
	{
		for(i = 0; i<loadImg.arguments.length; i++)
		{
			im = newImage("http://clarina.ch/img/"+arImages[loadImg.arguments[i]]);
		};
	};	
	firma = newImage("http://clarina.ch/img/firma_over.gif");
	home1 = newImage("http://clarina.ch/img/home_over.gif");
	downloads = newImage("http://clarina.ch/img/downloads_over.gif");
	referenzen = newImage("http://clarina.ch/img/referenzen_over.gif");
	support = newImage("http://clarina.ch/img/support_over.gif");
	produkte = newImage("http://clarina.ch/img/produkte_over.gif");
	shop = newImage("http://clarina.ch/img/online_shop_over.gif");
}


function productsList()
{
	if (document.getElementById)
	{ 	
		var divs = document.getElementsByTagName('div');
		for(i = 0; i<divs.length; i++)
		{		
			var childs = divs[i].childNodes;
			for(j = 0; j<childs.length; j++)
			{
				if (childs[j].id=='header')
				{
					childs[j].onclick = function()
					{						
						var par = this.parentNode;					
						var childs = par.childNodes;		
						for(i = 0; i<childs.length; i++)
						{
							var ch = childs[i];
							if (ch.className=='_content')
							{										
								if (ch.style.display.indexOf("block")>=0){ch.style.display="none";}
								else{ch.style.display="block";};
								var grid_table = ch.childNodes;
								for(m = 0; m<grid_table.length; m++)
								{
									if (grid_table[m].className=="grid")
									{
										grid_table[m].style.display = "block";
									}
								}
							};
						};					
					};
				};
			};			
		};
	};
}


function memberList()
{
	if (document.getElementById)
	{ 	
		var divs = document.getElementsByTagName('div');
		for(i = 0; i<divs.length; i++)
		{		
			var childs = divs[i].childNodes;
			for(j = 0; j<childs.length; j++)
			{
				if (childs[j].id=='header_member')
				{
					childs[j].onclick = function()
					{						
						var par = this.parentNode;					
						var childs = par.childNodes;		
						for(i = 0; i<childs.length; i++)
						{
							var ch = childs[i];
							if (ch.className=='ie')
							{										
								if (ch.style.display.indexOf("block")>=0){ch.style.display="none";}
								else{ch.style.display="block";};
							};
						};					
					};
				};
			};			
		};
	};
}

function kontoLoshen()
{
	if (document.getElementById('lochenDiv').style.display=="block") document.getElementById('lochenDiv').style.display = "none";
	else document.getElementById('lochenDiv').style.display = "block";
}

function showImg(id)
{
	var iDiv = document.getElementById('imgDiv');	
	var src = document.getElementById(id);
	var oldImg = document.getElementById("imgHere");
	oldImg.src = src.src;
	x = document.body.clientWidth;
	y = document.body.clientHeight - 50;
	xi = oldImg.width;
	yi = oldImg.height;
			
	iDiv.style.top = Math.abs((y - yi)/2) + "px";
	iDiv.style.left = Math.abs((x - xi)/2) + "px";
	iDiv.style.display="block";	
}

function showList()
{
	var iDiv = document.getElementById('listDIV');	
	x = document.body.clientWidth;
	y = document.body.clientHeight - 50;
	xi = iDiv.style.width.slice(0, iDiv.style.width.length-2);
	yi = iDiv.height;
			
	iDiv.style.top = "50px";

	var left = Math.floor((x - xi)/2);	
	iDiv.style.left = left + "px";
	iDiv.style.display="block";	
}

function showFirmdetails(fID)
{
	var scrollY = 0;

    if ( document.documentElement && document.documentElement.scrollTop )
	{
        scrollY = document.documentElement.scrollTop;
    }else if ( document.body && document.body.scrollTop )
	{
        scrollY = document.body.scrollTop;
    }else if ( window.pageYOffset )
	{
        scrollY = window.pageYOffset;
    }else if ( window.scrollY )
	{
        scrollY = window.scrollY;
    }

	$("#firmdetails").css("display", "block");
	$("#firmdetails").css("height", (document.documentElement.clientHeight)+"px");
	$("#content_container").css("display", "block");
	center("content_container");
	$("#content").load('includes/details.php',{action:'referenzen_details', id:fID});
}
function hideFirmdetails()
{
	$("#firmdetails").css("display", "none");
	$("#content_container").css("display", "none");
	$("#content").empty().append("<center><img src='img/indicator.gif' alt='' /></center>");
}
function center(element){
    try{ element = document.getElementById(element); }
	catch(e){ return; }

    var my_width  = 0;
    var my_height = 0;

    if ( typeof( window.innerWidth ) == 'number' )
	{
        my_width  = window.innerWidth;
        my_height = window.innerHeight;
    }else if ( document.documentElement &&
             ( document.documentElement.clientWidth ||
               document.documentElement.clientHeight ) )
	{
        my_width  = document.documentElement.clientWidth;
        my_height = document.documentElement.clientHeight;
    }
    else if ( document.body && 
            ( document.body.clientWidth || document.body.clientHeight ) )
	{
        my_width  = document.body.clientWidth;
        my_height = document.body.clientHeight;
    }

    element.style.position = 'absolute';
    element.style.zIndex   = 99;

    var scrollY = 0;

    if ( document.documentElement && document.documentElement.scrollTop )
	{
        scrollY = document.documentElement.scrollTop;
    }else if ( document.body && document.body.scrollTop )
	{
        scrollY = document.body.scrollTop;
    }else if ( window.pageYOffset )
	{
        scrollY = window.pageYOffset;
    }else if ( window.scrollY )
	{
        scrollY = window.scrollY;
    }

	var eWidth = 600;
	var eHeight = 100;
    var setX = ( my_width  - eWidth  ) / 2;
    var setY = 87 + scrollY;

    setX = ( setX < 0 ) ? 0 : setX;
    setY = ( setY < 0 ) ? 0 : setY;

    element.style.left = setX + "px";
    element.style.top  = setY + "px";

    element.style.display  = 'block';
}