$(document).ready(function() {
    
    $('#home_slide').cycle({ 
        fx: 'fade',
        speed: 2000,
   	timeout: 5000
    });
    
    $('#cat_slider').cycle({ 
        fx: 'scrollLeft',
        speed: 2000,
   	timeout: 5000,
        next:   '#next', 
        prev:   '#prev'
    });
    
    $('#cal_slider').cycle({ 
        fx: 'fade',
        speed: 500,
   	timeout: 0,
        next: '.next_month', 
        prev: '.prev_month'
    });
    
    
    
    $('#nav li.drop').hover(function() {
	
	$(this).children(':first-child').addClass('dropdown');
	$('ul', this).slideDown('fast');
	
    },function() {
	
	$(this).children(':first-child').removeClass('dropdown');
	$('ul', this).slideUp('fast');
	    
    });
    
    //small calendar tootip
    $('td.booked').hover(function() {
        
        var shift = $('div.tooltip', this).outerHeight() - 5;
        $('div.tooltip', this).css('top', -shift).fadeIn(200);
        
    }, function () {
        
        $('div.tooltip', this).fadeOut(200);
        
    });
    
    //open large calendar
    function hideLoader() {
        $('#load').fadeOut(4000);
    }
    
    $('#open_cal').click(function(e) {
	
	e.preventDefault();
	
	var docH = $(document).height();
        var winW = $(window).width();
	
	$('<div id="shadow"></div>').insertAfter('#container');
	var maskHeight = $(document).height();
        $('#shadow').css({'width':'100%','height':maskHeight, 'opacity':0.8}).fadeIn(1000);
	
	$('<div id="calendar_holder"></div>').insertAfter('#shadow');
	
	$('<span id="load"></span>').prependTo('#calendar_holder').hide();
        $('#load').fadeIn('slow');
	
	$('#calendar_holder').load('javascript/snippet/calendar.php?random=' + Math.random()*99999, hideLoader());
	
	var calHolder = $('#calendar_holder');
	
	//calHolder.css('top',  docH/2-$(calHolder).height()/2);
        calHolder.css('left', winW/2-$(calHolder).width()/2);
                
        calHolder.fadeIn('slow');
	
	
	return false;
	
    });
    
    //select different month
    $('#prev_month_large').live('click', function() {
        
        var postDate = $(this).attr('rel');
        
        $('.large_calendar').fadeOut(100);
        $('<span id="load"></span>').prependTo('#calendar_holder').hide();
        $('#load').fadeIn('slow');
        $('#calendar_holder').load('javascript/snippet/calendar.php?random=' + Math.random()*99999, {'date': postDate}, hideLoader()).hide().fadeIn(500);
        
        
        //$('#load').fadeIn('slow');
        
        return false;
    });
    
    $('#next_month_large').live('click', function() {
        
        var postDate = $(this).attr('rel');
        
        $('.large_calendar').fadeOut(100);
        $('<span id="load"></span>').prependTo('#calendar_holder').hide();
        
        $('#load').fadeIn('slow');
        $('#calendar_holder').load('javascript/snippet/calendar.php?random=' + Math.random()*99999, {'date': postDate}, hideLoader()).hide().fadeIn(500);
        
        return false;
        
    });
    
    $('.close').live('click', function(e) {
        e.preventDefault();
        $('#calendar_holder').fadeOut('fast');
        $('#shadow').hide();
    });
      
    $('#shadow').live('click', function() {  
        $(this).hide();  
        $('#calendar_holder').fadeOut('fast');  
    });
    
    //submit sagepay form
    if ($('#SagePayForm').length > 0) {
	//alert('working');
	$('form#SagePayForm').submit();
    }
    
    
});