// JavaScript Document
 var fontSizeIncrease = true;
 
	var fontSize = 'NORMAL';
	var fontscounter = 0;
	
	var anchorNames = '';
	var anchorNames_locale = '';
	
	function correctQuickLinks(fontSize, localeStr) {
		var component = document.getElementById('main_listing_quicklinks');
		
		if(component==null)
			return;
	
		var numChars = -1;
		var anchors = component.getElementsByTagName('a');
		
		if(localeStr=='en') {
			if(fontSize=='NORMAL') {
				numChars = 21;
				
				if(anchorNames=='' || anchorNames_locale!=localeStr) {
					anchorNames = new Array(anchors.length-1);
					
					for(i=0;i<anchors.length-1;i++)
anchorNames[i] = anchors[i].innerHTML;
					
					anchorNames_locale = localeStr;
				}
			} else if(fontSize=='BIG') {
				numChars = 19;
			} else if(fontSize=='HUGE') {
				numChars = 17;
			}
		} else if(localeStr=='ar') {
			if(fontSize=='NORMAL') {
				numChars = 24;
				
				if(anchorNames=='' || anchorNames_locale!=localeStr) {
					anchorNames = new Array(anchors.length-1);
					
					for(i=0;i<anchors.length-1;i++)
anchorNames[i] = anchors[i].innerHTML;
					
					anchorNames_locale = localeStr;
				}
			} else if(fontSize=='BIG') {
				numChars = 22;
			} else if(fontSize=='HUGE') {
				numChars = 20;
			}
		}
		
		for(i=0;i<anchorNames.length-1;i++) {
			var srcName = anchorNames[i];
			
			anchors[i].innerHTML = srcName.substring(0,numChars) + ((srcName.length>numChars)?'...':'');
		}
	}
	
	function correctQuickLinksFooter(localeStr) {
		var component = document.getElementById('quicklinks-container');
		
		if(component==null)
			return;
		
		if(localeStr=='en') {
			if(fontSize=='NORMAL') {
				padding = '65px';
			} else if(fontSize=='BIG') {
				padding = '25px';
			} else if(fontSize=='HUGE') {
				padding = '25px';
			}
			
			component.style.paddingRight=padding;
		} else if(localeStr=='ar') {
			if(fontSize=='NORMAL') {
				padding = '125px';
			} else if(fontSize=='BIG') {
				padding = '108px';
			} else if(fontSize=='HUGE') {
				padding = '105px';
			}
			
			component.style.paddingLeft=padding;
		}
	}
	
	
	function toggleFontSize()
	{
	
		if(fontSize == 'NORMAL')
		{	//alert(fontSize);
			change('div', 1);
			change('span', 1);
			change('h3', 1);
			change('body', 1);
			change('p', 1);
			change('li', 1);

			//changeForId('A1', -1);
			//changeForId('A2', -1);
			//changeForId('A3', -1);

			fontSize = 'BIG';
		//alert(fontSize);
		}
		else if(fontSize == 'BIG')
		{	
			change('div', 1);
			change('span', 1);
			change('h3', 1);
			change('body', 1);
			change('p', 1);
			change('li', 1);

			fontSize = 'HUGE';
		}
		else
		{	
			change('div', -2);
			change('span', -2);
			change('h3', -2);
			change('body', -2);
			change('p', -2);
			change('li', -2);

			//changeForId('A1', -2);
			//changeForId('A2', -2);
			//changeForId('A3', -2);


			fontSize = 'NORMAL';
		}
		
		
		var localeStr = 'ar';
		correctQuickLinks(fontSize, localeStr); 
		
		correctQuickLinksFooter(localeStr);
		
	}

	function change(tag, amount)
	{ 
		var elements = document.getElementsByTagName(tag);

		for(var i = 0; i < elements.length; i++)
		{
			var element = elements[i];

			var fontSize = getStyle(element, 'font-size');

			if(fontSize && fontSize.match(/.*px/i))
			{
				element.style.fontSize = (getPixelNumber(fontSize) + amount) + 'px';
			}
		}
	}

	function changeForId(id, amount)
	{
		var element = document.getElementById(id);

		var fontSize = getStyle(element, 'font-size');

		if(fontSize && fontSize.match(/.*px/i))
		{
			element.style.fontSize = (getPixelNumber(fontSize) + amount) + 'px';
		}
	}

	function getPixelNumber(pixels)
	{
		return parseInt(pixels.match(/(\d+)px/i)[1]);
	}

	function getStyle(el, style) {
	
	   if(!document.getElementById) return;	   
		 var value = el.style[toCamelCase(style)];
	   
		if(!value)
			if(document.defaultView)
				value = document.defaultView.
					 getComputedStyle(el, "").getPropertyValue(style);
		   
			else if(el.currentStyle)
				value = el.currentStyle[toCamelCase(style)];

		 
		 return value;
	}
	
	function changein()
	{
	change('p', 1);
	change('li', 1);
	change('strong', 1);
	change('font', 1);
	fontscounter = fontscounter + 1;
	//alert(fontscounter);
	}
	
	function changeout()
	{
	change('p', -1);
	change('li', -1);
	change('strong', -1);
	change('font', -1);
	fontscounter = fontscounter - 1;
	//alert(fontscounter);
	}


	function changeor()
	{
	if(fontscounter < 0)
	{
		for(var i = fontscounter; i < 0; i++)
		{
			changein();	
		}
	}
	
	if(fontscounter > 0)
	{
		for(var i = fontscounter; i > 0; i--)
		{
			changeout();
		}
	}
	}
	/** 
	 * toCamelCase(input)
	 * Converts string input to a camel cased version of itself.
	 * For example:
	 * toCamelCase("z-index"); // returns zIndex
	 * toCamelCase("border-bottom-style"); // returns borderBottomStyle.
	 */
	function toCamelCase(s) {
	//alert(s);
		for(var exp = toCamelCase.exp; 
			exp.test(s); s = s.replace(exp, RegExp.$1.toUpperCase()) );
		return s;
	}
	toCamelCase.exp = /-([a-z])/;
