// JavaScript Document
$(document).ready(function(){
						   
	
   $('ul#ul_dates img').css("display","none");
   $('ul#ul_dates div').css("display","none");
   

	$(".date-pick").datepicker({		
		showOn: 'button', 
		buttonImage: 'Images/calendarIcon.jpg', 
		buttonImageOnly: true,
		position: 'top',
		dateFormat: 'dd/mm/yy',
		currentText: 'Now',
		topOffset: 180
		
	});
	
	/*$(".date-pick").datepicker().focus(
	    function() {
            $(".ui-datepicker").css('top', $(".ui-datepicker").offset().top - $(".ui-datepicker").height());
    });*/
        
         
    var listItemIndex = 1;
    
    $('div.medium-panel li div').css("display", "none").animate({"opacity":0},0);
    $('div.medium-panel li#first div').css("display", "block").animate({"opacity":1},0);
    
    $('div.medium-panel li').hover(
        function(){
           $('div.medium-panel li div').stop().animate({"opacity":0}, 250);
           $(this).contents().find('div').css("display", "block").stop().animate({"opacity": 1},500);
           //$(this).children('dl dd div').stop().animate({"opacity":1},500);
           //console.log($(this).children('dd').children('div'));
        },
        function(){
           $(this).contents().find('div').stop().animate({"opacity": 0},500);
           $('div.medium-panel li div').stop().animate({"opacity":0},250).css("display","none");
           $('div.medium-panel li#first div').css("display","block").stop().animate({"opacity":1}, 500);
        }        
    );
		
});