var PicTimerID=0;
var x=0;
var y=0;
var artX = 0;
var artY = 0;

function loadBasket(){
    
    mySessionNr = $("wrapper" ).getAttribute("sessionnr") ;
    
    var url = '/ajax/getBasket.php?sessionnr=' + mySessionNr;
      var req = new Ajax.Request(url,
		   {
		      method: 'get',
		      asynchronous: true,
		      onSuccess: storeBasket
		   });
    }
    
function storeBasket(Btransport) {
	var Bnotice = $('BasketContent');
	$('BasketContent').update(Btransport.responseText);
    }


	
	function HideKurzArtikel() {
		
		$('ArtContent').setAttribute("artikelid", 0 , 0);
		$('ArtContent').hide();
		
		hideOverlay()
		
	}
	function hideOverlay() {
		
		if ($('overlay')) $('overlay').hide();
		if ($('ArtContent')) $('ArtContent').hide();
	}
	
	
	function rkc(tnvonid, tnid, tcTyp) { // Speichert Klicks auf Empfehlungen, Zubehoer...

    		var url = '/ajax/rkclick.php?rkvid=' + tnvonid + '&rkid=' + tnid + "&typ=" + tcTyp;
		var req = new Ajax.Request(url,
			{
			   method: 'get',
			   asynchronous: false
			});
	}	
	
	
	function UpdateKurzArtikel(myID) {
	    myVarID =$F("varid_" + myID) ;
	    
	    $('contentb').innerHTML ="<img src=\"include/showpic.php?Key=bildgross1&artikelid=" + myID + "&varid=" + myVarID + "\" class=\"imgborder\">" ;
	}
	
	function ShowKurzArtikel(myID) {
	    
	    mySessionNr = $("wrapper" ).getAttribute("sessionnr") ;

            if ( ArtikelQuickVarTest == 2 ) {  // Artikelquick-Basket

                document.location.href = "artikeldetail.php?artikelid=" + myID + "&sessionnr=" + mySessionNr ;
		return ;
            }
	    

		if ($('ArtContent')) {
			
			if ( $('ArtContent').getAttribute("artikelid") == myID ) {
				HideKurzArtikel(); 
				return ;
			}
		}

		if (! $('overlay')) {
			var div = document.createElement('div');

			appdiv = document.body.appendChild(div);
			appdiv.innerHTML = '<div id="overlay" class="overlay" onclick="hideOverlay()"></div>';
		}


		//artY = $("art_" + myID).offsetTop ;
		
		
		
		
		var scrOfX = 0, scrOfY = 0, scrHgt = 0, scrWdt = 0;
		if( typeof( window.pageYOffset ) == 'number' ) {
		  //Netscape compliant
		  scrOfY = window.pageYOffset;
		  scrOfX = window.pageXOffset;
		  scrHgt = window.innerHeight ;
		  scrWdt = window.innerWidth ;
		} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		  //DOM compliant
		  scrOfY = document.body.scrollTop;
		  scrOfX = document.body.scrollLeft;
		} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		  //IE6 standards compliant mode
		  scrOfY = document.documentElement.scrollTop;
		  scrOfX = document.documentElement.scrollLeft;
		}
		
		scrHgt = (scrHgt==0 & document.documentElement.clientHeight>0) ? document.documentElement.clientHeight : scrHgt;
		scrWdt = (scrWdt==0 & document.documentElement.clientWidth>0) ? document.documentElement.clientWidth : scrWdt;

		
		if (scrHgt > 0) {
			artY = scrOfY + (scrHgt / 2) - (400 / 2);	
		} else {
			artY = scrOfY  + 100;	
		}
		
		if (artY < 120) artY = 120;
		
 
		$('overlay').show() ;
		
		
		if (! $('ArtContent')) {
			var div1 = document.createElement('div');

			appdiv1 = document.body.appendChild(div1);
			appdiv1.innerHTML = '<div id="ArtContent" class="ArtContent" artikelid="0" style="display:none;z-index:9"><div id="ArtContentDetail" style="position:absolute;left:18px;top:18px;width:380px;height:200px"></div></div>';
		}		
		
	
		$('ArtContent').style.left = (artX + 140) + "px";
		$('ArtContent').style.top  = (artY - 7) + "px";
		
		$('ArtContentDetail').update("<img src=\"images/ajax-loader.gif\" style=\"margin:170px 290px \">");
		
		$('ArtContent').setAttribute("artikelid", myID , 0);
		$('ArtContent').show()

		var url = '/artikelquick.php?artikelid=' + myID + '&sessionnr=' + mySessionNr;
		var req = new Ajax.Request(url,
			{
			   method: 'get',
			   asynchronous: false,
			   onSuccess: storeArtikelQuick
			});

	}
	

	function storeArtikelQuick(transport) {
	    var notice = $('ArtContentDetail');
	    notice.update(transport.responseText);
	}