google.load("language", "1");

// Globals
//var langChanger;

// Round Corners
$(".section_header").corner("top 5px");

$.ajaxSetup({cache: false});

$(document).ready(function() {	
	if ($.urlParam('search') != 0) {
		$('#searchterm').val(decodeURI($.urlParam('search')));
		doSearch(0);
	}
});


$.urlParam = function(name){
	var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
	if (!results) { return 0; }
	return results[1] || 0;
}

function doSearch(chunk) {

	$('#as_searchterm').html('');
	$('#loader').show();
	$('#container').hide();
	$('#fp_slideshow').remove();
	$('#fp_div').hide();
	$('#fp_4images').hide();
	
	/*
	google.language.translate($('#searchterm').val(), "en", "da", function(result) {					  
		$LOG.console(result);
		$LOG.console(result.translation);
	});
	*/
	//encodeURI
	$.getJSON("/index.php?id=54&action=search&t="+encodeURIComponent($('#searchterm').val())+"&c="+chunk, function(data){
		if (data != null) {

			$('#ui_searchresults').html('Søgning på "'+$('#searchterm').val()+'" gav '+data.total_count+' resultater.');
			if (data.chunk_count > 1) {
				var ck = '';
				for (var x = 0; x < data.chunk_count; x++) {
					if (x == chunk) {
						ck += '<a href="javascript:void(0)" onclick="doSearch('+x+');" class="set_chunks current_chunk">Sæt '+(x+1)+'</a>';	
					}
					else {
						ck += '<a href="javascript:void(0)" onclick="doSearch('+x+');" class="set_chunks">Sæt '+(x+1)+'</a>';
					}
					
				}
				ck += ' Viser poster '+data.pstart+' til '+data.pend;
				$('#ui_searchresults').append(ck);
			}
			
			if (data.set_count > 200)  {
				$('#ui_searchresults').append('(Få hjælp til at afgrænse din søgning <img id="help_icon" height="12" src="assets/images/blue_question_mark.jpg" />)');
				
				$('#help_icon').hover(function() {
				
					$('#ui_searchresults').append(
					'<div class="toolTipWrapper ui-corner-all">'
						+'<div class="toolTipContent">'
						+'<h2>Hjælp til søgning</h2><br />'
						+'For at afgrænse søgeresultater kan du bruge følgende operatorer:<br />'
						+'<ul style="list-style-type:none"><li><br /><strong>OG</strong> - "Godthåb og skole" finder billeder hvor godthåb og skole indgår</li>'
						+'<li><br /><strong>ELLER</strong> - "Godthåb eller Nuuk" finder billeder hvor mindst et af ordene indgår. </li>'
						+'<li><br /><strong>IKKE</strong> - "Grupper ikke interiører" udelukker term fra søgning.</li></ul>'	
						+'</div>'
						+'</div>');
					//this.width = $(this).width();
					$('#ui_searchresults').find('.toolTipWrapper').css({left:this.width-22})
					$('.toolTipWrapper').fadeIn(300);
				}
				,
				function() {
					$('.toolTipWrapper').fadeOut(300);
					$('.toolTipWrapper').remove();
				});
			}		
			setupGallery(data.results);
		}
		else {
			$('#ui_searchresults').html('Søgning på "'+$('#searchterm').val()+'" gav 0 resultater.');
			$('#loader').hide();
		}
		
	});
}   
  
function setupGallery(dataset) {   
	$('#as_searchterm').html('');
	$('#loader').hide();
	$('#container').show();
	$('#gallery').jumbogallery({
		data: 				dataset,
	   	numImagesPerPage: 	20,
	   	prevLinkText:		'< Forrige foto',
		nextLinkText:		'Næste foto >',
		maxPagesToShow:		18,
		
	   	onSlidesContainerChanged: function(pagenumber) {
	   		$LOG.console('onSlidesContainerChanged');
	   		var onMouseOutOpacity = 0.87;
			$('.thumbs li').opacityrollover({
				mouseOutOpacity:   onMouseOutOpacity,
				mouseOverOpacity:  1.0,
				fadeSpeed:         'fast',
				exemptionSelector: '.selected'
			});	
	   	},
		onTransitionIn:	function(item) {
			$LOG.console('onTransitionIn');
			$LOG.console(item);
			
			if ($('.nav-controls').children().length < 3) {
				$('.nav-controls').append('<a id="orderLink" href="javascript:void(0);" langtag="order_photo">Bestil foto</a>');
				$('.nav-controls').append('<a id="basketLink" href="javascript:void(0);" langtag="basket"><img src="assets/images/shopping-cart.png" border="0" width="20" /> Kurv</a>');
			}
			
			$('#orderLink').unbind();
			$('#orderLink').click(function(e) {
				$BASKET.add(item.bid,item.gid);
			});
			
			$('#basketLink').unbind();
			$('#basketLink').click(function(e) {
				$BASKET.showOrderForm();
			});
			
			var str = '<div id="tabs"><ul><li><a href="#tab1">Info</a></li><li><a href="index.php?id=54&action=techinfo&bid='+item.bid+'">Teknisk info</a></li><li><a href="index.php?id=54&action=comments&bid='+item.bid+'">Kommentarer('+item.co+')</a></li><li><a href="#english">English</a></li></ul><div id="tab1"><div class="image-desc">'+item.d1;
	
	if (item.e != undefined) {
		
		str += '<p>Emneord: ';
		for (var x = 0; x < item.e.length; x++) {
			str += '<a href="javascript:void(0);" class="tooltips" onclick="setSearchWord(\''+item.e[x]['e']+'\');">'+item.e[x]['e']+'</a> ';
			
		}
		str += '</p>';
		
		
	}
	
	if (item.s != undefined) {
		str += '<p>Stednavn: ';
		for (var x = 0; x < item.s.length; x++) {
			str += '<a href="javascript:void(0);" class="tooltips" onclick="setSearchWord(\''+item.s[x]['s']+'\');">'+item.s[x]['s']+'</a> ';	
		}
		str += '</p>';
	}
	
	str += '<p>Dato: ';
	
	if (item.ti != '') {
		str += 'Tidligst ';
	}
	
	if (item.se == '1') {
		str += 'Senest ';
	}
	
	str += item.fd;
	
	if (item.d2 != '') {
		str += '<br /><span style="color:blue">*</span>';
	}
	
	str += '</p></div></div><div id="english"><div class="tab-loading"></div></div>';
	
			$('#caption').html(str);
			
			// Setup tooltips
			$('.tooltips').hover(function() {
				
					$('.tooltips').append(
					'<div class="toolTipWrapperLink ui-corner-all">'
						+'<div class="toolTipContentLink">'
						+'Klik og kopier til søgefeltet'
						+'</div>'
						+'</div>');
					//this.width = $(this).width();
					$('.tooltips').find('.toolTipWrapperLink').css({left:this.width-22})
					$('.toolTipWrapperLink').fadeIn(1000);
				}
				,
				function() {
					$('.toolTipWrapperLink').fadeOut(300);
					$('.toolTipWrapperLink').remove();
				});
			
			$('.advance-link').append('<div id="fotoid">Foto ID: '+item.bid+'</div>');
			$('#tabs').tabs({
			select: function(event, ui) { 
				
				if (ui.index == 3) {
					var id = $(this).attr('id');
					id = id.replace('tabs', '');
					
				    var translate_string = item.d1 + ' ' +item.d2;
				   
				    if (translate_string.length < 1000) { 
						google.language.translate(translate_string, "da", "en", function(result) {
						  
						  	$LOG.console(result);
						    $('#english').html(result.translation + '<div style="width:100%;text-align:right" id="branding"></div>');
						    google.language.getBranding('branding');
						});
					}
					else {
						container.innerHTML = 'String is too long for translation.';
					}			
				}
			}
		});	
		
		}
	});
}

function setSearchWord(t) {
	$('#searchterm').val(t);
}
function showCommentForm() {
	$("#comment-div").show();
}
function newComment() {
	$LOG.console('newComment');
	
	//$('#name').attr('style', '');
	//$('#email').attr('style', '');
	
	var canSubmit = true;
	// form validation
	
	if ($('#name').val() == '') {
		canSubmit = false;
		$('#name').attr('style', 'background: #fee3ad;');
	}
	
	if ($('#email').val() == '' || $BASKET.IsValidEmail($('#email').val()) == false) {
		canSubmit = false;
		$('#email').attr('style', 'background: #fee3ad;');
	}
	

	if ($('#comment').val() == '') {
		canSubmit = false;
		$('#comment').text('Skriv venligst en kommentar til billedet');
	}
	
	if (canSubmit) {
		
		$.getJSON("/index.php?id=54&action=getCommentCaptcha", function(data){
			$LOG.console(data);
			
			$('body').append('<div id="dialog-form" title="Sikkerhedspørgsmål">Læg tallene sammen:<br />'+data.q+' = <input type="text" id="captcha" name="captcha" /><br /><div id="captcha-error" style="display:none">Fejl</div></div>');
			
			$('#dialog-form').dialog({
				
				buttons: {
					"Annuller": function() {
						$( this ).dialog( "close" );
					},
					"Send kommentar": function() {
						
						$('#cvalue').val($('#captcha').val());
						var form = $("#commentForm").serialize();
											
						$.post("/index.php?id=54&action=saveComment", form, function(data) {
							
							if (data.r == 1) {
								// Saved
								$('#dialog-form' ).dialog( "close" );
								
								// Clean form
								$('#name').val('');
								$('#email').val('');
								$('#comment').html('');
								 confirmCommentSaved();
							}
							else {
								// not saved
								$('#captcha-error').show();
							}
						}, "json");
												
					}
				},
				close: function() {
					$('#dialog-form').dialog( "destroy" );
					$('#dialog-form').remove();
				}
			});
		});
	}
}

function confirmCommentSaved() {
	$('body').append('<div id="dialog-form" title="">Mange tak. Din kommentar er nu sendt til godkendelse.</div>');
			
	$('#dialog-form').dialog({
		buttons: {
					"Luk": function() {
						$( this ).dialog( "close" );
						$('#dialog-form').dialog( "destroy" );
						$('#dialog-form').remove();
					}					
				}
		});
}