$ = jQuery;

onload = function(){
	
    	new FocusBlur(document.getElementById("edit-name"));
    	new FocusBlur(document.getElementById("edit-mail"));
	new Slideshow();
	new TTslide($(".tt-list"));

	$('input.form-radio:radio').click(function(){
		$(this).parents("form.ajax-poll").submit();
	});

	$('#comment-form input[type=submit]').click(function(){
		var loggedin = $('#comment-form input#edit-mail');
		var email = false;
		var email_regex = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
		if(email_regex.test($('#comment-form input#edit-mail').val())){
			email = true;
		}
		if(typeof(loggedin == 'undefined')){
			email = true;
		}
		if(email == true && $('#edit-field-approve-post-rules-und-0').attr('checked')){
		}else{
			$('label.option').css({'background-color':'#DC143C', 'color':'#F8F8FF'});
			$('#comment-form input#edit-mail').css({'background-color':'#DC143C', 'color':'#F8F8FF'});
			return false;
		}
	});
	
	$('input#email').focus(function(){
		if($('input#email').val() == "Din e-postadress"){
			$('input#email').val("");
			$('input#email').css({'color':'black'});
		}
	});
	$('input#email').blur(function(){
		if($('input#email').val() == ""){
			$('input#email').val("Din e-postadress");
			$('input#email').css({'color':'#999'});
		}
	});
	
	var dir = true;
	$('.font-size').click(function(){
		ChangeFontSize(dir);
		if(dir == true){
			dir = false;
		}else if(dir == false){
			dir = true;
		}
		return false;
	});
}

function ChangeFontSize(dir){
	var size = 0;
	if(dir == true){
		dir = 2;
		$('.font-size a').text("Mindre text");
	}else if(dir == false){
		dir = -2;
		$('.font-size a').text("Större text");
	}
	
	object = $('.field-name-field-ingress');
	Change(object);
	object = $('.field-name-body');
	Change(object);
	
	function Change(obj){
		size = parseInt(obj.css("font-size"));
		size = size + dir + 'px';
		obj.css({'font-size': size})
	}
}

function FocusBlur(target){
    if(target == null) return false;
    var defaultValue = target.value;

    var focus = function(){
        if(target.value == defaultValue)
            target.value = '';
    }

    var blur = function(){
        if(target.value == '')
            target.value = defaultValue;
    }

    target.onfocus = focus;
    target.onblur = blur;
}

function Slideshow() {
	var selector = ".image .field-collection-container .field-name-field-images > .field-items > .field-item";
	var selector2 = ".image .field-collection-container .field-name-field-images2 > .field-items > .field-item";
	var init = function($objects) {
		$('.field-item .foto-byline').css('display', 'none');
		var num = $objects.length;
		var $container = $objects.parent().parent();
		var width = $objects.parent().width();

		$objects.parent().width(width*num+"px").css("position", "relative").data("position", 0);
		var $controller = $('<div class="slideshowcontroller"><div class="marker"></div><div class="left"></div><div class="right"></div><div class="caption"></div></div>').appendTo($container);
		$controller.children(".left").bind("click", slideleft);
		$controller.children(".right").bind("click", slideright);
		$controller.children(".caption").text($objects.children(":first").find(".field-type-text").text());
		$objects.css("display", "block").css("position", "relative");
		
		var height = $objects.parent().height();
		$objects.each(function() {
			$(this).css("top", (height - $(this).height())/2);
		});
	}

	var slideleft = function(e) {
		var $container = $(e.target).parent().prev();
		$container.stop(false, true);
		var $target = $container.children(".field-item").eq($container.data("position"));
		var width = $target.width();
		var position = $container.data("position");
		if(!position) {
			$container.css("left", ($container.position().left - 1*width)+"px");
			$container.prepend($container.children().last());
		} else {
			$container.data("position", --position);
		}
		var text = $target.prev().find(".field-type-text").text();
		$container.animate({left: "+="+width}, {queue: true, complete:function() {$(e.target).siblings(".caption").text(text)}});
	}

	var slideright = function(e) {
		var $container = $(e.target).parent().prev();
		$container.stop(false, true);
		var $target = $container.children(".field-item").eq($container.data("position"));
		var width = $target.width();
		var position = $container.data("position");
		if(position == $container.children().length-1) {
			$container.css("left", ($container.position().left + 1*width)+"px");
			$container.append($container.children().first());
		} else {
			$container.data("position", ++position);
		}
		var text = $target.next().find(".field-type-text").text();
		$container.animate({left: "-="+width}, {queue: true, complete:function() {$(e.target).siblings(".caption").text(text)}});
	}
	
	var $objects = $(selector);
	
	if($objects.length > 1) {
		init($objects);
	}
	
	var $objects = $(selector2);
	
	if($objects.length > 1) {
		init($objects);
	}
}

function TTslide(element) {

	var slideLeft = function slideLeft(element){
		var list = $("li", element)
		var first = $(list[0]).width();
		element.animate({"left":"-="+(first+20)}, 2000, function() {
			$(".tt-list li:first-child").appendTo(".tt-list");
			$(element).css({"left":"0px"});
			setTimeout(function(){slideLeft(element)}, 4000);
		});
	}

	if(element == null) return false;
	var width = 0;
	element.children().each(function() {
		width += $(this).outerWidth(true);
	});
	element.css("width", Math.max(element.width(),width));
	setTimeout(function(){slideLeft(element)}, 2000);
}
;