var IE = navigator.appName.indexOf("Microsoft")>-1;
var Opera = navigator.appName.indexOf("Opera")>-1;
var Safari = navigator.userAgent.indexOf("Safari")>-1;
var FF = navigator.userAgent.indexOf("Firefox")>-1;

function ajaxFunction(funcName,element,params)
{
	//Loading
	
	//TODO: AJAX-Icon
	
	//document.getElementById(element).innerHTML = "Loading...";
	document.getElementById(element).innerHTML = '<img src="images/default/ajax-loader.gif" />';
	
	//AJAX
	var xmlHttp;
	try
  	{
  	// Firefox, Opera 8.0+, Safari
  		xmlHttp=new XMLHttpRequest();
  	}
	catch (e)
  	{
  	// Internet Explorer
  	try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
 	catch (e)
    {
      try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch (e)
      {
      	alert("Your browser does not support AJAX!");
      	return false;
      }
    }
  }
  
  xmlHttp.onreadystatechange=function()
  {
  	  if(xmlHttp.readyState==4)
      {
      		document.getElementById(element).innerHTML=xmlHttp.responseText;
      }
  }
  xmlHttp.open("GET","/php/class_ajax.php?function="+funcName+"&params="+params,true);
  xmlHttp.send(null);
}

//Styles for Animation
var width = 5;
var height = 5;

function animateMe(element)
{
	if(width<100)
	{
		width+=5;
		document.getElementById(element).style.width= width+'px';
		document.getElementById(element).style.height= height+'px';
		var ani = setTimeout("animateMe("+element+")",800);
	}
	else
	{
		clearTimeout(ani);	
	}
}

function loadMediaDetail(e,id)
{
	if(!document.getElementById('divMediaDetail'))
	{
		if(!e) var e = window.event;
		var x = 0;
		var y = 0;
		if(IE)
		{
			x = e.clientX + 5 + document.body.scrollLeft;
			y = e.clientY + 5 + document.body.scrollTop;
		}
		else
		{
			x = e.pageX + 5;
			y = e.pageY + 5;
		}
		var newdiv = document.createElement("div");
		newdiv.setAttribute("id","divMediaDetail");
		newdiv.className = "divMediaDetail";
		document.body.appendChild(newdiv);
		document.getElementById('divMediaDetail').style.top = y + 'px';
		document.getElementById('divMediaDetail').style.left = x + 'px';
		//animateMe("divMediaDetail");
		ajaxFunction("loadMediaDetail","divMediaDetail",id);	
	}
}

function closePopUp(id)
{
	if(document.getElementById(id))
	{
		var popDiv = document.getElementById(id);	
		document.getElementById(id).parentNode.removeChild(popDiv);
	}
}

function deleteProductImage(imgID,name,id)
{
	var resElement = id+"_td";
	var params = imgID+","+name;
	ajaxFunction("deleteProductImage",resElement,params);
}

function deleteProductAttachment(attachName,attachID,id)
{
	var resElement = id+"_td";
	var params = attachName+","+attachID;
	ajaxFunction("deleteProductAttachment",resElement,params);
}

function deleteNewsImage(imgID,name,id)
{
	var resElement = id+"_td";
	var params = imgID+","+name;
	ajaxFunction("deleteNewsImage",resElement,params);
}

function showNewsDetail(id,lang)
{
	showModalWindow("divNewsDetail");
	var params=id+"&lang="+lang;
	ajaxFunction("showNewsDetail","divNewsDetail",params);
}

function showModalWindow(id)
{
	var backDiv = document.createElement("div");
	backDiv.className = "ajaxBackgroundTransp";
	backDiv.style.MozOpacity = 0.6;
	backDiv.style.opacity = 0.6;
	backDiv.style.filter = "alpha(opacity:60)";
	backDiv.id = "modalWindowBack";
	document.body.appendChild(backDiv);
	var newdiv = document.createElement("div");
	newdiv.className = 'ajaxDivNewsDetail';
	newdiv.id = id;
	document.body.appendChild(newdiv);
}

function closeModalWindow(id)
{
	var parEl = Cont(id).parentNode; //Knoten über dem Element
	var el = Cont(id); //Das Element
	parEl.removeChild(el); // Element aus parentNode entfernen
	var parBack = Cont("modalWindowBack").parentNode; // Knoten über dem Hintergrund-Div
	var elBack = Cont("modalWindowBack"); //Hintergrund-Div
	parBack.removeChild(elBack); //Hintergrund löschen
}