$(document).ready(function(){
    jQuery.easing.def = "easeOutCubic";
    //http://gsgd.co.uk/sandbox/jquery/easing/

	// Hide fields untill they're needed WAT EEN TOPHACK
	jQuery('.nsrf_guests').hide();

    $(".basicLink, .homeLink").click(function(event){
        event.preventDefault();
    });

    $(".sub").hide();
    $(".item").mouseenter(function(){
        $("~.sub",this).slideDown("slow");
    });
    $(".mainItem").mouseleave(function(){
        $(".sub").stop(true,true);
        $(".sub", this).slideUp("slow");
    });
    $(".first").click(function(){
        $("#container").animate({
            backgroundPosition:"128px 0px"
        },"slow");

    });
    $(".second").click(function(){
        $("#container").animate({
            backgroundPosition:"-572px 0px"
        },"slow");
    });
    $(".third").click(function(){
        $("#container").animate({
            backgroundPosition:"-1272px 0px"
        },"slow");
    });
    $(".fourth").click(function(){
        $("#container").animate({
            backgroundPosition:"-1972px 0px"
        },"slow");
    });

    // content
    $("#content").css("top","-600px")
    $("#contentNav").click(function(){
        $("#content").animate({
            top:"-600px"
        },"slow")
    });

    $(".listItem").click(function(){
        var selectedElem = this;
        $('#content').fadeOut(300);
        $('#content').queue(function(){
            getContent(selectedElem.id,$(selectedElem).parent().attr("id"),$(selectedElem).parent().find(".listHeading").css("background-color"));
            
        });
        if($('#content').css('top')=="20px"){ //tekstvlak al in beeld
                $("#content").fadeIn(400);
        }else{ //tekstvlak van boven insliden
            $("#content").fadeIn(0);
            $("#content").animate({
                top:"20px"
            },"slow");
        }
    });

$(".homeItem").click(function(){
        var selectedElem = this;
        var menu = this.id.split('_').shift();
        var item = this.id.split('_').pop()
        $('#content').fadeOut(300);
        $('#content').queue(function(){
            getContent(item,menu,$(selectedElem).parent().find(".listHeading").css("background-color"));

        });
        if($('#content').css('top')=="20px"){ //tekstvlak al in beeld
                $("#content").fadeIn(400);
        }else{ //tekstvlak van boven insliden
            $("#content").fadeIn(0);
            $("#content").animate({
                top:"20px"
            },"slow");
        }
    });

    $("#content").animate({
        top:"20px"
    },"slow");

    //Homedinges
    $('.homeKnop').click(function(){
        if($("#contentTitel").text()!='Thêta Lustrum NSRF Slotwedstrijden' || $('#content').css('top')!='20px'){
            $('#content').fadeOut(300,function(){
                $("#contentTitel").html('Thêta Lustrum NSRF Slotwedstrijden');
                $('#contentTekst').load('retriever.php');
                $('#contentTekst').scrollTop(0);
                $('.bar').css('background-color',"#066C2B");
            });
            if($('#content').css('top')=="20px"){ //tekstvlak al in beeld
                $('#content').fadeIn(400);
            }else{ //tekstvlak van boven insliden
                $('#content').fadeIn(0);
                $("#content").animate({
                    top:"20px"
                },"slow");
            }
        }
    });

    $('.sponsoren a').attr('target','_blank');

});
function getContent(item,menu,color){
    jQuery.get("retriever.php",{
        item:item,
        menu:menu
    },function(data){
        $('#contentTekst').html(data);
	 if($('#photoTable').length>0){
 	      var html = $('#photoTable tr:last').html();
            $('#photoTable').data('tableRow', html);
	      $('#photo_total').attr('value', $('#photoTable tr').length-2);
	 }
        $("#content").dequeue();
    });
    $("#contentTitel").html($('#'+item).find('a').html()); //geef de titelbalk dezelfde inhoud als de link
    $(".bar").css("background-color",color);

}


function addTerug(pages){
 $('<span>Terug</span>&nbsp;')
          .css({'color':'blue','text-decoration':'underline','cursor':'pointer'})
          .click(function(){
            $('#timeTeamContent').text('loading').load(pages.slice(-2).shift()+ " h2,table",function(){
              pages.pop();
              $('body').data('pagesArray', pages);
              $('#timeTeamContent td:even').css({'background':'#ccc'});
              if(pages.length>1){addTerug(pages)};
            });
          }).prependTo('#timeTeamContent h2');
}


$('#timeTeamMenu a').live('click',function(){
    $('#timeTeamContent').data('history',$('#timeTeamContent').data('current'))
    var url = $(this).attr('href');
    $('#timeTeamContent').data('current',url);
    $('#timeTeamContent')
    .text('loading')
    .load(url+ " h1:eq(1),h2,table",function(){
        $('#timeTeamContent td:even').css({'background':'#ccc'});
    });
    $('#timeTeamContent').data('pagesArray', [url]);	
    return false;
});
$('#timeTeamContent a').live('click',function(){
    $('#timeTeamContent').data('history',$('#timeTeamContent').data('current'))
    var url = $('body').data('section')+$(this).attr('href');
    $('#timeTeamContent').data('current',url);
    var pages = $('#timeTeamContent').data('pagesArray');
    pages.push(url);
    $('body').data('pagesArray', pages);		
    $('#timeTeamContent').text('loading').load(url+ " h2,table",function(){
      addTerug(pages);
      $('#timeTeamContent td:even').css({'background':'#ccc'});});
    return false;
});

$('#photoTable').ready(function(){
    var html = $('#photoTable tr:last').html();
    $('#photoTable').data('tableRow', html);
	$('#photo_total').attr('value', $('#photoTable tr').length-2);
	
    $('#photoItem').live('click',function(){
		$('#deleteItem').parent().remove();
        $('<tr></tr>').append($('#photoTable').data('tableRow')).appendTo('#photoTable tbody');
		
		$('#photoTable tr:last input').attr('value', '');
		$('#photoTable tr:last td[id*=\'photo_price\']').html('');
		
        $.each($('#photoTable tr:last input, #photoTable tr:last  select'), function(i,ele){
            var name = $(ele).attr('name').replace('0', Number($('#photo_total').attr('value'))+1);
            $(ele).attr('name', name);
            var id = $(ele).attr('id').replace('0', Number($('#photo_total').attr('value'))+1);
            $(ele).attr('id', id);
        });
        $('#photoTable tr:last td:last').attr('id', $('#photoTable tr:last td:last').attr('id').replace('0', Number($('#photo_total').attr('value'))+1));
        $('#photo_total').attr('value', Number($('#photo_total').attr('value'))+1);
		$('#photoTable tr:last').append('<td><input type="button" value="verwijder" id="deleteItem" /></td>');
    });

    // Dynamisch versturen formulier
    $('#fotoForm').live('submit',function(){
        var inputs = $('form').serialize();
        $.post("retriever.php?menu=theta&item=tFotos", inputs,
            function(data) {
                $('#contentTekst').html(data);
				$('#contentTekst').scrollTop(0);
				$('#photo_total').attr('value', $('#photoTable tr').length-2);
				var html = $('#photoTable tr:odd:first').html();
				$('#photoTable').data('tableRow', html);
				if($('#photo_total').attr('value')>0){
					$('#photoTable tr:last').append('<td><input type="button" value="verwijder" id="deleteItem" /></td>');
				}
            });
        return false;
    });
	
	$('#deleteItem').live('click', function(){
		$(this).parent().parent().remove();
		if($('#photoTable tr').length>2){
			$('#photoTable tr:last').append('<td><input type="button" value="verwijder" id="deleteItem" /></td>');
		}
		$('#photo_total').attr('value', Number($('#photo_total').attr('value'))-1);
		$('#startCosts').html('€ '+getStartCosts()+',-');
	});


    $('#photoTable input[name*=\'amount\']').live('blur', function(){
        var id = this.id.split('_').pop();
		if($(this).val()>0){            
            var format = $('#photoTable select[name*=\''+id+'\']').val();
            var price = getPrice(format, $(this).val());
            $('#photo_price_' + id).html('€ ' + price);
			$('#startCosts').html('€ '+getStartCosts()+',-');
        } else {
            $('#photo_price_' + id).html('');
        }
    });
	
	$('#photoTable select').live(($.browser.msie ? "click" : "change"), function(){
			var id = this.id.split('_').pop();
			if($('#photoTable input[name*=\'amount_'+id+'\']').val()>0){
				var amount = $('#photoTable input[name*=\'amount_'+id+'\']').val();
				var price = getPrice($(this).val(),amount);
				$('#photo_price_' + id).html('€ ' + price);
				$('#startCosts').html('€ '+getStartCosts()+',-');
			}
	});

    function getPrice(format,number){
        if(format=='origineel(JPG)') return 17.50;
        if(number==0) return 0;
        switch(format){
           case '13x18':
                return number*2.50;
            case '20x30':
                return number*5;
            case '30x45':
                return number*12;
            default:
                return -1;
        }
    }
	
	function getStartCosts(){
		var elements = [];
		var uniqueElements = [];
		var total = 0;
		$.each($('#photoTable select'), function(i,ele){
			uniqueElements.push($.inArray($(ele).val(), uniqueElements) == -1 ? $(ele).val() : null);		
		});		
		for(var i=0;i<uniqueElements.length;i++){
			switch(uniqueElements[i]){
				case "13x18":
					total = Number(total) + 2;
					break;
				case "20x30":	
					total = Number(total) + 2;
					break;
				case "30x45":
					total = Number(total) + 6;	
					break;
			}	
		}		
		return total;	
	}
});