var ViewIndexes = new Array();
var ViewBinaryCodeIDs = new Array();
var VisibleHeight = 10;
var QuickViewBilderArray = new Array();

function checkScrolling()
{
	// Alte Funktionalität des Quickviews für den IE5/IE6
	if (IEBUG == true)
	{
		currentVisibleHeight = getVisibleHeight();
		
		if(VisibleHeight != currentVisibleHeight)
		{
			VisibleHeight = currentVisibleHeight;
			moveQuickViewContent();
		}
	} // if (IEBUG == true)
}
    
function getVisibleHeight ()
{
	return document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
}

function moveQuickViewContent() 
{
	var Element = document.getElementById('QuickViewContent');
	Element.style.position='absolute';
	
	var height = getVisibleHeight()+50;
	Element.style.marginTop = height+"px";
	
	return true;
}

function showQuickView(tnid, description, bcid, sizes, color)
{
	//Pfeil-Divs positionieren
	var Table = document.getElementById('view'+tnid); // Table mit Produktbild
	if (Table)
	{
		var MyPos = getAbsoluteElementPosition(Table); // Posi der Table ermitteln
		
		var TableWidth=parseInt(Table.offsetWidth); // Breite der Table ermitteln
		var TableHeight=parseInt(Table.offsetHeight); // Höhe der Table ermitteln
		
		TableHeight=(TableHeight/2); // Die Hälfte der Höhe ermitteln
		TableHeight= (TableHeight-13); // Den 25 Pixel hohen Pfeil zur Hälfte über dem Mittelpunkt der Tabelle plazieren
		
		var LeftDiv = document.getElementById('left'+tnid);
		if (LeftDiv)
		{
			LeftDiv.style.top=(MyPos.y+(TableHeight))+'px';
			LeftDiv.style.left=(MyPos.x+1)+'px';
		} // if (LeftDiv)
		
		var RightDiv = document.getElementById('right'+tnid);
		if (RightDiv)
		{
			RightDiv.style.top=(MyPos.y+(TableHeight))+'px';
			RightDiv.style.left=(MyPos.x+(TableWidth-26))+'px';
		} // if (RightDiv)
	} // if (Table)

	var Bild = new Image();
	Bild.src = base_url+'/gateTools/scripts/binary.php?BinaryCodeID=' + bcid + '&convert[-resize]=210x302';
	
	// onMouseOver - Fix
	var elem = document.getElementById('QuickViewContent');
	var HTMLCode = elem.innerHTML;
	
	if (HTMLCode.indexOf('BinaryCodeID='+bcid) > 0)
		return;
	// onMouseOver - Fix Ende
	
	
	//QuickViewContentContainer öffnen
	var ProductForm = '<div class="QuickViewContentContainer" style="border:2px solid #F58531;">';
	
		//ImageContainer
		ProductForm += '<div class="QuickViewImageContainer">';
			ProductForm +='<div style="position: relative;">';
				ProductForm +='<div style="position: absolute;">';
					//Binary
					if(bcid)
						bgImage = base_url+'/gateTools/scripts/binary.php?BinaryCodeID=' + bcid + '&amp;convert[-resize]=210x302';
					else	
						bgImage = base_url+'/customGates/resources/binaries/de_DE/special/nopic/quick_view.gif';
					ProductForm += '<div id="QuickViewImage" style="border: 1px solid #C5C7B9; background-image:url(\''+ bgImage +'\');background-repeat:no-repeat;width:210px;height:301px;">&nbsp;</div>';
				ProductForm += '</div>';	
			ProductForm += '</div>';
			//PleaseWait			
			ProductForm +='<div class="PleaseWait"><span class="PleaseWait"></span></div>';
		ProductForm += '</div>';
	
		//Artikel-Name
		ProductForm += '<div class="Description gross bold">' + description + '</div>';
		//Farbe
		if(color.length > 0)
			if(color != 'no color' && color != 'no colour')
				ProductForm += '<div class="Color klein"><span class="bold">Farbe:</span>&nbsp;' + color + '</div>';
		//Größen
		if(sizes.length > 0)
			ProductForm += '<div class="Size bold klein">Verfügbare Größen:</div>';
		var sizesPerLine = 0;
		var charsPerLine = 0;		
		for(var i = 0; i < sizes.length; i++)
		{
			sizesPerLine++;			
			if( ( (charsPerLine + sizes[i].length) * 6 + sizesPerLine * 12) > 160)
			{
				charsPerLine = 0;
				sizesPerLine = 0;
				ProductForm += '</div>';
			}			
			if(charsPerLine == 0)
				ProductForm += '<div class="Sizes">';
				
			charsPerLine += sizes[i].length;
			ProductForm += ' <span>' + sizes[i];		
			// Wenn noch mindestens ein Element kommt
			if ((sizes.length-1) > i)
			{
				// Wenn als nächstes kein Zeilenumbruch eingefügt werden soll dann Trennslash anfügen
				if( ( (charsPerLine + sizes[(i+1)].length) * 6 + sizesPerLine * 12) < 160)
					ProductForm += ' / ';
			} // if ((sizes.length-1) > i)
			ProductForm += '</span>';
		}
		ProductForm += '</div>';
	
	//QuickViewContentContainer schließen
	ProductForm +='</div>';	
		
	jQuery('#QuickViewContent').html(ProductForm);
	jQuery('#PrevQuickView'+tnid).removeClass('hidden');
	jQuery('#NextQuickView'+tnid).removeClass('hidden');	
		
} // function showQuickView(tnid, description, bcid, sizes)


function closeQuickView(tnid, event)
{
	// OnMouseOut Fix
	try
	{
		var toElement = null;
		if (event.relatedTarget)
			toElement = event.relatedTarget;
		else if (event.toElement)
			toElement = event.toElement;
			
		var cnt = 0;	
		var ShouldBe = 'view'+tnid;
			
		while (toElement)
		{
			toElement = toElement.parentNode;
			if(toElement && toElement.id == ShouldBe)
			{
				cnt++;
			}	
		}
		
		if (cnt >= 1)
			return;
	}
	catch(e)
	{
		//Nix
	}

	// OnMouseOut Fix Ende
	
	var elem = document.getElementById('QuickViewContent');
	elem.innerHTML = "";
	
	jQuery('#PrevQuickView'+tnid).addClass('hidden');
	jQuery('#NextQuickView'+tnid).addClass('hidden');
} // function closeQuickView()

function changeView(tnid, showNext, width, height, description, sizeArray, color)
{
	var identifier = 'view' + tnid;
	
	if (showNext)
		if (ViewIndexes[identifier] == (ViewBinaryCodeIDs[identifier].length - 1))
			ViewIndexes[identifier] = 0;
		else
			ViewIndexes[identifier] = ViewIndexes[identifier] + 1;
	else
		if (ViewIndexes[identifier] == 0)
			ViewIndexes[identifier] = (ViewBinaryCodeIDs[identifier].length - 1);
		else
			ViewIndexes[identifier] = ViewIndexes[identifier] - 1;
		
	var ViewsBCID = ViewBinaryCodeIDs[identifier][ViewIndexes[identifier]];		
				
	// Bild wechseln
	var el = document.all ? document.all[identifier] : document.getElementById(identifier);
	//el.style.backgroundImage = 'url(http://www.frontlineshop.com/gateTools/scripts/binary.php?BinaryCodeID=' + ViewsBCID + '&convert[-resize]=' + width + 'x' + height + ')';
	el.onmouseover = function()
		{
			showQuickView(tnid, description, ViewsBCID, sizeArray, color);
		};
		
	var el = document.all ? document.all['QuickViewImage'] : document.getElementById('QuickViewImage');
	el.style.backgroundImage = 'url('+base_url+'/gateTools/scripts/binary.php?BinaryCodeID=' + ViewsBCID + '&convert[-resize]=210x302)';
	//el.src= 'http://www.frontlineshop.com/gateTools/scripts/binary.php?BinaryCodeID=' + ViewsBCID + '&convert[-resize]=210x302';
	
} // changeView(tnid, showNext, width, height, description, sizeArray)