animating = false

Element.addMethods({
  scrollTo: function(element, left, top){
    var element = $(element);
    if (arguments.length == 1){
      var pos = element.cumulativeOffset();
      window.scrollTo(pos[0], pos[1]);
    } else {
      element.scrollLeft = left;
      element.scrollTop  = top;
    }
    return element;
  }
});
Effect.Scroll = Class.create();
Object.extend(Object.extend(Effect.Scroll.prototype, Effect.Base.prototype), {
  initialize: function(element) {
    this.element = $(element);
    if(!this.element) throw(Effect._elementDoesNotExistError);
    this.start(Object.extend({x: 0, y: 0}, arguments[1] || {}));
  },
  setup: function() {
    var scrollOffsets = (this.element == window) 
                ? document.viewport.getScrollOffsets() 
                : Element._returnOffset(this.element.scrollLeft, this.element.scrollTop) ;
    this.originalScrollLeft = scrollOffsets.left;
    this.originalScrollTop  = scrollOffsets.top;
  },
  update: function(pos) {
    this.element.scrollTo(Math.round(this.options.x * pos + this.originalScrollLeft), Math.round(this.options.y * pos + this.originalScrollTop));
  }
});

function append_load_div_to_content() {
	loader_div = '<div id="imgloaded"><img id="bgimage" src="images/Focus On Landscapes Pools and Spas and Ponds BG.jpg" alt="" class="background"></div><div id="loaded"><div class="content"><div class="background"></div></div></div>'
	$('main').insert(loader_div)
	$('loaded').style.left = '945px'
}

function fix_ie_nav_items() {
	// This inserts little white boxes with the background image
	// behind nav items so they remain clickable but still show the nice transparent background
	/*if (Prototype.Browser.IE) {
		$$('#navmenu>li').each(function(e){
			insert = 'display:block; height:49px; width:189px; position:absolute; left:0; top:0; z-index:1; '
			switch (e.id) {
				case 'nav-residences':
				case 'nav-coachella':
				case 'nav-life':
				case 'nav-spa':
				case 'nav-dining':
					insert += 'filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/stylesheets/images/nav-top.png\',sizingMethod=\'scale\');'
					break
				default:
					insert += 'filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/stylesheets/images/nav-bottom.png\',sizingMethod=\'scale\');'
			}
			e.style.background = 'none'
			e.insert('<div class="IEBACKGROUND" style="' + insert + '">&nbsp;</div>','bottom')
		})
	}*/
}

function trap_clicks() {
	$$('#navmenu a').each(function(e) {
		Event.observe(e, 'click', link_clicked)
	})
}

function link_clicked(e) {
	if (animating != true) {
		link_target = strip_server(this.href)
		if (link_target.endsWith(".pdf") || link_target.startsWith("http://")) {
			(link_target == 'http://rcm.colin.dev/') ? window.location = link_target : window.open(link_target)
		} else {
			ajax_load_page(link_target)
		}
	}
	Event.stop(e)
	return false
}

function ajax_load_page(uri) 
{ 
	var idd=uri.split('javascript:');
	if(idd==',none'|| $('my_counter').value=='no')	
	{	return false;	}

	$('my_counter').value='no';
	link_target = 'content.php?'+idd[1];
	new Ajax.Request(link_target, {method:'get', onSuccess:loaded_page})	
}

function MyFunction()
{
	addthis_open(document.getElementById('addthis'), 'email', '[URL]', '[TITLE]');
}


function loaded_page(r) {
	text = r.responseText
	body = text.split("---------- Content ----------")[1]
	image = ''
	position = ''
	id=''
	text.split("---------- Content ----------")[0].split(",").each(function(e){
		if (e.startsWith("image: ")) image = e.split("image: ")[1]
		if (e.startsWith("position: ")) position = e.split("position: ")[1]
		if (e.startsWith("id: ")) id = e.split("id: ")[1]
	})
	
	animate_content(image, position,id,body)
}



function animate_content(image, position,id,body) 
{
		if(document.getElementById('player'))
			document.getElementById('player').style.display="none";
	
		animating = true
		var visible = $('visible')
		var loaded = $('loaded')
		var loaded_content = $$('#loaded .content').first()
		var visible_content = $$('#visible .content').first()
	
		var loaded_img = $$('#imgloaded img.background').first()
		var visible_img = $$('#visible img.background').first()
	
		var p = $A(['nil', 'one', 'two', 'three', 'four', 'five']).indexOf(position.split(" ")[0])
		var c = $A(['nil', 'one', 'two', 'three', 'four', 'five']).indexOf($$('body').first().className.split(" ")[0])
				
		if(id=='Gallary')
	{
		if(document.getElementById('next_image'))
		{ document.getElementById('next_image').style.display='none';}
			
		if(document.getElementById('next_links'))
		{ document.getElementById('next_links').style.display='none';}

		loaded_content.innerHTML = '<div class="background"></div><div class="body_contents" align="center">' + body + '</div>'
	}

		else if (id=='Articles')	
			loaded_content.innerHTML = '<div class="background_2"></div><div class="body_contents_2">' + body + '</div>'
		else 
			loaded_content.innerHTML = '<div class="background_1"></div><div class="body_contents_1">' + body + '</div>'
			
		//loaded_content.innerHTML = '<div class="background"></div><div class="body_contents">' + body + '</div>'

		$$('#imgloaded img.background').first().src = 'images/'+image
		
		//setTimeout(function(){ document.getElementById("imgloading").style.display="none"; }, 2000)
		
		$$('#navmenu ul').each(function(i){	new Effect.Morph(i, {style:'opacity:0', duration:0.3, delay:0, queue:'shrink'}) }) // Hide sub-nav
		new Effect.MoveBy('head', 0, ((p - c) * 189), { duration:0.5, delay:0.4, queue: 'shrink'})
	
		// MOVE LOGO
		am_up = ($$('body').first().className.split(" ").indexOf('up') >= 0)
		going_up = (position.indexOf('up') >= 0)
		
        if (am_up != going_up)	{new Effect.MoveBy($$('#head h1 a').first(), going_up ? 235 : -235, 0, {duration:0.3, delay:0.5})}
		
        
        // TOGGLE ADDRESS
			if ((image == 'Maintenance.jpg') || (image == 'buzz')) 
		{
			if ($$('body').first().hasClassName('contact') == false)
				new Effect.Fade('addressblock', {duration:0.5, delay:0.9, from:0.01, to:1, queue:'shrink'})
		} 
		else 
		{
			if (($$('body').first().hasClassName('contact')) || ($$('body').first().hasClassName('buzz')))
				new Effect.Fade('addressblock', {duration:0.5, delay:0, from:1, to:0.01, queue:'shrink'})
		}
	
		loaded.style.left = '945px'
		loaded_content.style.top = '479px'
		visible.style.left = '0'
		visible_content.style.top = '0'
		loaded_img.style.top = '479px'
		loaded_img.style.left = '0'
		loaded_img.style.position = 'absolute'
		visible_img.style.top = '0'
	
		new Effect.MoveBy(visible_content, 479, 0, { delay:0, duration:0.5, queue:'shrink'})		
		new Effect.MoveBy(visible_img, -485 , 0, { delay:1.1, duration:0.5, queue:'shrink'}) // bg image move up
		
		new Effect.MoveBy(loaded_img, -479, 0, { delay:1.1, duration:0.5, queue:'shrink'})
		new Effect.MoveBy(loaded, 0, -945, { delay:0.8, duration:0.5, queue:'shrink'})
		//new Effect.MoveBy(visible, 0, -945, { delay:0.8, duration:0.5, queue:'shrink'})		
		new Effect.MoveBy(loaded_content, -479, 0, { delay:1.1, duration:0.5, queue:'shrink'})	
		
		
	
		//setTimeout("document.getElementById('bgimage').style.top='0px';",1900);	
	
		setTimeout(function(){
			$$('body').first().className = position + ' ' + image
			p = (image == 'map') ? 3 : $A(['nil', 'one', 'two', 'three', 'four', 'five']).indexOf(position.split(" ")[0])
			new_position = $A(['0', '189px', '378px', '0', '0px', '189px'])[p]
			loaded_content.style.left = new_position;
			visible_content.style.left = loaded_content.style.left;
		}, 1000)
		
		if(id=='Construction')
			document.getElementById('sub-Construction').style.display='block';
		

		$$('#sub-'+id).each(function(i){ new Effect.Morph(i, {style:'opacity:1', duration:0.3, delay:2, queue:'shrink'}) }) // Show sub-nav
		setTimeout(function(){ reset_content_blocks(image, position, body) }, 2000)
		setTimeout(function(){ Lightbox.initialize() }, 2000)
		
		if(document.getElementById('video_icon'))
			setTimeout("document.getElementById('video_icon').style.display='none'", 2000)
		if(document.getElementById('player'))
			setTimeout(function(){ flowplayer("player", "flowplayer-3.0.7.swf",{ clip:  { autoPlay: false, autoBuffering: true } }) }, 2000)

}

function reset_content_blocks(image, position, body) {  
	if(id=='Gallary')
	{
		if(document.getElementById('next_image'))
		{document.getElementById('next_image').style.display='none';}
			
		if(document.getElementById('next_links'))
		{document.getElementById('next_links').style.display='none';}

		$$('#visible .content').first().innerHTML = '<div class="background"></div><div class="body_contents" align="center">' + body +'</div>'
	}

	else if (id=='Articles')	
		$$('#visible .content').first().innerHTML = '<div class="background_2"></div><div class="body_contents_2">' + body + '</div>'	
	else 
		$$('#visible .content').first().innerHTML = '<div class="background_1"></div><div class="body_contents_1">' + body +'</div>'

	$$('#visible img.background').first().src = 'images/'+image
	$$('#visible .content').first().style.top = '0'
	$$('#loaded .content').first().style.top = '479px'
	$('visible').style.left = '0'
	$('loaded').style.left = '945px'
	animating = false
	$('my_counter').value='yes';
}

function strip_server(uri) {
	new_uri = uri
	Array(
		'http://constellationcollection.com/',
		'http://www.constellationcollection.com/',
		'index.html',
		'http://ownranchomirage.com/',
		'http://www.ownranchomirage.com/',
		'index.html',
		'http://lrm.colin.dev/',
		'http://lrm.appliedinteractive.ca/'
	).each(function(u) {
		new_uri = new_uri.sub(u,'')
	})
	return new_uri
}

function init() {
	append_load_div_to_content()
	fix_ie_nav_items()
	trap_clicks()
}

document.observe("dom:loaded", init, false)