var xmlhttp;
var isfade=false;

// Funktionen für "Stoffe nach Farben" -----------------------------------------
function showFabrics() {
  xmlhttp=GetXmlHttpObject()
  if (xmlhttp==null)
    {
    alert ("Ihr Browser unterstützt leider keine XML HTTP Funktionen");
    return;
    }
  document.getElementById("showloading").style.visibility = "visible";
  var urlfab="http://www.kunstundmarkt.com/searchfabric.php";
	str = "rot=" + document.getElementById("cp1_Red").value;
	str += "&gelb=" + document.getElementById("cp1_Green").value;
	str += "&blau=" + document.getElementById("cp1_Blue").value;
	str += "&anzfabrics=" + document.getElementById("anzfabrics").value;
  urlfab=urlfab+"?"+str;
	if (document.getElementById("showall").checked == true) {
	  urlfab=urlfab+"&all";
		}
  //wird nur benötigt, um sicherzustellen, dass der aktuelle Eintrag gelesen wird
	//urlfab=urlfab+"&sid="+Math.random();
	//alert (urlfab);
  xmlhttp.onreadystatechange=stateFabricChanged ;
  xmlhttp.open("GET",urlfab,true);
  xmlhttp.send(null);
  //document.getElementById("showloading").style.visibility = "hidden";
  }

function stateFabricChanged()
  {
  if (xmlhttp.readyState==4)
    {
    document.getElementById("showloading").style.visibility = "visible";
    document.getElementById("showfabrics").innerHTML=xmlhttp.responseText;
    document.getElementById("showloading").style.visibility = "hidden";
    document.getElementById("aktualisieren").blur();
		//window.location.search = '';
    }
  }
	
// funktionen für livesearch --------------------------------------------------
function showResult(str)
  {
  if (str.length<2)
    {
    document.getElementById("livesearch").innerHTML="";
    document.getElementById("livesearch").style.visibility="hidden";
    return;
    }
  xmlhttp=GetXmlHttpObject()
  if (xmlhttp==null)
    {
  //  alert ("Your browser does not support XML HTTP Request");
    return;
    }
  
  if (!isfade) {
    pageLayer.fadeLayer(0.2);
  	}

  var url="http://www.kunstundmarkt.com/livesearch.php";
  url=url+"?q="+str;
  //url=url+"&sid="+Math.random();
  xmlhttp.onreadystatechange=stateChanged ;
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
  }

function stateChanged()
  {
  if (xmlhttp.readyState==4)
    {
    document.getElementById("livesearch").innerHTML=xmlhttp.responseText;
    document.getElementById("livesearch").style.visibility="visible";
    }
  }

function GetXmlHttpObject()
  {
  if (window.XMLHttpRequest)
    {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    return new XMLHttpRequest();
    }
  if (window.ActiveXObject)
    {
    // code for IE6, IE5
    return new ActiveXObject("Microsoft.XMLHTTP");
    }
  return null;
  }

// Seite abdunkeln -------------------------------------------------------------
var pageLayer = {
    layerElement    : null,
    maxLayerOpacity : 0.7,
    
    addRemoveLayer : function() {
        if (this.layerElement == null) {
            // create layer element
						isfade = true;
            this.layerElement = document.createElement('div');
            
            // attach event
            this.layerElement.onmousedown = function() {
                pageLayer.fadeLayer(-0.1, pageLayer.maxLayerOpacity);
            }
            
            // set styles of layer element
            this.layerElement.style.position        = 'absolute';
//            this.layerElement.style.top             = document.getElementById("main").style.top + 'px';
            this.layerElement.style.top             = '110px';
            this.layerElement.style.left            = '0px';
            this.layerElement.style.width           = '100%';
            this.layerElement.style.height          = document.documentElement.scrollHeight + 'px';
            this.layerElement.style.minHeight       = '100%';    // for IE
            this.layerElement.style.backgroundColor = '#000';
            document.documentElement.style.overflow = 'hidden';
            
            // add layer to main
            document.getElementById("main").appendChild(this.layerElement);
        } else {
            // remove layer and make document scrollable
            document.getElementById("main").removeChild(this.layerElement);
            document.documentElement.style.overflow = 'visible';
            this.layerElement = null;
						isfade = false;
        }
    },
    
    fadeLayer : function(addend) {
        var opacity;
        
        // if not called by timeout
        if (arguments[1] == null) {
            // add layer
            this.addRemoveLayer();
            
            if (addend > 0) {
                opacity = 0;
            } else if (addend < 0) {
                opacity = this.maxLayerOpacity;
            } else {
                return;
            }
        } else {
            opacity = arguments[1];
        }
        
        opacity += addend;
        
        // prevent rounding errors
        opacity = Math.round(opacity * 10) / 10;
        
        // if maximum or minimum is exceeded
        if (opacity > this.maxLayerOpacity) {
            return;
        } else if (opacity < 0) {
            // remove layer before exit
            this.addRemoveLayer();
            return;
        }
        
        // check for Internet Explorer
        if (navigator.userAgent.indexOf('MSIE') > -1) {
            this.layerElement.style.filter = 'Alpha(opacity=' + (opacity * 100) + ')';
        } else {
            this.layerElement.style.opacity = opacity;
        }
        
        setTimeout('pageLayer.fadeLayer(' + addend + ', ' + opacity + ');', 20);
    }
};


// ab hier Funktionen für mouse-over -----------------------------------------------------
obj=null;
// document.onmousemove=pic_move; // Verantw. für das Verschieben des Bildes
xx=0;
yy=0;
// wenn der Wert left_x = 5 ist, dann ist das Bild komplett dargestellt  
left_x=0;
// Geschindigkeit, mit der das Bild eingeschoben wird
move_x=10;

var isIE = document.all;
var mouseX = 0;
var mouseY = 0;

// soll das Bild eingeblendet werden?
var show_pic = true;
// bei IE <= 6.0 nicht anzeigen
if (navigator.userAgent. indexOf("MSIE 4") > -1) {show_pic = false;}
if (navigator.userAgent. indexOf("MSIE 5") > -1) {show_pic = false;}
if (navigator.userAgent. indexOf("MSIE 6") > -1) {show_pic = false;}


function getMouseXY(e)
{ 
if (!e) e = window.event;
if (e)
{ 
mouseX = isIE ? (e.clientX + document.body.scrollLeft) : e.screenX;
//mouseY = isIE ? (e.clientY + document.body.scrollTop) : e.screenY - 150;
mouseY = e.screenY - 150;

}
}

function pic_move (e){
zw_px=20;
x=(document.all) ? document.body.scrollLeft + window.event.x : e.pageX;
y=(document.all) ? document.body.scrollTop + window.event.y : e.pageY;
x2=(document.all) ? window.event.x : e.pageX-document.body.scrollLeft;
y2=(document.all) ? window.event.y : e.pageY-document.body.scrollTop;
x_fenster=(document.all) ? document.body.clientWidth : window.innerWidth;
y_fenster=(document.all) ? document.body.clientHeight : window.innerHeight;
r=x_fenster - x2;
u=y_fenster - y2;
l=x_fenster - r;
o=y_fenster - u;
if(l > r){max_x=l;}else{max_x=r;}
if(o > u){max_y=o;}else{max_y=u;}
if(obj !=null){
bild_l=zw_px;
bild_t=zw_px;
if((xx + 3*zw_px) <=max_x && (yy + 3*zw_px) <=y_fenster){
if(l > r)	{bild_l=(x - zw_px - xx);}
else	{bild_l=(x + zw_px);}
bild_t=y - (yy/2);
if(bild_t < (document.body.scrollTop + zw_px)){bild_t=document.body.scrollTop + zw_px;}
while((bild_t+yy+(2*zw_px)) > (document.body.scrollTop+y_fenster)){bild_t=bild_t - 1;}}
else
{
if((yy + 3*zw_px) <=max_y && (xx + 3*zw_px) <=x_fenster){
if(o > u)	{bild_t=(y - zw_px - yy);}
else	{bild_t=(y + 2*zw_px);}
bild_l=x - (xx/2) + zw_px;
if(bild_l < (document.body.scrollLeft + zw_px)){bild_l=document.body.scrollLeft + zw_px;}
while((bild_l+xx+(2*zw_px)) > (document.body.scrollLeft+x_fenster)){bild_l=bild_l - 1;}}
else
{
pic_hide ();}}
obj.style.left=bild_l + "px";
obj.style.top=bild_t + "px";}}

function pic_show (id, pic, pic_x, pic_y)
  {
	if (show_pic) {
    xx=eval (pic_x);
    yy=eval (pic_y);
  	xmaus = 500;
  	ymaus = 500;
    document.onmousemove = getMouseXY;
  	xmaus = mouseX;
  	ymaus = mouseY;
  
    obj=document.getElementById (id);
    obj.innerHTML='<img src="' + pic + '" border="0" width="' + pic_x + '" height="' + pic_y + '" alt="">';
  	if(ymaus < yy+10 && xmaus < xx+100)
  		 {
  		 obj.style.top=(ymaus + 30) + "px";
  		 } else
  		 {
  		 obj.style.top="5px";
  //			 obj.style.top=(ymaus - yy - 30)+ "px";
  		 }
  	left_x=-100-pic_x;
  	obj.style.left=left_x+"px";
  	obj.style.display="block";
    pic_move_in();
	}
}

function pic_move_in()
	{
	if(left_x<5)
		{
		left_x = left_x + move_x;
		if(left_x>5) 
		  {
			left_x=5;
			}
		obj.style.left=left_x+"px";
		window.setTimeout("pic_move_in()", 50);
		}
	}

function pic_hide (){
	if (show_pic) {
	obj.style.display="none";
	}
}

function externalLinks() { 
  if (!document.getElementsByTagName) return; 
  var anchors = document.getElementsByTagName("a"); 
  for (var i=0; i<anchors.length; i++) { 
    var anchor = anchors[i]; 
    if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") 
    anchor.target = "_blank"; 
    } 
  } 
window.onload = externalLinks;