$(document).ready(function() {

	//initially hide feature content
	$('.features p').css('display','none');
	$('.features ul').css('display','none');
	
	// ------------------------------
	//slideshow
	var selectedGroup = '#main';
	var slideSet = '#main';
	var oldSlideSet = '#main';
	var accState = 'closed';
	var actor = '';
	
	//determine which accordion pane to open
	var loc = window.location.toString();
	var tmpArray = loc.split('=');
	var selectedPane;
	
	if(tmpArray.length > 1)
	{
		selectedPane = parseInt(tmpArray[1]);
		accState = "opened";
		actor = "page";
	}
	else
	{
		selectedPane = -1 ;
	}
	

	
	$('#resortlist').accordion({
		header: 'h2',
		active: selectedPane,
		alwaysOpen: false,
		autoHeight: false
	});
	
	
	
	replaceContent('#slideshow', slideSet);
	
	
	
	switch(selectedPane)
	{
		case 0:
		$('#s_one a').css('font-weight','bold');
		$('#s_one a').css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
		replaceContent('#slideshow', '#one');
		oldSlideSet = 'one';
		break;
		
		case 1:
		$('#s_two a').css('font-weight','bold');
		$('#s_two a').css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
		replaceContent('#slideshow', '#two');
		oldSlideSet = 'two';
		break;
		
		case 2:
		$('#s_three a').css('font-weight','bold');
		$('#s_three a').css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
		replaceContent('#slideshow', '#three');
		oldSlideSet = 'three';
		break;
		
		case 3:
		$('#s_four a').css('font-weight','bold');
		$('#s_four a').css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
		replaceContent('#slideshow', '#four');
		oldSlideSet = 'four';
		break;
		
		case 4:
		$('#s_five a').css('font-weight','bold');
		$('#s_five a').css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
		replaceContent('#slideshow', '#five');
		oldSlideSet = 'five';
		break;
		
		case 5:
		$('#s_six a').css('font-weight','bold');
		$('#s_six a').css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
		replaceContent('#slideshow', '#six');
		oldSlideSet = 'six';
		break;
		
	}




	$('#resortlist > h2').click(function(e){
		//setUp accordion features section
        var event = window.event|| e;
        var target = event.srcElement || event.target;

		
		if(accState == "closed")
		{	
			$(target).css('font-weight','bold');
			$(target).css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)','background-repeat', 'no-repeat','background-position', 'left');
			slideSet = "#"+($(this).attr('id')).substr(2);
			oldSlideSet = slideSet;
			
			//stop slideshow
			$('#slideshow').cycle('stop');
			
			//empty container
			$('#slideshow').innerHTML = " ";
			
			//start slideshow	
			replaceContent('#slideshow',slideSet);
	
			accState = "opened";
			actor = "accordion";
		}
		else if(accState == "opened"  && actor == "page" && ($(this).attr('id')).substr(2) != oldSlideSet)
		{		
			$('#resortlist > h2 a').css('font-weight','normal');
			$('#resortlist > h2 a').css('background-image','url(assets/images/buttons/bullet_green_large.gif)');
			$(target).css('font-weight','bold');
			$(target).css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
			slideSet = "#"+($(this).attr('id')).substr(2);
			oldSlideSet = slideSet;

			//stop slideshow
			$('#slideshow').cycle('stop');

			//empty container
			$('#slideshow').innerHTML= " ";

			//start slideshow	
			replaceContent('#slideshow',slideSet);

			accState = "opened";
			actor = "accordion";
		}
		else if(accState == "opened"  && actor == "page")
		{
        //if closing already opened pane when page is first loaded
			$(target).css('font-weight','normal');
			$(target).css('background-image','url(assets/images/buttons/bullet_green_large.gif)');
			slideSet = "#main";
			oldSlideSet = slideSet;

			//stop slideshow
			$('#slideshow').cycle('stop');

			//empty container
			$('#slideshow').innerHTML= " ";

			//start slideshow	
			replaceContent('#slideshow',slideSet);

			accState = "closed";
			actor = "accordion";
		}
		else if(accState == "opened" && "#"+($(this).attr('id')).substr(2) != oldSlideSet && actor != "slide")
		{ 
        //if clicking closed pane while another is opened
			$('#resortlist > h2 a').css('font-weight','normal');
			$('#resortlist > h2 a').css('background-image','url(assets/images/buttons/bullet_green_large.gif)');
			$(target).css('font-weight','bold');
			$(target).css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
			slideSet = "#"+($(this).attr('id')).substr(2);
			oldSlideSet = slideSet;
			
			//stop slideshow
			$('#slideshow').cycle('stop');
			
			//empty container
			$('#slideshow').innerHTML = " ";
			
			//start slideshow	
			replaceContent('#slideshow',slideSet);
	
			accState = "opened";
			actor = "accordion";
			
		}
		else if(accState == "opened" && "#"+($(this).attr('id')).substr(2) == oldSlideSet && actor != "slide")
		{
        //if closing opened pane
			$('#resortlist > h2 a').css('font-weight','normal');
			$('#resortlist > h2 a').css('background-image','url(assets/images/buttons/bullet_green_large.gif)');
			$(target).css('font-weight','normal');
			$(target).css('background-image','url(assets/images/buttons/bullet_green_large.gif)');
			slideSet = "#main";
			
			//stop slideshow
			$('#slideshow').cycle('stop');

			//empty container
			$('#slideshow').innerHTML = " ";

			//start slideshow	
			replaceContent('#slideshow',slideSet);
			
			accState = "closed";
			actor = "accordion";
			
		}
		else if(accState == "opened" && "#"+($(this).attr('id')).substr(2) != oldSlideSet && actor == "slide")
		{
        //if slide clicked then closed pane clicked
			$('#resortlist > h2 a').css('font-weight','normal');
			$('#resortlist > h2 a').css('background-image','url(assets/images/buttons/bullet_green_large.gif)');
			$(target).css('font-weight','bold');
			$(target).css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
			slideSet = "#"+($(this).attr('id')).substr(2);
			oldSlideSet = slideSet;

			//stop slideshow
			$('#slideshow').cycle('stop');

			//empty container
			$('#slideshow').innerHTML= " ";

			//start slideshow	
			replaceContent('#slideshow',slideSet);

			accState = "opened";
			actor = "accordion";
		}
		else if(accState == "opened" && actor == "slide")
		{
			$(target).css('font-weight','normal');
			$(target).css('background-image','url(assets/images/buttons/bullet_green_large.gif)');
			slideSet = "#main";
			
			//stop slideshow
			$('#slideshow').cycle('stop');

			//empty container
			$('#slideshow').innerHTML = " ";

			//start slideshow	
			replaceContent('#slideshow',slideSet);
			
			accState = "closed";
			actor = "accordion";
		}
	
	
	});
	
	
		$('.features h3').mouseover(function(e) {
			var evt = e || window.event;
			var target = evt.target || evt.srcElement;
			var x = (evt.pageX + 10) + "px";
			var y = (evt.pageY + 10) + "px";
			var el = document.createElement('div');
			el.setAttribute('id','pop');
			this.id = 'active';
			//var myselector = '#'+target.getAttribute('id') + ' ~ p';

			
			
			if(!window.event)
			{
				//el.innerHTML = $(this.nextElementSibling).html(); //not supported in FF before 3.5
				el.innerHTML = $('#active + p, #active + ul').html();
			}
			else
			{
				el.innerHTML = target.nextSibling.innerHTML;
			}



			document.body.appendChild(el);
			$(el).css({position:'absolute', width:'250px', display:'block', lineHeight:'1.4', padding:'10px', backgroundColor:'#eee',fontSize:'.85em', color:'#333', listStylePosition:'inside'});
			el.style.top = y;
			el.style.left = x;
			el.style.zIndex = 5;
		});


		$('.features h3').mouseout(function() {
				this.parentNode.style.zIndex=1;
				var p = document.getElementById('pop');
				document.body.removeChild(p);
				this.id = null;
		});
		

	function replaceContent(destinationNode, sourceNode) {

	    // add slides to slideshow
		$(destinationNode).load(("assets/resortPics/index.html " + sourceNode + " .slide"),{},ajaxCallback);
	}



	function ajaxCallback() {
	
		$('#slideshow .slide').click(function(e) {
			
			if($(this).attr('id').substr(0,2) == "m_")
			{ 
				slideSet = ($(this).attr('id')).substr(2);
				//start slideshow	
				replaceContent('#slideshow','#' + slideSet);
				selectedGroup = "#s_" + slideSet;
				$("#resortlist").accordion( 'activate' , $(selectedGroup));
				
				switch(slideSet)
				{
					case 'one':
					$('#s_one a').css('font-weight','bold');
					$('#s_one a').css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
					break;
					
					case 'two':
					$('#s_two a').css('font-weight','bold');
					$('#s_two a').css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
					break;
					
					case 'three':
					$('#s_three a').css('font-weight','bold');
					$('#s_three a').css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
					break;
					
					case 'four':
					$('#s_four a').css('font-weight','bold');
					$('#s_four a').css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
					break;
					
					case 'five':
					$('#s_five a').css('font-weight','bold');
					$('#s_five a').css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
					break;
					
					case 'six':
					$('#s_six a').css('font-weight','bold');
					$('#s_six a').css('background-image','url(assets/images/buttons/bullet_green_large_close.gif)');
					break;
					
				}
				
				$("#resortlist > h2").css('font-weight','bold');
				
				accState = "opened";
				oldSlideSet = '#' + slideSet;
				actor = "slide";
			}
		});
	
		$('#slideshow').cycle({
			prev:$('#prev'),
			next:$('#next'),
			delay:2000,
			timeout:6000
		});
	
		$('#controls').css('display','block');
	}


});