YAHOO.namespace("com.benoist");

function init() {

	YAHOO.com.benoist.imgDialog = new YAHOO.widget.Dialog("img1",
		{
		width: "775px",
		zindex:1000,
		fixedcenter : true,
		visible : false,
		draggable: false,
		modal: true,
		close: true,
		constraintoviewport : false
		} );
	YAHOO.com.benoist.imgDialog.setHeader("Benoist Annual Motorcycle Ride Photos");
	YAHOO.com.benoist.imgDialog.render();

	YAHOO.com.benoist.showImg = function() {
		var el = document.getElementById("imgSRC");

		var tmp1, imgWidth, imgHeight, imgWidthTmp;
		tmp1 = this.rel.split("X");
		imgWidth = tmp1[0];
		imgHeight = tmp1[1];
		imgWidthTmp = parseInt(tmp1[0]) + 20;
		YAHOO.com.benoist.imgDialog.cfg.setProperty("width", imgWidthTmp);
		el.style.display = "block";		
		el.innerHTML =  '<img src="/images/motorcyclerides/pics/' + aSourceDir + '/images/' + this.id + '" width="' + imgWidth  + 'px" height="' + imgHeight + 'px" class="imageLinksLg"><div style="padding-top:10px; font-weight:bold;">Click Image To Close</div></div>';
		YAHOO.com.benoist.imgDialog.show();
		if(showMask1 == true){
			var els1 = YAHOO.util.Dom.getElementsByClassName('mask');
			YAHOO.util.Event.addListener(els1, "click", YAHOO.com.benoist.hideImg);
			showMask1 = false;
		}
	}
	YAHOO.com.benoist.hideImg = function() {
		YAHOO.com.benoist.imgDialog.hide();
	}
	var onshowImg = function(e, args, o){
	};
	
	YAHOO.com.benoist.imgDialog.showEvent.subscribe(onshowImg);

	var showMask1 = true;
	var aLink;

	var els1 = YAHOO.util.Dom.getElementsByClassName('imageLinks', 'img');
	YAHOO.util.Event.addListener(els1, "click", YAHOO.com.benoist.showImg);

	var els2 = document.getElementById('img1');
	YAHOO.util.Event.addListener(els2, "click", YAHOO.com.benoist.hideImg);

	// doCall('GET','./091407.xml','imageBlock');
};

YAHOO.util.Event.addListener(window, "load", init);