var currentImage = 'desc_product1';
var effectBusy = false;
var interval;

Event.observe(window, 'load',
   function() {  
   		var image_thumbs = $('product-items').getElementsByTagName('div');
		for (var i = 0; i < image_thumbs.length; i++) 
		{
			image_thumbs[i].onmousemove = function(){switchImage(this.id);};
			
		}
		
		$('menu').onmouseover = function(){effectBusy = true;};
		$('menu').onmouseout = function()
		{
			effectBusy = false;
	
			/*var listItems = document.getElementById('nav').childNodes;

			for(var i =0; i < listItems.length; i++)
			{

				if(listItems[i].tagName == 'UL')
				{
					uls = listItems[i].getElementsByTagName('ul');
					for(var x=0;x < uls.length; x++)
					{
						uls[x].style.border = '2px solid blue';
					}
					
				}
			}*/
			
		};
   }
 );
	
	
	function createInterval(ms)
	{
		interval = setInterval(function()
		{
			index = currentImage.substr(currentImage.length-1,1);
			next = parseInt(index) +1;
			if(index == 4)
				next = 1;
			if(!effectBusy)
			{
				switchImage('product'+next);
			}
						
		}, 
		ms);
	};
	
	function switchImage(desc)
	{
		if (('desc_'+ desc) != currentImage) 
		{ 
			if (!effectBusy) {
				effectBusy = true;
				
				clearInterval(interval);
							//$(desc).style.color="#575757";
							//setTimeout(function(){$(desc).style.color="#575757";},0);
				$(desc).style.color="#575757";
				$(currentImage.substr(5,8)).style.color="#ffffff";
				
							/*test1= new Spry.Effect.Fade($(currentImage), {duration: 1000, from: 100, to: 0, toggle:true});
							alert(test1);*/
				
				if(navigator.appName=="Microsoft Internet Explorer")
				{
					$(currentImage).hide();
					currentImage = 'desc_'+desc;
					$('desc_'+desc).show();
					createInterval(10000);
					effectBusy=false;
				}
				else
				{
					Effect.Fade($(currentImage), {
						afterFinish: function(){
							currentImage = 'desc_'+desc;
							Effect.Appear($('desc_'+desc), {afterFinish: function(){createInterval(10000); effectBusy=false;}});
						}
					});
				}
				
				
			}
		}	
	}
	
	createInterval(10000);
	

var amountDebug = 0;	
function var_dump(element, limit, depth)
{
	depth = depth?depth:0;
	limit = limit?limit:1;
	returnString = '<ol>';
	for(property in element)
	{
		//Property domConfig isn't accessable
		if (property != 'domConfig' && property != 'schemaTypeInfo')
		{
			returnString += '<li><strong>'+ property + '</strong> <small>(' + (typeof element[property]) +')</small>';
			if (typeof element[property] == 'number' || typeof element[property] == 'boolean')
				returnString += ' : <em>' + element[property] + '</em>';
			if (typeof element[property] == 'string' && element[property])
				returnString += ': <div style="background:#C9C9C9;border:1px solid black; overflow:auto;"><code>' +
									element[property].replace(/</g, '<').replace(/>/g, '>') + '</code></div>';
			if ((typeof element[property] == 'object') && (depth <limit))
				returnString += var_dump(element[property], limit, (depth + 1));
			returnString += '</li>';
		}
	}
	returnString += '</ol>';
	
	if(depth == 0)
    {
		newElem = document.createElement('div');
		
		newElem.style.left = (amountDebug++*20)+'px';
		
		newElem.style.width = '500px';
		newElem.style.height = '400px';
		newElem.style.overflow = 'auto';
		newElem.style.backgroundColor = '#FFFFFF';
		newElem.style.zIndex = 100;
		newElem.style.border = '1px solid black';
		newElem.style.textAlign = 'left';
		newElem.style.position = 'absolute';
		newElem.style.top = '5px';
		newElem.innerHTML = returnString;
		newElem.ondblclick = function(){if (this.offsetWidth > 350) {
			this.style.overflow = 'hidden';
			this.style.width = '20px';
			this.style.zIndex = 1;
			
		} 
		else
		{
			this.style.zIndex = 100;
			this.style.width = '500px';
			this.style.overflow = 'auto';
		} };
		document.body.appendChild(newElem);
	}  
	return returnString;
}