// page_mugs.js

var mPhotoPanel;
var mPhotoCtlPanel;
var mFolder;
var mTotalPhotos = 100;
var mMoveFunc;

//----------------------------------------------------
function Init_Page_Mugs()
	{
	BuildMugContribTable();
	}

//------------------------------------------------------------------------
function BuildMugContribTable()
	{
	ui_load_table('mug_contrib', AfterTableIsDoneFunc, null);
	}
//--------------------------------------------------------------------------
function AfterTableIsDoneFunc(tblObj)
	{
	BuildPhotoPanel();
	}
//--------------------------------------------------------------------------
function BuildPhotoPanel()
	{
	mPhotoPanel = new Panel("id_photo_panel",22,355,600,600,"1px", "inset", "#000000", "cccccc", null);

	for (var cnt = 1; cnt <= mTotalPhotos; ++cnt)
		{
		var top = GetRand(-20, 550);
		var left = GetRand(-20, 550);
		var id = "img_"+cnt;
		var photo = mPhotoPanel.AddObject(id, TYPE_IMAGE,top,left,110,110,"","","");
//		photo.SetMouseOverFuncName("MouseOverMug");
		photo.SetDragTargetID(id+"_frame");
		}

	//----------- TITLE BAR ----------------------------------------------------------
	var titlebar = mPhotoPanel.AddObject("TB_photos", TYPE_TITLE_BAR,0,0,18,mPhotoPanel.width,"Player Mugs","","");
	titlebar.SetBkgndImage("images_ui/titlebars/liteblue.jpg");
	mPhotoPanel.Show();

	mFolder = new Folder("../photos", CreatedImageFolder);
	}
//--------------------------------------------------------------------------
function CreatedImageFolder()
	{
	ShowRandomPhotos();
	BuildPhotoControlPanel();
	}
//--------------------------------------------------------------------------
function ShowRandomPhotos()
	{
	for (var cnt = 1; cnt <= mTotalPhotos; ++cnt)
		{
		var path = mFolder.GetRandomImage();
		GetElemByID("img_"+cnt).obj.SetSrc(path);
		}
	}
//--------------------------------------------------------------------------
function BuildPhotoControlPanel()
	{
	mPhotoCtlPanel = new Panel("id_photo_ctl_panel",55,810,136,115,"1px", "inset", "#000000", "cccccc", null);

	//----------- TITLE BAR ----------------------------------------------------------
	var titlebar = mPhotoCtlPanel.AddObject("TB_ctls", TYPE_TITLE_BAR,0,0,18,mPhotoCtlPanel.width,"Mug Controls","","");
	titlebar.SetBkgndImage("images_ui/titlebars/liteblue.jpg");

	var randPhotosBut = mPhotoCtlPanel.AddObject("rand_photos_but", TYPE_STD_BUTTON,35,10,26,90,"Random Mugs","","");
	randPhotosBut.SetChangeFunc("RandMugsButHit");

	var startBut = mPhotoCtlPanel.AddObject("start_move_but", TYPE_STD_BUTTON,65,10,26,90,"Start Moving","","");
	startBut.SetChangeFunc("StartMoving");

	var stopBut = mPhotoCtlPanel.AddObject("stop_move_but", TYPE_STD_BUTTON,95,10,26,90,"Stop Moving","","");
	stopBut.SetChangeFunc("StopMoving");

	mPhotoCtlPanel.Show();
	}

//--------------------------------------------------------------------------
function RandMugsButHit(elem,event,panel_id)
	{
	ShowRandomPhotos();	
	}
//--------------------------------------------------------------------------
function MouseOverMug(elem)
	{
	elem.obj.MakeFront();	
	}

//----------------------------------------------
function StartMoving(elem,event,panel_id)
	{
	InitVelocities();
	mMoveFunc = setInterval ( "MoveMugs()", 20 );
	}
//----------------------------------------------
function StopMoving(elem,event,panel_id)
	{
	clearInterval(mMoveFunc);
	}

//-----------------------------------------------------------------
function InitVelocities()
	{
	for (var cnt = 1; cnt <= mTotalPhotos; ++cnt)
		{
		var id = "img_"+cnt+"_frame";
		var elem = GetElemByID(id);
		elem.hVelocity = GetRand(-10,10);
		elem.vVelocity = GetRand(-10,10);
		}
	}
//-----------------------------------------------------------------
function MoveMugs()
	{
	for (var cnt = 1; cnt <= mTotalPhotos; ++cnt)
		{
		var id = "img_"+cnt+"_frame";
		var elem = GetElemByID(id);
		var style = elem.style;

		var left = parseInt(style.left) + elem.hVelocity;
		if (left < -20 || left > 580)
			{
			elem.hVelocity = -elem.hVelocity;
			left = parseInt(style.left) + elem.hVelocity;	
			}

		var top = parseInt(style.top) + elem.vVelocity;
		if (top < -20 || top > 580)
			{
			elem.vVelocity = -elem.vVelocity;
			top = parseInt(style.top) + elem.hVelocity;	
			}

		elem.style.left = left;
		elem.style.top = top;
		}
	}