// JavaScript Document

function init (divID)
{
	iePNGScontentFilter ();
	imgSubmenuPreload ();
	
	// hide all sub content
	$('.aboutus_subcontent div').hide();
		
	selectContent (divID);
}

// select page 
function selectContent (divID)
{
		var $active_menu = $('.submenu a.selected');
		
		if ($active_menu.length > 0) 
		{
			$active_menu.removeClass('selected');
			var $submenu = $active_menu.parent('li');
			$submenu.css('background-position', '0 0');
		}
		
		var $active_page = $('.aboutus_subcontent div.active');
		if ($active_page.length > 0) 
		{
			$active_page.hide();
			$active_page.removeClass('active');
		}
		
		$('#'+divID+'_menu').addClass('selected');
				
		// display all children
		displayChildren ($('#'+divID+'_p'));
		
		$('#' + divID + '_p').addClass('active');
		$('#' + divID + '_p').fadeIn('slow');
		
		//$(document).children('#' + divID).scrollTop(0);
		
		renderSubmenu ();
}

function displayChildren ($target)
{
	var $i = 0;
	var $children = $target.children();
	while ($i < $children.length)
	{
		var $child = $children.eq($i);
		displayChildren ($child);
		
		if ($child.attr('id') != 'form_referral_response' && $child.attr('id') != 'form_volunteer_response')
		{
			$child.show ();
		}
					
		$i++;
	}
}

// replace text menu with image	
function renderSubmenu ()
{
		var list = $('.submenu ul li a');
		var count = list.length;
		
		var $i = 0;
		while ($i <= count)
		{
			$a = list.eq($i);
			$a.text ('');
			
			var $submenu = $a.parent('li');
			var ID = $a.attr ('id') == undefined ? "" : $a.attr('id');
			var nameID = ID.substr (0, ID.indexOf('_menu'));
			var defaultImg = 'imgs/' + nameID +'.png';
			
			$submenu.css ('background-image', 'url('+ defaultImg +')');
			$submenu.css ('background-repeat', 'no-repeat 0 0');
			
			if ($a.hasClass('selected')) 
			{
				$submenu.css('background-position', '0 -36px');
			}
			
			$submenu.hover(
					function (e)
					{
							$(this).css('background-position', '0 -36px');
					},
					function (e)
					{
							if ($(this).children($('a')).hasClass('selected')) 
							{
								$submenu.css('background-position', '0 -36px');
							} else 
							{
								$(this).css('background-position', '0 0');
							}
					}
			);
			
			$i++;
		}
}

// fixe PNG transparent on IE8	
function iePNGScontentFilter ()
{
		var $list = $('img');
		var $i = 0;
		
		while ($i < $list.length)
		{
			var $img = $list.eq($i);
			var $imgSrc = $img.attr('src');
			if ($imgSrc.toUpperCase().indexOf('.PNG') > -1)
			{
				$img.css ('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + $imgSrc + ', sizingMethod="none")')
			}
			
			$i++;
		}
}

// img Submenu Preload	
function imgSubmenuPreload ()
{
		var list = $('.submenu ul li a');
		var count = list.length;
		
		var $i = 0;
		while ($i <= count)
		{
			$a = list.eq ($i);
			
			var $submenu = $a.parent('li');
			var ID = $a.attr ('id') == undefined ? "" : $a.attr('id');
			var nameID = ID.substr (0, ID.indexOf('_menu'));
			/*var hoverImg = 'imgs/' + nameID +'_hover.png'*/
			var defaultImg = 'imgs/' + nameID +'.png';
			
			if (ID.length > 0)
			{
				$a.click (function (e) {
					var divID = $(this).attr('href');
					divID = divID.substr (1, divID.length);
					selectContent (divID);
				});
			}
			
			//add preload
			/*$('<img/>').attr('src', hoverImg);*/
			$('<img/>').attr('src', defaultImg);
			
			$i++;
		}
}

function sendReferralEmail(datastr){
		$.ajax({
			type: 'POST',
			url: 'sendmail.php',
			data: datastr,
			cache: false,
			success: function(html){
				
				$('#form_referral_response').fadeIn('slow');
				$('#form_referral_response').html(html);
				
				var lowStr = html.toLowerCase ();
				if (lowStr.indexOf ("error") == -1)
				{
					$('#company').val('');
					$('#referral_email').val('');
					setTimeout('$("#form_referral_response").fadeOut("slow")',2000);
				}
			},
			error:function (e)
			{
				$('#form_referral_response').html("Error, cannot sent request!");
			}
		});
}

function sendVolunteerEmail(datastr){
		$.ajax({
			type: 'POST',
			url: 'sendmail.php',
			data: datastr,
			cache: false,
			success: function(html){
				
				$('#form_volunteer_response').fadeIn('slow');
				$('#form_volunteer_response').html(html);
								
				var lowStr = html.toLowerCase ();
				if (lowStr.indexOf ("error") == -1)
				{
					$('#voluteer_name').val('');
					$('#role').val('');
					$('#volunteer_email').val('');
					setTimeout('$("#form_volunteer_response").fadeOut("slow")',2000);
				}
			},
			error:function (e)
			{
				$('#form_volunteer_response').html("Error, cannot sent request!");
			}
		});
}

function flickrPhotos (photosetID, classID)
{

	$(document).ready(function(e) {
		
		$(classID + ' a').live ('mousedown', function (e){
			e.preventDefault();
			$('a#single_image').fancybox ();
		});
			
		$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=a8b6bc08c8b8d2dc759879c1f5663e6e&photoset_id=" + photosetID + "&format=json&jsoncallback=?",
			function(data){
			  
			  $.each(data.photoset.photo, function(i, item){
					var imgURL = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_s.jpg';
					var imgURLBig = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_z.jpg';
					//var linkURL = 'http://www.flickr.com/photos/' + data.photoset.owner + '/' + item.id + '/in/set-' + data.photoset.id + '/';
					$("<img/>").attr("src", imgURL).attr('border', 'none').css({'margin-right':10, 'margin-bottom':10}).appendTo(classID)
							   //.wrap("<a href='" + linkURL + "' target='_blank' style='text-decoration:none'></a>");
							   .wrap ("<a href='" + imgURLBig + "' id='single_image'></a>");
				});
		});
		
	});

}