$(function(){

	//bruges af find koncerter
	$( "#musicgroup" ).autocomplete({
		source: "/ajrgfx/ajax/musicgroup.asp",
		minLength: 2,
		select: function( event, ui ) {
		
			//finder det skjulte input felt og sætter værdien ind
			$(this).parent().find('#musicgroupid').val(ui.item.id)
		
		}
	});

	//bruges af find musikere
	$( "#musicgroup2" ).autocomplete({
		source: "/ajrgfx/ajax/musicgroup.asp",
		minLength: 2,
		select: function( event, ui ) {
		
			//finder det skjulte input felt og sætter værdien ind
			$(this).parent().find('#musicgroupid').val(ui.item.id)
		
		}
	});

});

$(document).ready(function(){

	var seasonid = ''
	
	if ( $('input[name=season]').is(':checked') ){
	
		seasonid  = $('input[name=season]:checked').val();
		
	}

	$( "#musicgroup2" ).autocomplete({
		source: "/ajrgfx/ajax/musicgroup.asp?seasonid="+seasonid,
		minLength: 2,
		select: function( event, ui ) {
				
			//finder det skjulte input felt og sætter værdien ind
			$(this).parent().find('#musicgroupid').val(ui.item.id)
				
		}
	});	
	
	$('input[name=season]').click(function(){
	
		$('input[name=musicgroupid]').val(0);
	
		if( $(this).is(':checked') ){
			
			seasonid  = $(this).val();
		
		} else {

			seasonid = '';
			
		}

		$( "#musicgroup2" ).autocomplete({
			source: "/ajrgfx/ajax/musicgroup.asp?seasonid="+seasonid,
			minLength: 2,
			select: function( event, ui ) {
				
				//finder det skjulte input felt og sætter værdien ind
				$(this).parent().find('#musicgroupid').val(ui.item.id)
				
			}
		});	
	
	});

	if($('a[rel=fotogalleri]').length>0){
		$('a[rel=fotogalleri]').fancybox();
	};

	$('_input.guide').hover(
	  function (data) {
	  
		var me = $(this);
		
		$.get('/ajrgfx/ajax/help-text.asp?guideid='+$(this).attr('guideid'), function( helptext ){
		
			var guidewrap = '';
			
			guidewrap += '<div class="quidewrap" style="bottom: 16px;">';
			guidewrap += '  <img src="/ajrgfx/gfx/bubble-top.png" alt="" />';
			guidewrap += '  <div class="bubble">';
			guidewrap += helptext;
			guidewrap += '  </div>';
			guidewrap += '  <img src="/ajrgfx/gfx/bubble-bot.png" alt="" />';
			guidewrap += '</div>';
		
			me.parent().append(guidewrap);
			$('.quidewrap').fadeIn();
			
		});
		
	  },
	  function () {
		$('.quidewrap').remove();
	  }
	);

	$('_textarea.guide').hover(
	  function (data) {
	  
		var me = $(this);
		
		$.get('/ajrgfx/ajax/help-text.asp?guideid='+$(this).attr('guideid'), function( helptext ){
		
			var guidewrap = '';
			
			guidewrap += '<div class="quidewrap" style="bottom: 100px;">';
			guidewrap += '  <img src="/ajrgfx/gfx/bubble-top.png" alt="" />';
			guidewrap += '  <div class="bubble">';
			guidewrap += helptext;
			guidewrap += '  </div>';
			guidewrap += '  <img src="/ajrgfx/gfx/bubble-bot.png" alt="" />';
			guidewrap += '</div>';
		
			me.parent().append(guidewrap);
			$('.quidewrap').fadeIn();
			
		});
		
	  },
	  function () {
		$('.quidewrap').remove();
	  }
	);

	$('#previewtrigger').click( function(){
	
	$('#previewcontainer iframe').width(346);$('iframe').height(193);
	
		var code = $('textarea[name=fYouTube]').val();
	
		if( $('#previewcontainer').is(':visible') ) {
			$('textarea[name=fYouTube]').slideDown();
			$('#previewcontainer').slideUp();
			$('#previewcontainer iframe').remove();
			$(this).html('Preview')
		} else {
			$('textarea[name=fYouTube]').slideUp();
			$.get('/ajrgfx/ajax/preview-youtube.asp?code='+ escape(code), function( youtube ){
				$('#previewcontainer').html(youtube);
				$('iframe').width(346);$('iframe').height(193);
				$('#previewcontainer').slideDown();
			})
			$(this).html('Luk preview')
		}
	
	})

	$('.maxlength').maxlength({  
		events: [], // Array of events to be triggerd   
		maxCharacters: $('.maxlength').attr('maxlength'), // Characters limit  
		status: true, // True to show status indicator bewlow the element   
		statusClass: "status", // The class on the status div 
		statusText: "tegn tilbage", // The status text 
		notificationClass: "notification",  // Will be added when maxlength is reached 
		showAlert: false, // True to show a regular alert message   
		alertText: "You have typed too many characters.", // Text in alert message  
		slider: true // True Use counter slider   
	}); 

	$('#deletemedia').click( function(){

		if ( $('#galleri-thumbs img.selected').length == 0 ){
			alert('Vælg venligst et eller flere billeder ved at klikke på det.')
		} else {
		
			$('#galleri-thumbs').find('img.selected').each(function(){
				
				
				$('#mediaids').append('<input type="hidden" name="fMediaId" value="'+ $(this).attr('id') +'">');

				
			});
			
			document.forms['fForm'].stepid.value=30;
			document.forms['fForm'].submit();
		}

	});

	$('#galleri-thumbs img').click( function(){
		
		if( $(this).attr('class') == 'selected' ){
			$(this).css('border','2px solid #fff');
			$(this).removeClass('selected');
		} else {
			$(this).css('border','2px solid #ffae19');
			$(this).addClass('selected');		
		}
		
	})

	$('#musicgroup').change( function(){
	
		if( $(this).val() == '' ){
		
			$(this).parent().find('#musicgroupid').val(0)
		
		}
	
	})

	$('#musicgroup2').change( function(){
	
		if( $(this).val() == '' ){
		
			$(this).parent().find('#musicgroupid').val(0)
		
		}
	
	})

	$('.season input').click( function(){
	
		if( $(this).is(':checked') ){
		
			$('INPUT[name=season]').attr('checked', false);
			
			$(this).attr('checked', true);
		
		}
		
	})
	
	$('table.checkboxes INPUT[type=checkbox]').click( function(){
	
		if( $(this).is(':checked') ){
		
			$('#disableall').attr('checked', false);
		
		}
	
	});

	$('#disableall').click( function(){
	
		if( $(this).is(':checked') ){
		
			$("form[name=findmusicians] INPUT[type='checkbox']").attr('checked', false);
			
			$(this).attr('checked', true);
		
		}
		
	});


	$(document).find('.scrambleemail').each(function(){
		scrambleEmail($(this));
	});
	
	$('ul.faq li').click( function(){
	
		$(this).find('p').slideToggle( function(){
		
			if ( $(this).is(':visible') ) {
			
				$(this).parent().addClass('open');
			
			} else {
			
				$(this).parent().removeClass('open');
			
			}
		
		});
	
	})
	
	$('.topMenu li').hover(
	  function () {
	  
		$(this).find('.topSubMenu').show();
		
	  },
	  function () {
	    $(this).find('.topSubMenu').hide();
	  }
	);	
	

	$('#login').hover(
	  function () {
	  
		$('#btnLogIn').attr('src','/ajrgfx/gfx/BtnLogInOn.png')
	  
		$('.login').load('/ajrgfx/ajax/login-box.asp', function() {
		  $('.login').show();
		});
	  },
	  function () {
	    $('.login').hide();
	    $('#btnLogIn').attr('src','/ajrgfx/gfx/BtnLogInOff.png')
	  }
	);
	
	$('#newproduction').click( function(){
	
		$('#newproductioncontainer').load('/ajrgfx/ajax/new-production-form.asp');
	
	});

	$('#copynewproduction').click( function(){
	
		$('#newproductioncontainer').load('/ajrgfx/ajax/copy-new-production-list.asp');
	
	});
	
	
	$('img.hover').hover(
	  function () {
	    $(this).attr('src',$(this).attr('src').replace('Off','On'));
	  },
	  function () {
	    $(this).attr('src',$(this).attr('src').replace('On','Off'));
	  }
	);

});

function memberchange(text){

	$('#memberchange').val(text);

}

function validateform( me ){

	$(me).find('.alert').each( function(){
	
		$(this).css('border','1px solid #333');
		$(this).removeClass('alert')
	
	});
	
	var doSubmit = true;

	$(me).find('.required').each( function(){
		
		if( $(this).attr('class').indexOf('email') > 0 ){
		
			if( !emailCheck( $(this).val() ) ){

				$(this).css('border','1px solid red');
				$(this).addClass('alert')
			
				doSubmit = false;

			}
		
		} else {
		
			if ( $(this).val() == '' ){
		
				$(this).css('border','1px solid red');
				$(this).addClass('alert')
				
				doSubmit = false;
		
			}
			
		}
		
	});

	$('.alert').focus( function(){
		$(this).css('border','1px solid #333');
		$(this).removeClass('alert');
	})
	
	if ( doSubmit ){ me.submit() }

}

function validateproductionform( me ){

	$(me).find('.alert').each( function(){
	
		$(this).css('border','1px solid #333');
		$(this).removeClass('alert')
	
	});
	
	var doSubmit = true;

	$(me).find('.required').each( function(){
		
		if( $(this).attr('class').indexOf('email') > 0 ){
		
			if( !emailCheck( $(this).val() ) ){

				$(this).css('border','1px solid red');
				$(this).addClass('alert')
			
				doSubmit = false;

			}
		
		} else if ( $(this).attr('class').indexOf('greaterthanzero') > 0 ){
		
			if( isNaN( $(this).val() ) ){ //ikke et tal
			
				$(this).css('border','1px solid red');
				$(this).addClass('alert')
			
				doSubmit = false;
			
			} else {
			
				if( $(this).val() <= 0 ) { //tallet skal være større end 0
				
					$(this).css('border','1px solid red');
					$(this).addClass('alert')
					doSubmit = false;					
				
				}
			
			}
			
		} else {
		
			if ( $(this).val() == '' ){
		
				$(this).css('border','1px solid red');
				$(this).addClass('alert')
				if( $(this).attr('alert') != '' ){
					alert( $(this).attr('alert') );
				}
				
				doSubmit = false;
		
			}
			
		}
		
	});
	
		
	$.get('/ajrgfx/ajax/validateproduction.asp?medvirkende='+ me.fNumberOfCast.value +'&productionid=' + me.productionid.value,function(data){

		switch(data){
			case '1':
				alert( 'Antal medvirkende svarer ikke til antal medlemmer' );
				doSubmit = false;
				break;
			case '2':
				alert( 'Vælg venligst genre' );
				doSubmit = false;
				break;
			case '3':
				alert( 'Vælg venligst målgruppe' );
				doSubmit = false;
				break;
			case '4':
				alert( 'Vælg venligst form' );
				doSubmit = false;
				break;
			case '5':
				alert( 'Upload venlist et foto af gruppen' );
				doSubmit = false;
				break;
			case '6':
				alert( 'Upload venligst en lydfil' );
				doSubmit = false;
				break;
			default:
				break;
		}

		$('.alert').focus( function(){
			$(this).css('border','1px solid #333');
			$(this).removeClass('alert');
		})
	
		if ( doSubmit ){
			me.submit();
		}
	
	});
	
}

function loadMemberList(productionid){

	$('#members').load('/ajrgfx/ajax/band-members.asp?productionid=' + productionid, function(){
	
		$('tr.band-members').click( function(){
	
			$('tr.selected').removeClass('selected')
	
			$(this).addClass('selected');
			
		})

		$('#createmember').click( function(){

			show_overlay('/create_member.asp?productionid='+productionid)

		});
	
		$('#editmember').click( function(){

			if ( $('tr.selected').length == 0 ){
				alert('Vælg venligst et medlem først ved at klikke på deres navn.')
			} else {
				var memberid =  $('tr.selected').attr('id');
				
				show_overlay('/edit_member.asp?productionid='+productionid+'&memberid='+memberid)
				
			}

		});

		$('#deletemember').click( function(){

			if ( $('tr.selected').length == 0 ){
				alert('Vælg venligst et medlem først ved at klikke på deres navn.')
			} else {
				var memberid =  $('tr.selected').attr('id');
				
				show_overlay('/delete_member.asp?productionid='+productionid+'&memberid='+memberid)
				
			}

		});
	
	})

}

function loadSelectGroup(productionid){

	$('#select-group').load('/ajrgfx/ajax/select-group.asp?productionid=' + productionid, function(){
	
		$('#groupselector').click( function(){
				
			show_overlay('/select_group.asp?productionid='+productionid)

		});
	
	})

}

function loadSelectImages(productionid){

	$('#select-images').load('/ajrgfx/ajax/select-images.asp?productionid=' + productionid, function(){
	
		$('#imageselector').click( function(){
				
			show_overlay('/select_images.asp?productionid='+productionid)

		});
	
	})

}

function showpage(pagenumber, formname){

	if(document.forms[formname]){
	
		myform = $(document.forms[formname]);
		
		myform.find('input#pagenumber').val(pagenumber);
		document.forms[formname].submit();

	}
	
}

function scrambleEmail(string){

	var emailarray = string.html().split('|');
	var account = emailarray[0];
	var domain = emailarray[1];
	var subject = '';
	
	if(emailarray[2]){subject=emailarray[2]};
	
	var email = account + '@' + domain;
	
	string.html('<a href="mailto:'+email+'?subject='+subject+'">'+email+'</a>');

}

var klassecount = 0

function addNewClass(){

	klassecount += 1;

	var html = '';

	html += '<div id="dynamic-block'+klassecount+'">';
	html += '<h2>Klasse</h2>';
	html += '<table class="min-profil koncerttilmelding" cellpadding="0" cellspacing="0">';
	html += '  <tr>';
	html += '    <td valign="top" width="150"><label>Klasse *</label></td>';
	html += '    <td valign="top"><input class="required" type="text" name="klasse" value="" /></td>';
	html += '  </tr>';
	html += '  <tr>';
	html += '    <td valign="top"><label>Alderstrin *</label></td>';
	html += '    <td valign="top"><input class="required" type="text" name="alderstrin" value="" /></td>';
	html += '  </tr>';
	html += '  <tr>';
	html += '    <td valign="top"><label>Antal elever *</label></td>';
	html += '    <td valign="top"><input class="required" type="text" name="antalelever" value="" /></td>';
	html += '  </tr>';
	html += '  <tr>';
	html += '    <td valign="top"><label>Koncert (1. prioritet) *</label></td>';
	html += '    <td valign="top"><input onfocus="this.blur()" class="required" type="text" name="prioritet1" value="" /></td>';
	html += '  </tr>';
	html += '  <tr>';
	html += '    <td valign="top"><label>Koncert (2. prioritet)</label></td>';
	html += '    <td valign="top"><input onfocus="this.blur()" type="text" name="prioritet2" value="" /></td>';
	html += '  </tr>';
	html += '  <tr>';
	html += '    <td valign="top"><label>Koncert (3. prioritet)</label></td>';
	html += '    <td valign="top"><input onfocus="this.blur()" type="text" name="prioritet3" value="" /></td>';
	html += '  </tr>';
	html += '  <tr>';
	html += '    <td valign="top"><label>Bemærkninger</label></td>';
	html += '    <td valign="top"><textarea name="besked"></textarea></td>';
	html += '  </tr>';
	html += '  <tr>';
	html += '    <td colspan="2" align="right"><input onclick="removeNewClass('+klassecount+')" type="button" class="button buttonBlack" value="Fjern klasse" /> <input onclick="addNewClass()" type="button" class="button buttonBlack" value="Tilføj klasse" /></td>';
	html += '  </tr>';
	html += '</table><br/>';
	html += '</div>';
	
	$('#klasse').append(html);

}

function removeNewClass(id){

	$('#dynamic-block'+id).remove();

}

function openconcertselector(me){

	var html = '';

	html += '<div id="concertselector" style="position: absolute; top: 0; left: 0; z-index: 100">';
	html += '  <div style="width: 735px; height: 600px; margin-left: -735px; background-color: #fff;">';
	html += '  </div>';
	html += '</div>';

	$('body').after(html);
	
	$('#concertselector').stop(true, true).animate({ marginLeft: '735px' }, 500);

}

function checkTime(field)
{
  var errorMsg = '';
  re = /^(\d{1,2}):(\d{2})(:00)?([ap]m)?$/;
  if(field.value != ''){
    if(regs = field.value.match(re)) {
      if(regs[4]){
        // 12-hour time format with am/pm
        if(regs[1] < 1 || regs[1] > 12) {
          errorMsg = 'Ugyldigt timetal (1-12): ' + regs[1];
        }
      } else {
        // 24-hour time format
        if(regs[1] > 23) {
          errorMsg = 'Ugyldigt timetal (eks. 00-23): ' + regs[1];
        }
      }
      if(!errorMsg && regs[2] > 59) {
        errorMsg = 'Ugyldigt minuttal (eks. 14:30): ' + regs[2];
      }
    } else {
      errorMsg = 'Ugyldigt klokkeslet (eks. 14:30): ' + field.value;
    }
  }
  if(errorMsg != '') {
    alert(errorMsg);
    field.focus();
    return false;
  }
  return true;
}