var t=0;
function main(){

var i = new Image();
	i.src="resources/images/fill.png";
	i.src="resources/images/fill2.png";
	i.src="resources/images/fill3.png";
	i.src="resources/images/fill4.png";
	i.src="resources/images/cor1.png";
	i.src="resources/images/cor2.png";
	i.src="resources/images/cor3.png";
	i.src="resources/images/cor4.png";
	document.getElementById('b1').className = "buts";
	setTimeout("document.getElementById('ob2').style.display = 'block';document.getElementById('b2').className = 'buts';", 800)
	setTimeout("document.getElementById('ob3').style.display = 'block';document.getElementById('b3').className = 'buts';", 1600)
	setTimeout("document.getElementById('ob4').style.display = 'block';document.getElementById('b4').className = 'buts';", 2400)
	//setTimeout("t=setInterval(sTop,1);", 3600)
	
	
	document.getElementById('1').onclick=mnu_click;
	document.getElementById('2').onclick=mnu_click;
	document.getElementById('3').onclick=mnu_click;
	document.getElementById('4').onclick=mnu_click;
}	

function sTop(){

	if (!document.getElementById('top').style.top)document.getElementById('top').style.top="-100px";
	if (Number(document.getElementById('top').style.top.replace("px", ""))>=0){
		window.clearInterval(t);
	}else{
		document.getElementById('top').style.top = (Number(document.getElementById('top').style.top.replace("px", ""))+5) + "px";
	}
}

window.onresize = body_onresize;
function body_onresize(){

	var l = (document.body.clientWidth / 2) - 425;
	var t = (document.body.clientHeight / 2) - 300;
	if (t < 20){t =20}
	document.getElementById('mnu').style.left = (document.body.clientWidth - 350) + "px";
	document.getElementById('bot').style.top = (document.body.clientHeight - 100) + "px";
	document.getElementById('main').style.top = t;
		document.getElementById('main').style.left = l;
	document.getElementById('tags').style.top = (document.body.clientHeight + 100) + "px";
		document.getElementById('tags').style.left = ((document.body.clientWidth / 2) - 450)+ "px";
	if (document.getElementById('gclose'))document.getElementById('gclose').style.left = document.body.clientWidth-120;
	//document.getElementById('main').style.top = t;
	//wscroll();
}

var CurrentPage="Home";
var mnu_busy = false;
function mnu_click(e){
		switch(e){
			case "WeddingCakes":
				window.location="content/gallery.asp?mode=1";
				break;
			case "CelebrationCakes":
				window.location="content/gallery.asp?mode=2";
				break;
			case "CupCakes":
				window.location="content/gallery.asp?mode=3";
				break;
			case "WeddingLinks":
				window.location="content/links.asp";
				break;
		}
}

function mnu_finish(){

	mnu_busy = false;
	if (window.frames["Frame"].mnu_finish)window.frames["Frame"].mnu_finish();
}

document.onmousemove = mouseMove;

var dragObject = null;
var absolute = null;
var offset;
function mouseMove(e)
{
	absolute = mouseCoords(e);
	if (dragObject != null)
	{
		e = e || window.event
		dragObject.style.top = Number(absolute.y - offset.y);   
		dragObject.style.left = Number(absolute.x - offset.x);   
	}
}

function mouseCoords(ev)
{ 
	ev = window.event || ev;   
	if (window.opera){return {x:ev.pageX, y:ev.pageY};}   
	return {x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, y:ev.clientY + document.body.scrollTop  - document.body.clientTop}
}  

function getRelative(obj, absolute)
{ 
	var oX = obj.offsetLeft;var oY = obj.offsetTop; 
	while(obj.parentNode)
	{
		oX=oX+obj.parentNode.offsetLeft; 
		oY=oY+obj.parentNode.offsetTop; 
		if(obj==document.getElementsByTagName('body')[0]){break} 
		else{obj=obj.parentNode;} 
	} 
	return {x:absolute.x-oX,y:absolute.y-oY};
} 

function startDrag(o)
{
	dragObject = o;
	offset = getRelative(dragObject, absolute)
}

function stopDrag()
{
	dragObject=null
}

function Resize(e)
{
	document.getElementById("sl").style.height = e + 270;	
	document.getElementById("sr").style.height = e + 270;	
	document.getElementById("bot").style.top = e + 270;	
	document.getElementById("Frame").style.height = e;
}