$(document).ready(function () {





    /*  Background changer start ----------------------------------------------- */

    var bg_total = 8;       //set number of background images  
    
    var wait_time = 5000;   //set image wait timer 
    
    var fade_time = 7500;   // set image fade time 
    
    
    $('#stage').css({'background' : 'none'}); //turns off bg image set for non-javascript situation
    
    $.fn.wait = function(time, type) {
        time = time || 1000;
        type = type || "fx";
        return this.queue(type, function() {
            var self = this;
            setTimeout(function() {
                $(self).dequeue();
            }, time);
        });
    };
    
    
    //set height of bg image containers
    var stage_height = $('#stage').height() + 162;

    $('#bg_pic_holder').css({ 'height' : stage_height }); 
    
    $('#bg_pic_holder2').css({'height' : stage_height });
    
    //set random start images for background rotator
    var randomnumber=Math.floor(Math.random()*bg_total); 
    $('#bg_pic_holder').css({'background-image': 'url(/images/bg_main'+randomnumber+'.jpg)', 'z-index' : '-1' })
    var randomnumber=Math.floor(Math.random()*bg_total); 
    $('#bg_pic_holder2').css({'background-image': 'url(/images/bg_main'+randomnumber+'.jpg)', 'z-index' : '-2'});
    
    function bg_image_rotate() {

        $('#bg_pic_holder').wait(wait_time).fadeOut(fade_time, function() {
        
            //callback1
            $('#bg_pic_holder2').css({'z-index' : '-1'});
            var randomnumber=Math.floor(Math.random()*bg_total);
            $('#bg_pic_holder').css({'z-index' : '-2', 'background-image': 'url(/images/bg_main'+randomnumber+'.jpg)'}).fadeIn('fast', function() {
            
                //callback2
                $('#bg_pic_holder2').wait(wait_time).fadeOut(fade_time, function() {
                
                    //callback3
                    $('#bg_pic_holder').css({'z-index' : '-1'}); 
                    var randomnumber=Math.floor(Math.random()*bg_total); 
                    $('#bg_pic_holder2').css({'z-index' : '-2', 'background-image': 'url(/images/bg_main'+randomnumber+'.jpg)'}).fadeIn('fast', bg_image_rotate); 
                   
                });
            });
        }); 

    }
    
    bg_image_rotate();
    
    /* Background changer end  --------------------------------------------- */
    
   
   /*  Colapsible menu script  start  -------------------------------------- */
   
   $('.submenu').css({'display':'none', 'float': 'left'}); 

    //set alt tags to id name
    $('.main_menu').each(function() {
    
        var menu_id = $(this).attr('id').replace(/\s+/g,'').toLowerCase();
         
        $(this).attr('alt', menu_id);

    }); 
    
    //select menus with childre to attach click bhaviour to - remove select menu from collection
    $menu_with_cildren = $('.submenu').prev().not('.submenu').not('.main_menu.selected').children();   
        
    $menu_with_cildren.click(function (event) {
    
        event.preventDefault();
                    
        var clicked_id = $(this).parent().attr('alt');
        
        var submenu_class = $(this).children().attr('alt').replace(/\s+/g,'').toLowerCase(); 
         
        $('.'+submenu_class).show('2500').fadeIn('2500', function() { 
         
            //callback
            $('.main_menu[alt="'+clicked_id+'"]').click(function() {
                
                $('.'+submenu_class).hide('2500'); 
                
                $(this).unbind('click');
              
            }); 
        
        });
        
    });
    
    //function to retain onclik colapsible menu for selected menus
    function selected_menu_beahviour(){
    
        $('.main_menu.selected').css('cursor', 'pointer');
    
        $('.main_menu.selected').click(function(){
        
            var submenu_class_selected = $(this).attr('alt');
            
            $(this).unbind('click');
            
            $('.'+ submenu_class_selected).hide('2500', function(){
                
                    //callback
                    $('.main_menu[alt="'+submenu_class_selected+'"]').click(function() {
                        
                        $('.'+submenu_class_selected).show('2500', selected_menu_beahviour); 
                        
                    }); 
                
            });
        
        }); 
    }
    
    selected_menu_beahviour();
       

    
});

/*  Colapsible menu script  end  -------------------------------------- */