$(function() {
	/* auto complete the search */
	$("#autocomplete").autocomplete("/api.php", {extraParams:{section:"search"}, maxItemsToShow:20});
	
	/* input fields with default values */
	$("input.default-value").each(function() {
		$("input.default-value").css("color", '#444444');
			var default_values = new Array();
			$(this).focus(function() {
				if (!default_values[this.id]) {
					default_values[this.id] = this.value;
				}
				if (this.value == default_values[this.id]) {
					this.value = '';
					this.style.color = '#000000';
				}
			$(this).blur(function() {
				if (this.value == '') {
					this.style.color = '#444444';
					this.value = default_values[this.id];
				}
			});
		});
	});
	
	// default values for forms
	if ($("#country option:selected").value == undefined) {
		$("#country option[value='150']").attr('selected', 'selected');
	}
	if ($("#language option:selected").value == undefined) {
		$("#language option[value='2']").attr('selected', 'selected');
	}
	
    /* thumbnail image carousel */
	$('#jcarousel').jcarousel({
		scroll: 1,
		auto: 3,
		wrap: 'circular',
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	
	$('#sidebar_banner').jcarousel({
		scroll: 1,
		auto: 5,
		wrap: 'circular',
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	
	$('#jcarousel a').click(function(e) {
		/* get image, name and href */
		var image = $(this).attr("rel");
		var name = $(this).attr("title");
		var type = $(this).attr("type");
		
		/* set image, name and href */
		$('div#image').empty();
		
		if (type == 'home') {
			$('div#image').append('<a href="/img/banner/'+image+'" rel="shadowbox"><img class="main" src="/include/phpthumb/phpthumb.php?src=/img/banner/'+image+'&w=360&h=310&zc=1&sia='+image+'" /></a>');
			$("div.info").hide();
			$("div#banner_" + name).show();
		} else if (type == 'showroom_overview') {
			$('div#image').append('<a href="/img/article/'+image+'" rel="shadowbox"><img class="main" src="/include/phpthumb/phpthumb.php?src=/img/article/'+image+'&w=360&h=310&zc=1&sia='+image+'" /></a>');
			$("div.info").hide();
			$("div#article_" + name).show();
		} else if (type == 'showroom_detail') {
			$('div#image').append('<a href="/img/article/'+image+'" rel="shadowbox"><img class="catalogus-image" src="/include/phpthumb/phpthumb.php?src=/img/article/'+image+'&w=360&h=310&zc=1&sia='+image+'" /></a>');
		}
		
		Shadowbox.init({ skipSetup: true }); Shadowbox.setup(); 
		
		$('strong#name').empty();
		$('strong#name').append(name.toUpperCase());
		
		/* dont go to url */
		if (e.preventDefault) {
			e.preventDefault();
		} else {
			e.returnValue = false;
		}
	});
	
	/* tweets */
    $("#tweet").tweet({
        username: "awearnessevents",
        join_text: "auto",
        avatar_size: 32,
        count: 3,
        auto_join_text_default: "<br />",
        auto_join_text_ed: "<br />",
        auto_join_text_ing: "<br />",
        auto_join_text_reply: "<br />",
        auto_join_text_url: "<br />",
        loading_text: "loading tweets..."
    });
    
    $("ul.showroom li a").click(function(e) {
    	var href = $(this).attr("href");
    	
    	$("div.showroom_containers").hide();
    	$("div#" + href + "_container").show();
    	
    	$("ul.showroom li").removeClass("active");
    	$(this).parent().addClass("active");
    	
    	e.preventDefault();
    });
    
    $("ul.showroom_tags li a").click(function(e) {
    	var rel = $(this).attr("rel");
    	
    	$("#showroom_items_container div.showroom_items").slideUp('slow');
    	$("#showroom_items_container div." + rel).slideDown('slow');
    	
    	$("ul.showroom_tags li").removeClass("active");
    	$(this).parent().addClass("active");
    	
    	e.preventDefault();
    });
});