//this script was originally used on www.copyrightdavis.com


// browser and platform detection
var ns = (document.layers);
var ie = (document.all);
var mac= (navigator.appVersion.indexOf("Mac") != -1);
var dom = document.getElementById ? true:false;

// reload on resize
if (!ie)
{
	origWidth=innerWidth;
	origHeight=innerHeight;
	onresize=function(){if(innerWidth!=origWidth||innerHeight!=origHeight)location.reload()}
}
else
{
	onresize=start;
}

// globals
var windowwidth = 0;
var windowheight = 0;
var leftpostion = 0;
var topposition = 0;
var linkX = 0;
var linkY = 0;

var active_item = null;
var active_id = '';
var selected_id = '';
var mouseX = 0;
var mouseY = 0;
var newpos=0;
var newpos2=0;

var pixel=new Image();
pixel.src='images/pixel.gif';

if (ns)
{
	document.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
	document.onmousedown = dragstart;
	document.onmouseup = dragend;
	document.onmousemove = null;
}
else if (ie)
{
	document.onmouseup = dragend;
	document.onmousedown = dragstart;
	document.onmousemove = null;
	document.onselectstart = nothing;
	document.ondragstart = nothing;
	document.ondblclick = nothing;
}
else
{
	document.onmousedown = dragstart;
	document.onmouseup = dragend;
	document.onmousemove = null;
}


function dragstart(e)
{
	if (!ie)
	{
		mouseX=e.pageX;
		mouseY=e.pageY;
    if (ns)
    {
		  active_item=check_ns();
    }
    else
    {
      active_item=check_dom(e.target);  
    }  
	}
	else
	{
		mouseX=event.x;
		mouseY=event.y;
		active_item=check_ie(event.srcElement);
		event.cancelBubble=true;
	}
	if (active_item)
	{
			active_id=active_item.id;
			document.onmousemove = drag;
			if (ns) document.captureEvents(Event.MOUSEMOVE);
	}
	else
	{
		if ((mouseX>linkX) && (mouseY>linkY)) location.href='#';
		else if ((selected_id!='') && (mouseY>topposition)) big_view();
	}
	
	return false;
}

function drag(e)
{
	var currentX;
	var currentY;
	
	if (ns)
	{
		currentX=e.pageX;
		currentY=e.pageY;
		active_item.moveBy(currentX-mouseX,currentY-mouseY);
	}
	else if (ie)
	{
		currentX=event.x;
		currentY=event.y;
		active_item.style.pixelLeft+=currentX-mouseX;
		active_item.style.pixelTop+=currentY-mouseY;
		event.cancelBubble=true;
	}  
	else
	{
   	currentX=e.pageX;
		currentY=e.pageY;
    
    temp1=parseInt(active_item.style.left+0)
    temp2=parseInt(active_item.style.top+0)
    active_item.style.left=temp1+currentX-mouseX;
    active_item.style.top=temp2+currentY-mouseY;
	}
	
	mouseX=currentX;
	mouseY=currentY;
	return false;
}

function dragend(e)
{
	if (active_item)
	{
		if (!ie)
		{
			document.onmousemove = null;
			document.releaseEvents(Event.MOUSEMOVE);
		}
		else
		{
			document.onmousemove = null;
			event.cancelBubble=true;
		}
		select();
		active_item=null;
		active_id='';
		return false;
	}
	
}

function select()
{
	if (ns)
	{
		if (active_item.top>windowheight)
		{
			if (selected_id!=active_id)
			{
				if (selected_id!='') document.layers[selected_id].moveTo(Math.round(Math.random()*windowwidth),Math.round(Math.random()*(windowheight-10)));
				selected_id=active_id;
				document.layers['picture'].document.images['small_pic'].src='images/food/'+selected_id+'.jpg';
			}
			active_item.moveTo(leftposition+300,topposition+100);
		}
		else
		{
			if (active_id==selected_id)
			{
				document.layers['picture'].document.images['small_pic'].src=pixel.src;
				selected_id='';
			}
		}
	}
	else if (ie)
	{
		if (active_item.style.pixelTop>windowheight)
		{
			if (selected_id!=active_id)
			{
				if (selected_id!='')
				{
					document.all[selected_id].style.pixelLeft=Math.round(Math.random()*windowwidth);
					document.all[selected_id].style.pixelTop=Math.round(Math.random()*(windowheight-10));
				}
				selected_id=active_id;
				document.images['small_pic'].src='images/food/'+selected_id+'.jpg';
			}
			active_item.style.pixelLeft=leftposition+300;
			active_item.style.pixelTop=topposition+40;
		}
		else
		{
			if (active_id==selected_id)
			{
				document.images['small_pic'].src=pixel.src;
				selected_id='';
			}
		}
	}
	else
  {
    temp3=parseInt(active_item.style.top+0)
		if (temp3>windowheight)
		{
			if (selected_id!=active_id)
			{
				if (selected_id!='')
				{
					document.getElementById(selected_id).style.left=Math.round(Math.random()*windowwidth);
					document.getElementById(selected_id).style.top=Math.round(Math.random()*(windowheight-10));
				}        
				selected_id=active_id;
        document.images.small_pic.src='images/food/'+selected_id+'.jpg';
			}
			active_item.style.left=leftposition+300 + "px";
			active_item.style.top=topposition+40 + "px";
		}
		else
		{
			if (active_id==selected_id)
			{
				document.getElementsByName("small_pic").src=pixel.src;
				selected_id='';
			}
		}
	}  
}

function check_ns()
{
	for (var i=1;i<=menuitems;i++)
	{
		var obj=document.layers['menuitem_'+i];
		if ((mouseX>obj.left) && (mouseX<obj.left+obj.clip.right) && (mouseY>obj.top) && (mouseY<obj.top+obj.clip.bottom)) return obj;
	}
	return null;
}


function check_dom(obj)
{
	var counter=0;
	
	while (obj.id.indexOf("menuitem_") != 0)
	{
		obj = obj.parentNode;
		if ((obj == null) || (counter==2)) return null;
		counter++;
	}
	return obj;
}


function check_ie(obj)
{
	var counter=0;
	
	while (obj.id.indexOf("menuitem_") != 0)
	{
		obj = obj.parentElement;
		if ((obj == null) || (counter==2)) return null;
		counter++;
	}
	return obj;
}


function nothing()
{
	event.cancelBubble=true;
	return false;
}

function move_items()
{	
	for (var i=1;i<=menuitems;i++)
	{
		if ((active_id!='menuitem_'+i) && (selected_id!='menuitem_'+i))
		{
			if (ns)
			{
				document.layers['menuitem_'+i].moveBy(2,0);
				if (document.layers['menuitem_'+i].pageX>windowwidth)
				{
					document.layers['menuitem_'+i].pageX=-document.layers['menuitem_'+i].clip.right;
				}
			}
      
      else if(ie)
			{
				document.all['menuitem_'+i].style.pixelLeft+=2;
				if (document.all['menuitem_'+i].style.pixelLeft>windowwidth)
				{
					document.all['menuitem_'+i].style.pixelLeft=-document.all['menuitem_'+i].offsetWidth;
				}
			}
			else
      {
        newpos = parseInt(document.getElementById("menuitem_"+i).style.left)+1;
        document.getElementById("menuitem_"+i).style.left = newpos + "px";
        if (newpos>windowwidth)
				{
          newpos2=parseInt(document.getElementById("menuitem_"+i).offsetWidth);
					document.getElementById("menuitem_"+i).style.left=-newpos2 + "px";
				}
			}      
 		}
	}
	setTimeout('move_items();',100);
}

function start()
{
	var posX
	var posY
	windowwidth = (!ie) ? innerWidth : document.body.clientWidth;
	windowheight = 100;
	leftposition = Math.round(windowwidth/2)-95;
	topposition = 190;
	linkX=windowwidth-100;
	linkY=((ns) ? innerHeight : document.body.clientHeight)-30;
	if (ns)
	{
		for (var i=1;i<=menuitems;i++)
		{
			posX=Math.round(Math.random()*windowwidth);
			posY=Math.round(Math.random()*(windowheight-10));
			
			document.layers['menuitem_'+i].moveTo(posX,posY+42);
			document.layers['menuitem_'+i].zIndex=2000+i;
			document.layers['menuitem_'+i].visibility='visible';
		}
			document.layers['enough'].moveTo(linkX,linkY);
			document.layers['enough'].visibility='visible';
			document.layers['picture'].moveTo(leftposition-100,topposition+17);
			document.layers['picture'].visibility='visible';
	}
  else if(ie)
	{
		for (var i=1;i<=menuitems;i++)
		{
			posX=Math.round(Math.random()*windowwidth);
			posY=Math.round(Math.random()*(windowheight-10));

			document.all['menuitem_'+i].style.pixelLeft=posX;
			document.all['menuitem_'+i].style.pixelTop=posY+42;
			document.all['menuitem_'+i].style.zIndex=2000+i;
			document.all['menuitem_'+i].style.visibility='visible';
		}
		
			document.all['enough'].style.pixelLeft=linkX;
			document.all['enough'].style.pixelTop=linkY;
			document.all['enough'].style.visibility='visible';
			document.all['picture'].style.pixelLeft=leftposition-100;
			document.all['picture'].style.pixelTop=topposition+17;
			document.all['picture'].style.visibility='visible';
	}
	else
  {
 		for (var i=1;i<=menuitems;i++)
		{
			posX=Math.round(Math.random()*windowwidth);
			posY=Math.round(Math.random()*(windowheight-10));
			document.getElementById("menuitem_"+i).style.left = posX;
      		document.getElementById("menuitem_"+i).style.top = posY+42;      
			document.getElementById("menuitem_"+i).zIndex=2000+i;
			document.getElementById("menuitem_"+i).style.visibility='visible';
		}
			document.getElementById("enough").style.left = linkX;
    		document.getElementById("enough").style.top = linkY;     
			document.getElementById("enough").style.visibility='visible';
			document.getElementById("picture").style.left = leftposition-100;
    		document.getElementById("picture").style.top = topposition+17 ;    
			document.getElementById("picture").style.visibility='visible';                      
  }    
  
  

	move_items();
}