/**
 * Returnerar hjälptext för colorbox navigering
 */
function show_colorbox_help_navigation()
{
	var str = "Bläddra bland bilderna:\r\n"+
		"(x) Visa nästa bild genom att klicka på bilden som visas för tillfället\r\n" +
		"(x) Använd piltangenterna i bilden och på skrivbordet för att visa nästa/föregående bild\r\n" + 
		"(x) Stäng visning med knappen 'ESC', krysset upp till höger i rutan, eller klicka utanför bilden\r\n" +
		"(x) Växla till/från helskärm med knappen F11 på tangentbordet.\r\n" +
		"\r\n" + 
		"Hälsningar\r\n" +
		"//Webmaster";
	alert(str);
}

/**
 * Koppla länk som öppnar formuläret för gästboken till en jQuery colorbox
 */
function popup_guestbook_form()
{
	$(".popup_guestbook_form").colorbox({
		width:'600px', 
		inline:true, 
		// ID för behållare som innehåller formuläret
		href:"#guestbookForm"
	});
}

// jQuery
$(function() {
	// Remove outline from every div
	$('div').css({'outline' : 'none'});
	
	
	
	//
	// Hide guestbook form if javascript is activated (the container outside of it)
	//
	$('#usability_guestbook_form_display').addClass('hide_box');
	
	
	//
	// Captcha
	//
	
	// When you press any key and the lenght is exactly 3 chars, 
	// then we contact the server and verify the code
	$('#captcha_code').keyup(function () {
		var value = $(this).val();
		if (value.length == 3)
		{
			// verify captcha
			$.get(
				//'/Picknickfestivalen/captcha/ajax_response.php?do=verify&code='+ value,
				//'/captcha/ajax_response.php?do=verify&code='+ value,
				'/captcha/ajax_response/verify/' + value +'/',
				function(data) {
					//console.log(data);
					if (data == '1')
					{
						var span = $('#guestbook_captcha_info span').html();
						$('#guestbook_captcha_info').html(
							//'<img src="/Picknickfestivalen/images/icons/valid.png" alt="OK" style="border:none" /><br/><span>'+ span +'</span>'
							'<img src="/images/icons/valid.png" alt="OK" style="border:none" /><br/><span>'+ span +'</span>'
						);
					}
					else
					{
						var span = $('#guestbook_captcha_info span').html();
						$('#guestbook_captcha_info').html(
							//'<img src="/Picknickfestivalen/images/icons/invalid.png" alt="INTE OK" style="border:none" /><br/><span>'+ span +'</span>'
							'<img src="/images/icons/invalid.png" alt="INTE OK" style="border:none" /><br/><span>'+ span +'</span>'
						);
					}
				}
			);
			
			
			// verify captcha
			$.get(
				//'/Picknickfestivalen/captcha/ajax_response.php?do=blockstatus',
				'/captcha/ajax_response/blockstatus/',
				function(data) {
					if (data == '1')
					{
						$('#guestbook_captcha_info').html('<span></span>');
						$('#guestbook_captcha_info span').html('Försök igen om några minuter');
					}
					else
					{
						$('#guestbook_captcha_info span').html('');
					}
				}
			);
			
			
			/*if (captcha_verify == '1')
			{
				$('#guestbook_captcha_info').html(
					'<img src="/Picknickfestivalen/images/icons/valid.png" alt="OK" style="border:none" />'
				);
			}
			else
			{
				$('#guestbook_captcha_info').html(
					'<img src="/Picknickfestivalen/images/icons/invalid.png" alt="INTE OK" style="border:none" />'
				);
			}*/
		}
	});
	
	
	
	//
	// Colorbox
	//
	if (jQuery().colorbox)
	{
		// Hitta länk för gästboken formulär och koppla till fönster
		popup_guestbook_form();
	
		// I bildgalleriet kopplas alla bilder med 'rel' attributet till ett colorbox bildspel.
		$('a[rel="festival"], a[rel="gallery"]').colorbox({
			transition:'fade',
			height:'96%',
			current: 'bild {current} av {total}',
			next: 'nästa',
			previous: 'föregående',
			close: 'Stäng',
			scalePhotos: true,
			title: '<a href="javascript:show_colorbox_help_navigation();" title="Visa hjälpavsnitt"><img src="/images/icons/help-browser.png" alt="Hjälp" width="15" height="15" /> </a>',
			slideshow: true,
			speed: 1000,// hur snabb den använder 'fade'
			slideshowAuto:false,
			slideshowSpeed: 6000,
			slideshowStart: '<img src="/images/icons/media-playback-start.png" alt="" width="15" height="15" /> Starta bildspel',
			slideshowStop: '<img src="/images/icons/media-playback-stop.png" alt="" width="15" height="15" /> Stoppa bildspel'
		});
		
		$('.link_external').colorbox({
			width: '85%', 
			height: '90%', 
			iframe: true
		});
		
		$('.color_box, .colorbox').colorbox({
			width: '85%', 
			height: '90%' 
		});
		
		$('.color_box_url').colorbox({
			width: '85%', 
			height: '90%',
			iframe: true
		});
	}
	
	/*if (jQuery().cycle)
	{
		$('#slideshow').cycle({
							  
			fx:     'scrollLeft', 
			random: 1,
			speed: 4000,
    		timeout: 8000, 
			
			//fx: 'fade',
			//pause: 1,		// Pausa när musen är över bilden
			//random: 1,		// Slumpa bildordningen
			//speed: 3000,	// Hur snabbt den växlar bilden
			//timeout: 7000,	// När den ska börja växla nästa bild
			//fit: 1
		});
	}*/

   /* $(".thumbs img").fadeTo(250, 1.0); // This sets the opacity of the thumbs to fade down to 60% when the page loads

    $(".thumbs img").hover(function(){
            $(this).stop().fadeTo(250, 0.5); // This should set the opacity to 100% on hover
        },function(){
            $(this).stop().fadeTo(250, 1.0); // This should set the opacity back to 60% on mouseout
            
    });*/
	
	
	//
	// Bildgalleri
	// Inspired by:
	// http://devkick.com/lab/galleria/
	// http://devkick.com/lab/galleria/demo_01.htm
	//
	/*var _li = $('#gallery li a');
	//console.log( _li.children() );
	_li.children().fadeTo(500, 0.3);
	
	$('#gallery li a img').hover(function() {
		$(this).stop().fadeTo('fast', 1);
	}, function() {
		$(this).stop().fadeTo(500, 0.3);
	});*/
});