var dark = false;
var isMozilla;
var objDiv = null;
var originalDivHTML = "";
var DivID = "";
var over = false;
var X = 0;
var Y = 0;

function param(something)
{
	alert(something);
}

function buildDimmerDiv()
{
    //document.write('<div id="transblack" class="transblack" style="width:'+ document.width + 'px; height:' + document.height +'px"></div>');
	//alert("ww: " + window.screen.width + " wh: " + window.screen.height + "\ndw: " + document.width + " dh: " + document.height);
}

function MouseDown(e) 
{

	if(isMozilla)
	{
		X = e.layerX;
		Y = e.layerY;
	}
	else
	{
		X = window.event.clientX;
		Y = window.event.clientY;
	}

}


//
//
//
function MouseMove(e) 
{
    /*if (objDiv) {
        if (isMozilla) {
            objDiv.style.top = (e.pageY-Y) + 'px';
            objDiv.style.left = (e.pageX-X) + 'px';
            return false;
        }
        else 
        {
            objDiv.pixelLeft = event.clientX-X + document.body.scrollLeft;
            objDiv.pixelTop = event.clientY-Y + document.body.scrollTop;
            return false;
        }
    }*/
}

//
//
//
function MouseUp() 
{
    /*objDiv = null;*/
}


//
//
//
function init()
{
    // check browser
    isMozilla = (document.all) ? 0 : 1;


    if (isMozilla) 
    {
        document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
    }

    document.onmousedown = MouseDown;
    document.onmousemove = MouseMove;
    document.onmouseup = MouseUp;

	buildDimmerDiv();

}

function imageClicked(imageFile, width, height)
{
	if(dark) // dark, so make light
	{
		makeLight();
		dark = false;
	}
	else //light, so make dark
	{
		makeDark();
		
		//set image
		var leftPos = (800 - width) / 2;
		var topPos = (535 - height) / 2;
		
		var picture_image = document.getElementById('picture_image');
		
		picture_image.style.left = leftPos + "px";
		picture_image.style.top = topPos + "px";
		picture_image.style.height = height + "px";
		picture_image.style.width = width + "px";
		picture_image.style.backgroundImage = "url(" + imageFile + ")";
		picture_image.style.backgroundRepeat = "no-repeat";
		picture_image.style.position = "absolute";
		//picture_image.style.cssFloat = 'left';
		
		/*document.getElementById('picture_image').style.left = leftPos + "px";
		document.getElementById('picture_image').style.top = topPos + "px";
		
		document.getElementById('picture_image').style.backgroundImage = "url(" + imageFile + ")";
		document.getElementById('picture_image').style.backgroundRepeat = "no-repeat";
		*/
		dark = true;
	}
}

function makeDark()
{
	document.getElementById('transblack').style.width = document.body.clientWidth + "px";
	document.getElementById('transblack').style.visibility = "visible";

	var widthPos = document.body.clientWidth / 2 - 400;
	document.getElementById('picture_viewer').style.left = widthPos + "px";
}

function makeLight()
{
	document.getElementById('transblack').style.visibility = "hidden";
}

init();