//INITIALISIERUNG
var tabs = new Object();
var TabNumber = new Object();
var highestNumber = new Object();

tabs[0] = 'offer';
tabs[1] = 'topseller';

for(var tab in tabs)
{
	TabNumber[tabs[tab]] = 1;
}

$(document).ready(function() 
{
	//TAB INITIALISIEREN
	TabNumber['offer'] = 1;
	toggleTabTo('offer',TabNumber['offer']);
	tabRight('offer');
	tabLeft('offer');
	
	TabNumber['topseller'] = 1;
	toggleTabTo('topseller',TabNumber['topseller']);
	tabLeft('topseller');
	tabRight('topseller');
	
	
	
	var temp_number = 1;
	var end = false;
	
	for(var tab in tabs)
	{
		temp_number = 1;
		end = false;
		
		//HIGHESTNUMBER ERMITTELN
		while(end != true)
		{	
			if(typeof(document.getElementsByName(tabs[tab]+temp_number)[0]) == 'undefined' || document.getElementsByName(tabs[tab] + temp_number)[0] == null) {
				end = true;
			}else
			{
				temp_number++;
			}
			
			//ENDLOSSCHLEIFE VERHINDERN
			if(temp_number >= 50) end = true;
		}
		highestNumber[tabs[tab]] = temp_number-1;
	}
})

function tabLeft(type)
{
	if(TabNumber[type] >=1)
	{
		TabNumber[type] --;
		toggleTabTo(type,TabNumber[type],'left');
	}
	
	if(TabNumber[type] >= highestNumber[type] -3)
	{
		document.getElementsByName(type + 'TabRight')[0].className='offerArrowRightInactive';
	}else
	{
		document.getElementsByName(type + 'TabRight')[0].className='offerArrowRight';
	}
	
	if(TabNumber[type] <= 1)
	{
		document.getElementsByName(type + 'TabLeft')[0].className='offerArrowLeftInactive';
	}else
	{
		document.getElementsByName(type + 'TabLeft')[0].className='offerArrowLeft';
	}
}

function tabRight(type)
{
	if(TabNumber[type] <highestNumber[type] -3)
	{
		TabNumber[type] ++;
		toggleTabTo(type,TabNumber[type],'right');
	}
	
	if(TabNumber[type] >= highestNumber[type] -3)
	{
		document.getElementsByName(type + 'TabRight')[0].className = 'offerArrowRightInactive';
	}else
	{
		document.getElementsByName(type + 'TabRight')[0].className = 'offerArrowRight';
	}
	
	if(TabNumber[type] <= 1)
	{
		document.getElementsByName(type + 'TabLeft')[0].className = 'offerArrowLeftInactive';
	}else
	{
		document.getElementsByName(type + 'TabLeft')[0].className = 'offerArrowLeft';
	}
}

function toggleTabTo(type,startNumber,direction)
{
	var end = false;
	var number = 1;
	if(startNumber != 'NaN') number = startNumber;
	
	//VORHERIGE ELEMENTE UNSICHTBAR MACHEN
	while(end != true)
	{	
		if(typeof(document.getElementsByName(type+number)[0]) == 'undefined' || document.getElementsByName(type + number)[0] == null) {
			end = true;
		}else
		{
			document.getElementsByName(type + number)[0].style.display = 'none';
			number --;
		}
		
		//ENDLOSSCHLEIFE VERHINDERN
		if(number ==0) end = true;
	}
	
	//ELEMENTE NACH NUMMER SICHTBAR/UNSICHTBAR MACHEN
	end = false;
	number = 1;
	if(startNumber != 'NaN') number = startNumber;
	while(end != true)
	{	
		if(typeof(document.getElementsByName(type+number)[0]) == 'undefined' || document.getElementsByName(type + number)[0] == null) {
			end = true;
		}else
		{
			if(number <= startNumber+3)
			{
				if(direction == "right")
				{
					if(number == startNumber+3) $("[name='" + type + number + "']").fadeIn(1500);
					else document.getElementsByName(type + number)[0].style.display = 'block';
				}else
				{
					$("[name='" + type + number + "']").fadeIn(1500);
				}
				
			}else
			{				
				document.getElementsByName(type + number)[0].style.display = 'none';
			}
		}
		
		number ++;
		
		//ENDLOSSCHLEIFE VERHINDERN
		if(number >= startNumber+50) end = true;
	}
}