$(document).ready(function(){
		
	// Sector changed
	function sectorChanged(){
		var val = $(this).val();
		
		$('#website').fadeOut('slow', function(){
			
			//var img = $('#website img');
			//alert(img.length);
			
			// Show websites for sector
			$.ajax({
			  type: 'POST',
			  url: "controllers/websiteController.php?action=showSector&id=" + val,
			  success: showWebsites
			});							
		});

		return false;
	}
	
	
	

	// Website changed
	function websiteChanged(){
		var val = $('#website_selector').val();
		
		if(val != ""){
			
			$('#iframe').fadeOut('slow', function(){
					$('#loading').fadeIn('slow');											   
					$('#iframe iframe').attr('src', val);					
					setTimeout(fadeInWebsite, 1000 );

					
			
		   });
		}
		
		
	}
	
	function fadeInWebsite(){
		$('#loading').fadeOut('slow', function(){
			$('#iframe').fadeIn('slow');										   
	   });

	}

	// On complete of sectorChanged, this will show ajax response in div
	function showWebsites(data, textStatus, XMLHttpRequest){
		if(data != false){

			$('#website').html(data);

			$(document).ready(function(){
				$('#website_selector').change(websiteChanged);	
				$('#website').fadeIn('slow');
				//$('#website img').fadeOut('slow', function(){$('#website').fadeIn('slow')});


		   });
		}
	}
	
	function nextWebsite(){
		// How big is the menu
		var size = $('#website_selector option').length;
		var selected_index=0;
		var index = 0;
		 $("#website_selector option").each(function(i){
			// Is it selected?

			if($(this).attr('selected')==true){
			 	selected_index=index;
		    }
			index++;
		});
	
		if(selected_index<(size-1)){
			$('#website_selector option:selected').removeAttr('selected').next('option').attr('selected', 'selected');
		}
		// Select Second.. as first is -- Please Select ---
		else{
			$("#website_selector option:first").next('option').attr('selected', 'selected');
		}
		websiteChanged();
		return false;
	}
	
	// attach listeners
	$('#sector_selector').change(sectorChanged);
	$('#website_selector').change(websiteChanged);	
	$('#next').click(nextWebsite);

	

});