this.initLogoHover = function($logo){
	var $hover = $logo.find("> a > span"),
		hoverHeight = $logo.height();

	$logo.hover(
		function(){ $hover.stop().animate({ height: hoverHeight + "px" }, 350) },
		function(){ $hover.stop().animate({ height: 0 }, 250) }
	)
}

this.displayMsg = function($message){

    if(!$message.length) {
        return false
    }
    $message.click(function(){ $(this).fadeOut(300) })
    $message.slideToggle()
    setTimeout(function(){
    $message.fadeOut(300)
    }, 5000)
}
this.initSearch = function(){
	$("#hd input").focus(
		function(){
			if( $(this).val() == 'Rechercher') $(this).val('')
		}
	)
}

$(function(){

    $( "#datepicker" ).datepicker({
            onSelect: function(dateText, inst) {
                window.location = "/fr/events/?date=" + dateText + "#events";
                },
                dateFormat: 'yy-mm-dd',
                monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Aout','Septembre','Octobre','Novembre','Décembre'],
                dayNamesMin: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam']
    });


	initLogoHover($("div#hd > h1, div#hd > strong.logo"))
    displayMsg($("div#message"))
    initSearch();




    if($("#addCommentBtn").length) {
        $("#addCommentBtn").click(function(){

              $("#addComment").fadeIn("slow");
              return false;
        })
    }

     if( $("td.qtChange > input").length ) {
         $(this).change(function(){
             ff = $(this);

              alert( tt.val() );
        })

    }


    $("#search").click(function(){
        $(this).val("");
    })

    $('#search').keyup(function(){
        var keyword = $(this).val()
        if( keyword.length <= 0 ){
            $('div#autoComplete').hide();
            $("#search").val("festival, salle, ville, artistes, ...")
            return false;

        }



        $.getJSON('/fr/events/autoComplete.html',{keyword:keyword},function(data){
                if( data.festivals.length == 0 && data.places.length == 0 && data.artists.length == 0 ){
                    $('div#autoComplete').hide();
                    return false;
                }

                $('div#autoComplete').remove()
                $('#selection').append('<div id="autoComplete">&nbsp;</div>')

                var ct = '<table cellspacing="0" cellpadding="0">'

                if( data.artists.length ){
                    ct += '<tr><td class="autoh3"><h3>Artistes</h3></td></tr>';
                    ct += '<tr><td><ul>';
                    $.each(data.artists, function(i,item){
                        ct += '<li class="tag"><a href="' + item.url + '">' + item.dint + '</a></li>'
                        });

                    ct += '</ul></td></tr>'
                }

                if( data.festivals.length ){
                    ct += '<tr><td class="autoh3"><h3>Festivals</h3></td></tr>';
                    ct += '<tr><td><ul>';
                    $.each(data.festivals, function(i,item){
                        ct += '<li class="tag"><a href="' + item.url + '">' + item.name + '</a></li>'
                        });

                    ct += '</ul></td></tr>'
                }

                if( data.places.length ){
                    ct += '<tr><td class="autoh3"><h3>Salles</h3></td></tr>';
                    ct += '<tr><td><ul>';
                    $.each(data.places, function(i,item){
                        ct += '<li class="tag"><a href="' + item.url + '">' + item.name + '</a></li>'
                        });

                    ct += '</ul></td></tr>'
                }


                ct += '</table>'
                $('div#autoComplete').html(ct);

            }
        )
    })
})