var ui = {
	/* Initialisiert das UI */
	init: function() {
		ui.active();
		ui.navigation();
		ui.button();
		ui.tabs();
		ui.more();
		ui.hideinfoLine();
		ui.parallax();
		
		$('form.jqtransform').jqTransform();
		
		/* Formulare aufwerten */
		
		/* Subnavigation Animation zuweisen */
		$('#navigation ul li a').linkNudge({
			elapseTime: 100
		});	
		
		/* Subnavigation aufklappen */
		$('#navigation li')
			.each(function() {
				$(this).hover(function () {
					$(this).find('.subnavigation').show('fast', function() {
						$(this).stop();
					});
				}, function() {
					$(this).find('.subnavigation').hide('fast');
				});
			});		
	},
	
	navigation: function() {
		if ($.browser.msie && $.browser.version < 7) return;
		$('#navigation li')
			.removeClass('highlight')
			.find('a')
			.append('<span class="hover" />').each(function () {
				var $span = $('> span.hover', this).css('opacity', 0);
				$(this).hover(function () {
					$span.stop().fadeTo(200, 1);
				}, function () {
					$span.stop().fadeTo(400, 0);
				});
			});
			
			
	},
	/*
	initdomainsearch: function() {
		$.getJSON("/json_tld.txt",
			function(data){
			  $.each(data.tlds, function(i,tld){
				var option = document.createElement("option");
				option.value = tld.name;
				option.innerHTML = tld.name;  	
				$('select#tld').append(option);			  
			  });
			});
			$('form.jqtransformAfter').bind("ajaxStop", function(){
				$(this).jqTransform();
			});
	},
	
	domainsearch: function(nme, tld, dst) {
		var domain = $('#'+nme).attr('value');
		var toplevel = $('#'+tld).attr('value');	
		$("#contentLoading").bind("ajaxStart", function(){
			$(this).show();
		}).bind("ajaxStop", function(){
			$(this).hide();
		});

		//?domain="+domain+"&tld="+tld
		var tpl = {
			tablerow = '<tr><td>#{domain}</td><td>#{land}</td><td>#{dauer}</td><td>CHF</td><td>#{preis}</td><td></td></tr>'
		};
		var table = '';
		$.getJSON("/json_tld.txt",
			function(data){
			  $.each(data.tlds, function(i,tld){
				 table += $.tmpl(tpl.tablerow, {domain: tld.name, land: tld.name, dauer: tld.name, preis: tld.name});
			  });
			  table.insertAfter("table#result .thead")
			});
	},
	
	domainprice: function() {
	
	},
	
	domainwhois: function(nme, dest) {
		var domain = $('#'+nme).attr('value');
		$("#contentLoading").bind("ajaxStart", function(){
			$(this).show();
		}).bind("ajaxStop", function(){
			$(this).hide();
		});
		$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags="+domain+"&tagmode=any&format=json&jsoncallback=?",
			function(data){
			  $.each(data.items, function(i,item){
				$("<img/>").attr("src", item.media.m).appendTo("#images");
				if ( i == 3 ) return false;
			  });
			});			
	},*/
	
	/* Aktiven Menupunkt highlighten */
	active: function() {
		var bgPos = Array();
		var id = $('body').attr('id').split("_");
		if($('a.'+id[1]).length > 0) {
			if ($.browser.msie) {
				bgPos[0] = $('a.'+id[1]).css('background-position-x');
			} else {
				bgPos = $('a.'+id[1]).css('background-position').split(" ");
			}
			$('a.'+id[1]).css('background-position', bgPos[0]+' -78px');
		}
	},
	
	hideinfoLine: function() {
		setTimeout('$(".infoLine").slideUp("slow");', 3000); 
	},
	
	/* Button Mouseover/Mouseout Animation */
	button: function() {
		if ($.browser.msie && $.browser.version < 6) return;
		$('.btn_highlight')
			.removeClass('btn_highlight')
			.append('<span class="hover" />').each(function () {
				var $span = $('> span.hover', this).css('opacity', 0);
				$(this).hover(function () {
					$span.stop().fadeTo(200, 1);
				}, function () {
					$span.stop().fadeTo(200, 0);
				});
			});				
	},
	
	/* Sliding Tabs */
	tabs: function() {
     $('#mask').css({'height':$('#panel-1').height()});    
     $('#panel').width(parseInt($('#mask').width() * $('#panel div').length));  
     /*$('#panel div').width($('#mask').width());  */
     $('a[rel=panel]').click(function () {  
         var panelheight = $($(this).attr('href')).height();  
         $('a[rel=panel]').removeClass('selected');  
         $(this).addClass('selected');  
         $('#mask').animate({'height':panelheight},{queue:false, duration:500});           
         $('#mask').scrollTo($(this).attr('href'), 800);       
         return false;  
     });  

	},
	
	/* "Mehr" Funktion für schmale Box */
	more: function() {
		$('div.more').click(function() {
			var more = this;
			var elem = $(this).attr('id').split("_");
			$('#'+elem[1]+'_more').slideToggle({
				duration: 500,
				easing: 'easeOutExpo',
				complete: function() {
				if ($(this).is(':hidden')) {
                    $(more).html('mehr');
					$(more).removeClass('less');
                } else {
                    $(more).html('weniger');
					$(more).addClass('less');
                } 
			}});
		});
	},
	
	parallax: function() {
		jQuery('#parallax').jparallax({
			yparallax:false
		},{
			xtravel: '50px' // Sonne
		},{
			xtravel: '80px' // Sterne 1
		},{
			xtravel: '100px' // Sterne 2
		},{
			xtravel: '300px' // TLDs
		},{ // Erde
		},{
			xtravel: '1200px' // Tags
		});
	},
	
	/* Fileupload (wird nicht benötigt) */
	upload: function() {
		$('#upload_file').fileUpload ({
		'uploader':'/_images/uploader.swf',
		'script':'/_api/uploadify.php',
		'folder':'/upload_tmp_dir',
		'cancelImg' : '/_images/cancel.png',
		'buttonImg':'/_images/upload.png',
		'rollover': true,
		'wmode':'transparent',
		'width':102,
		'height':22,
		'multi':true
		});
		$('#upload').fileUploadStart();
	}
}