var ViewIndexes = new Array();
var ViewBinaryCodeIDs = new Array();
var VisibleHeight = 0;
var waitImg  = new Image();
waitImg.src = "customGates/resources/binaries/universal/backgrounds/please-wait.gif";
var QuickViewBilderArray = new Array();

function checkScrolling()
{
	currentVisibleHeight = getVisibleHeight();
	
	if(VisibleHeight != currentVisibleHeight)
	{
		VisibleHeight = currentVisibleHeight;
		moveQuickViewContent();
	}
}
    
function getVisibleHeight ()
{
	return document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
}

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

function showQuickView(tnid, description, bcid, sizes, color)
{
	var Bild = new Image();
	Bild.src = '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
	
	var ProductForm  = '<table cellpadding="0" cellspacing="0" class="top right" style="background-image:url(\'customGates/resources/binaries/universal/backgrounds/quickview_bg.gif\');';
	ProductForm += 'background-repeat:no-repeat;width:222px;height:477px;">';
	ProductForm += '<tr><td class="top right">';
	ProductForm += '	<table cellpadding="0" cellspacing="0" style="margin-left:12px;"';
	ProductForm += '		<tr><td class="top" style="text-align:left;">';
	ProductForm += '	<table cellpadding="0" cellspacing="0" style="background-image:url(\'customGates/resources/binaries/universal/backgrounds/please-wait.gif\');';
	ProductForm += 'background-repeat:no-repeat;width:210px;height:302px;">';;
	ProductForm += '		<tr><td class="top">';
	
	if(bcid)
		bgImage = 'gateTools/scripts/binary.php?BinaryCodeID=' + bcid + '&amp;convert[-resize]=210x302';
	else	
		bgImage = 'customGates/resources/binaries/de_DE/special/nopic/quick_view.gif';
	
	
	ProductForm += '		<div id="QuickViewImage" class="border_grey_3" style="background-image:url(\''+ bgImage +'\');background-repeat:no-repeat;width:210px;height:301px;">&nbsp;</div>';
	ProductForm +='		</td>';
	ProductForm +='	</tr>';
	ProductForm +='</table>';

		
		
		// ProductForm += '<div id="QuickViewImage" class="border_grey_3" style="background-image:url(\''+ bgImage +'\');background-repeat:no-repeat;width:210px;height:301px;">&nbsp;</div>';
		//ProductForm += '<img id="QuickViewImage" src="gateTools/scripts/binary.php?BinaryCodeID=' + bcid + '&amp;convert[-resize]=210x302"  class="border_grey_3" >';
		ProductForm += '<div class="gross bold" style="margin-top:5px;">' + description + '</div>';
		ProductForm += '<div>';
		
		if(color.length > 0)
			if(color != 'no color' && color != 'no colour')
				ProductForm += '<div style="margin-top:3px;"><span class="bold klein">Farbe:</span> <span class="klein">' + color + '</span></div>';
			
		if(sizes.length > 0)
			ProductForm += '<div class="bold klein" style="margin-top:3px;margin-bottom:4px;">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) > 130)
			{
				charsPerLine = 0;
				sizesPerLine = 0;
				ProductForm += '</div>';
			}
			
			if(charsPerLine == 0)
				ProductForm += '<div style="margin-bottom:2px;">';
				
			charsPerLine += sizes[i].length;
			ProductForm += ' <span class="border_grey_3" style="background-color:#ffffff;padding:0 3 0 3;">' + sizes[i] + '</span>';
		} // foreach ($_REQUEST['Sizes'] as $Size)
			
		ProductForm +=' 							</div></div>';

		ProductForm +='</div>';

		ProductForm +='					</td>';
		ProductForm +='				</tr>';
		ProductForm +='			</table>';	
		ProductForm +='		</td>';
		ProductForm +='	</tr>';
		ProductForm +='</table>';
		
		var elem = document.getElementById('QuickViewContent');
		elem.innerHTML = ProductForm;
		
		var elem = document.getElementById('PrevQuickView' + tnid);
		if(elem)
		{
			elem.src = 'customGates/resources/binaries/universal/buttons/last_view.png';
		
			var elem = document.getElementById('NextQuickView' + tnid);
			elem.src = 'customGates/resources/binaries/universal/buttons/next_view.png';
		}
} // 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 = "";
	
	var elem = document.getElementById('PrevQuickView' + tnid);
	if(elem)
	{
		elem.src = 'customGates/resources/binaries/universal/empty.gif';
		elem.blur();
	
		var elem = document.getElementById('NextQuickView' + tnid);
		elem.src = 'customGates/resources/binaries/universal/empty.gif';
		elem.blur();
	}
} // 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(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(gateTools/scripts/binary.php?BinaryCodeID=' + ViewsBCID + '&convert[-resize]=210x302)';
	//el.src= 'gateTools/scripts/binary.php?BinaryCodeID=' + ViewsBCID + '&convert[-resize]=210x302';
	
} // changeView(tnid, showNext, width, height, description, sizeArray)