var rootDir = '/';

function modalBox(theContent, theTitle, theWidth, theHeight) {
	var modalWidth='400px', modalHeight='400px';
	var scrollHeight = window.getScrollSize().y;

	if (theWidth) modalWidth = theWidth + 'px';
	if (theHeight) modalHeight = theHeight + 'px';
	var modalTop = ((Window.getHeight() - parseInt(modalHeight))/2)+'px';
	var modalLeft = ((Window.getWidth() - parseInt(modalWidth))/2)+'px';
	var modalOverlay = new Element('div', {
		'id': 'modalOverlay'
	}).inject(document.body,'top');
    modalOverlay.setStyles({
		'opacity':0,
		'position':'absolute',
		'width':'100%',
		'height':scrollHeight+'px',
		'top':0,
		'left':0,
		'zIndex':10000,
		'backgroundColor':'#111111'
	});
	var modalContainer = new Element('div', {
		'id': 'modalContainer'
	}).inject(document.body,'top');   
	modalContainer.setStyles({
		'opacity':0,
		'position':'absolute',
		'width':modalWidth,
		'height':modalHeight,
		'top':modalTop,
		'left':modalLeft,
		'visibility':'visible',
		'zIndex':10001,
		'padding': '20px 5px 5px',
		'backgroundColor':'#313131'
	});
	window.addEvent('resize', function() {
		modalOverlay.setStyle('height', window.getScrollSize().y);
		modalContainer.setStyle('top', ((Window.getHeight() - parseInt(modalHeight))/2)+'px');
	});
	if(theTitle != '') {
		var modalTitle = new Element('h4', {
			'id': 'modalTitle',
			'html':theTitle
		}).inject(modalContainer,'top');   
		modalTitle.setStyles({
			'color':'#ffffff',
			'fontSize':'8px',
			'width': (parseInt(modalWidth)-5)+'px',
			'height':'15px',
			'position':'absolute',
			'top':'5px',
			'left':'5px',
			'textAlign':'left'
		});
	}
	var closeBtn = new Element('a', {
		'id': 'modalCloseLink',
		'href': 'javascript:void(0);',
		'html' : 'Close',
		'class' : 'closeBtn'
	});  
	closeBtn.addEvent('click', function() {
		closeModal();
	});
	modalOverlay.addEvent('click', function() {
		closeModal();
	});
	closeBtn.inject(modalContainer);
	theContent.inject(modalContainer);
	modalOverlay.fade(0.8);
	modalContainer.fade('in');
}
function closeModal() {
	var modalContainer = $('modalContainer');
	var modalOverlay = $('modalOverlay');
	modalContainer.fade('out');
	modalOverlay.fade('out');
	var fade1Fx = new Fx.Tween(modalContainer), fade2Fx = new Fx.Tween(modalOverlay);
	fade1Fx.start('opacity', 0);
	fade1Fx.addEvent('complete', function() {
		modalContainer.destroy();
		fade2Fx.start('opacity', 0);
	});
	fade2Fx.addEvent('complete', function() {
		modalOverlay.destroy();
	});
}
function showFloorPlan(roomNum) {		
	if(!Cookie.read('regForm')) Cookie.write('regForm', 'not opened', {duration: 30});
	var pdfName = rootDir+'assets/pdf/'+roomNum+'.pdf';
	var imageName = rootDir+'assets/images/floorplan_'+roomNum+'.png';
	var pdfLink = new Element('a', {
		'href' : pdfName,
		'target' : '_blank'
	});
	var roomImage = new Element('img', {
		'src' : imageName
	}).inject(pdfLink);
	modalBox(pdfLink, 'Right (or CTRL) click floorplan and select "Save Link As..." to download PDF version', 468, 606);
	if(Cookie.read("regForm") != 'opened') {
		Cookie.write('regForm', 'opened', {duration: 30});
		window.open(rootDir+'form.php','Registration',"width=640,height=600,scrollbars=yes");
	}
	//window.open('../assets/pdf/'+roomNum+'.pdf', 'Xenex Floor Plan');
	
}

function viewPreload() {
	new Asset.image(rootDir+'assets/images/loading.gif');
	window.addEvent('load', function() {
		var loadingContainer = new Element('div', {
			'id': 'loadingContainer'
		}).inject('viewPhoto','top');   
		loadingContainer.setStyles({
			'background':'#ffffff url('+rootDir+'assets/images/loading.gif'+') no-repeat 181px 5px',
			'position':'absolute',
			'width':'180px',
			'height':'14px',
			'fontWeight':'bold',
			'top':'175px',
			'left':'170px',
			'zIndex':1000,
			'textTransform':'uppercase',
			'color':'#384775',
			'padding': '10px 15px'
		});
		var directions = new Array();
		var imageArray = new Array();
		var imageCount = 0;
		directions[0] = 'NW';
		directions[1] = 'NE';
		directions[2] = 'SE';
		directions[3] = 'SW';
		var imageName;
		for(var i=1; i <=18; i=i+2) {
			for(var j=0; j<4; j++) {
				imageArray[imageCount] = rootDir+'assets/images/views/'+i+'-'+(i+1)+'_'+directions[j]+'.jpg';
				//alert('..assets/images/views/'+imageName+'.jpg');
				//$('viewImage').src = /*new Asset.image*/('..assets/images/views/'+imageName+'.jpg');
				imageCount++;
			}
		}
		var count=0;
		new Asset.images(imageArray,{
	    	onProgress: function(){
    			loadingContainer.set('html', 'Loading image ' + count + ' of ' + (imageArray.length+1));
				count++;
    		},
	    	onComplete: function(){
    			loadingContainer.fade('out');
    		}
		});
	});
}

function statusBox() {
	var statusArea = new Element('div', {
	'id': 'statusArea',
	'style': 'position:absolute;top:0;left:0;',
	'html':'test'
	});
	statusArea.inject($('container'), 'before');
	return statusArea;
}

function loadContentBkg(page, maxBkg) {
	
	
	//var count=0;
	window.addEvent('load', function() {
		var imageArray = new Array();
		for(var i = 2; i <= maxBkg; i++) {
			imageArray[i] = rootDir+'assets/images/bkg_'+page+'_'+'0'+i+'.jpg';
		}
		new Asset.images(imageArray);
	});	
}

function slideContent() {
	var contentDiv = $('content');
	var currentMenu = $$('ul#siteNav li.selected')[0];
	if(currentMenu) {
		var currentMenuLeft = parseInt(currentMenu.getStyle('left'));
		contentDiv.style.right = 966-currentMenuLeft +'px';
		contentDiv.style.zIndex = currentMenu.getStyle('z-index') - 1;
	} else {
		contentDiv.style.right = '796px';
		contentDiv.style.zIndex = '1';
	}
	contentDiv.style.visibility = 'visible';
	var contentSlideFx = new Fx.Morph('content', {duration: '500', transition: Fx.Transitions.Sine.easeOut});
	contentSlideFx.start({
		'right': 0
	});
	contentSlideFx.addEvent('complete', function() {
		$('tagline').fade('in');
	});
}

	
window.addEvent('resize', function() {
	vCenter();
});
window.addEvent('unload', function() {
	closedctracker();return false;
});
window.addEvent('load', function() {
	loaddctracker();
    $('tagline').setStyles({
		'opacity':0,
		'visibility':'visible'
	});
	slideContent();
	
	vCenter();
	
    $$('ul.navigation li a').each( function(a) {
		var menuTween = new Fx.Tween(a, {duration: '750', transition: Fx.Transitions.Sine.easeOut});
        a.addEvent('mouseover', function() {
			if (!a.getParent().hasClass('selected')) {
				menuTween.start('background-color', '#1a3380');
			}
        });
        a.addEvent('mouseout', function() {
			menuTween.cancel();
			if (!a.getParent().hasClass('selected')) {
				a.setStyle('background-color','');
			}
        });
        a.addEvent('mousedown', function() {
			menuTween.cancel();
			if (!a.getParent().hasClass('selected')) {
				a.setStyle('background-color','');
			}
        });
    });
	
	$$('.dynamicContent #primaryContent').each( function(a) {
		var closeBtn = new Element('a', {
			'id': 'dynamicCloseLink',
			'href': 'javascript:void(0);'
		});
		var openBtn = new Element('a', {
			'id': 'dynamicOpenLink',
			'href': 'javascript:void(0);'
		});
		openBtn.addEvent('click', function() {
			openDynamic($(a.id));
		});
		closeBtn.addEvent('click', function() {
			closeDynamic($(a.id));
		});
		openBtn.inject(a);
		closeBtn.inject(a);
    });

});

var defaultClip,defaultWidth,defaultPL,defaultPR;
function closeDynamic(theWindow) {
	defaultClip = theWindow.getStyle('clip');
	defaultWidth = theWindow.getStyle('width');
	defaultPL = theWindow.getStyle('paddingLeft');
	defaultPR = theWindow.getStyle('paddingRight');
	var contentCloseFx = new Fx.Morph(theWindow, {duration: '250', transition: Fx.Transitions.Sine.easeOut});
	contentCloseFx.start({
		//'clip' : "rect(0 41px 454px 0)"
		'width' :1,
		'paddingLeft' : 40,
		'paddingRight' : 0
	});
	contentCloseFx.addEvent('complete', function() {
		//theWindow.style.clip = 'rect(0 41px 454px 0)'; //clean up layout in case of rounding errors on the slide
		theWindow.addClass('closed');
	});
		
}
function openDynamic(theWindow) {
	var contentOpenFx = new Fx.Morph(theWindow, {duration: '500', transition: Fx.Transitions.Sine.easeOut});
	contentOpenFx.start({
		'width': defaultWidth,
		'paddingLeft' : defaultPL,
		'paddingRight' : defaultPR
		//'clip' : defaultClip
	});
	contentOpenFx.addEvent('complete', function() {
	//	theWindow.style.width = '0'; //clean up layout in case of rounding errors on the slide
		theWindow.removeClass('closed');
	});
		
}



function loadMap(newSwf) {
	var swfName;
	if (newSwf) {
		swfName = "../assets/swf/"+newSwf+".swf";
	} else {
		swfName = "../assets/swf/map.swf";
	}
	var obj = new Swiff(swfName, {
    id: 'map',
    width: 780,
    height: 459,
		container:'content'
});
	$('content').setStyle('zIndex','10000!important');
}



var currentLevel = '1-2';
var currentView = 'NW';

function selectLevelMenu(theMenu) {
    $$('#floorNav li').each( function(a) {
		a.removeClass('selected');
    });
	theMenu.parentNode.addClass('selected');
}
function selectViewMenu(theMenu) {
	newView = theMenu.innerHTML;
    $$('#directionNav a').each( function(a) {
		a.removeClass('selected_'+currentView);
    });
	theMenu.addClass('selected_'+newView);
}



function viewImage(level, view) {
	var imageBox = $('viewImage');
	var viewPhoto = $('viewPhoto');
	viewPhoto.style.background = 'url('+imageBox.src+') no-repeat 0 0';
	imageBox.setStyle('opacity',0);
	imageBox.src = '../assets/images/views/' + level + '_' + view + '.jpg';
	/*var imageSlideFx = new Fx.Morph(imageBox, {duration: '400', transition: Fx.Transitions.Sine.easeOut});
	imageSlideFx.start({
		'left': 0 //Morphs the height from the current to 100px.
	});
	imageSlideFx.addEvent('complete', function() {
		viewPhoto.style.background = '';
	});*/
	imageBox.fade('in');
	
}


function changeLevel(newLevel, menuItem) {
	selectLevelMenu(menuItem);
	currentLevel = newLevel;
	viewImage(newLevel, currentView);
}

function changeView(newViewObj) {
	selectViewMenu(newViewObj);
	newView = newViewObj.innerHTML;
	currentView = newView;
	viewImage(currentLevel, newView);
	
}

function reslideBkg() {
	var backgroundPos = "0 0";

	var bkgSlideFx = new Fx.Morph('content', {duration: '500', transition: Fx.Transitions.Sine.easeOut});
	bkgSlideFx.start({
		'backgroundPosition': backgroundPos
	});
	bkgSlideFx.addEvent('complete', function() {

	});

}

var currentBkg = 1;
function incrementBkg(maxBkgs,fadeOn) {
	
	mainDiv = $('main');
	contentDiv = $('content');
	mainDiv.setStyles({
		'backgroundImage':contentDiv.getStyle('backgroundImage'),
		'backgroundPosition':'top right'
	});
	//contentDiv.addClass('incBkg');
	if($('dynamicCloseLink') && !($('primaryContent').hasClass('closed'))) {
		closeDynamic($('primaryContent'));
	}
	/*var bkgSlideFx = new Fx.Morph(contentDiv, {duration: '500', transition: Fx.Transitions.Sine.easeOut});
	bkgSlideFx.start({
		'backgroundPosition': '796px 0'
	});*/
	contentDiv.style.backgroundPosition = "796px 0";
	mainDiv.removeClass('bkg_'+currentBkg);
	if (currentBkg < maxBkgs) {
		currentBkg ++;
		mainDiv.addClass('bkg_'+currentBkg);
	}	else {
		currentBkg = 1;
	}
	if (fadeOn) {
		contentDiv.setStyles({
			'opacity':0,
			'backgroundPosition':'top right'
		});
		contentDiv.fade('in');
	} else {
		reslideBkg();
	}

}


function vCenter() {
	var container = $('container');
	//alert(container.id);
	var windowHeight = window.getCoordinates().height;
	var containerHeight = 665;//container.getCoordinates().height;
	if (windowHeight > containerHeight) {
		container.style.marginTop = ((windowHeight - containerHeight) / 2 ) + 'px';
	} else {
		container.style.marginTop = "";
	}
}