jQuery(function(){
    // Add the "»" to the menu and fix spacings
    jQuery(".menu-header ul li").each(function(){
        if(jQuery(this).children('ul').length>0){
            jQuery(this).find('a:first').append(' »');
        }
    });     
                
});
        
jQuery(document).ready(function() {


    // Shortcode animation - Show/Hide
    jQuery("a.show_hide").toggle(
        function(){
            jQuery(this).parent("div").children("div").fadeIn(300);
        },
        function() {
            jQuery(this).parent("div").children("div").fadeOut(300);
        }
    );
   
   
    //Get Rid of Margin on 4th Homepage Box and Footer widgets
    jQuery("#homepage_icon_boxes div:nth-child(4), #homepage_icon_boxes div:nth-child(8)").css("margin-right", "0px");
    jQuery("#footer_inner div:nth-child(4)").css("margin-right", "0px");

    
    //Tagline Button animation
    if (jQuery.browser.msie) {      
    
    jQuery("img.pixastic_logo").fadeTo(700, 0.4);
    
    } else {
        jQuery("a.tagline_button").hover(
            function(){
                jQuery(this).children("span").stop().fadeTo(900, 1);
            },
            function(){
                jQuery(this).children("span").stop().fadeTo(900, 0);
            }
        );  
    }
    
    //Main Navigation animation 
    if (jQuery.browser.msie) {
    
    
        jQuery(".menu-header a, #footer a").fadeTo(700, 0.7);       
        
        
        jQuery("#footer a").hover(
            function(){
                jQuery(this).stop().fadeTo(700, 1);
            },
            function(){
                jQuery(this).stop().fadeTo(700, 0.7);
            }
        );
        
        
        jQuery(".menu-header ul li").hover(
            function(){         
                li_width = jQuery(this).width();    //Get the width of parent li element                
                centred_width = ( ( 108 - (li_width / 2) ) * -1 );    //Calculate displacement for background image         
                centred_width2 = ( ( 74 - (li_width / 2) ) * -1 );    //Calculate displacement for Dropdown             
                jQuery(this).children("span").css("left",  centred_width  + "px");    //Alter absolute left property (centre)               
                jQuery(this).children("ul").css("left",  centred_width2  + "px");    //Alter absolute left property (centre)                
                jQuery(".menu-header ul li ul li ul").css("left",  "143px");    //Alter absolute left property of dropdown level 3              
                jQuery(this).children("a").stop().fadeTo(700, 1); // Fade in text fully                 
            },
            function(){                          
                jQuery(this).children("a").stop().fadeTo(700, 0.7);                     
            }
        );      
        
    } else {
    
        jQuery(".menu-header ul li").hover(
            function(){         
                li_width = jQuery(this).width();    //Get the width of parent li element                
                centred_width = ( ( 108 - (li_width / 2) ) * -1 );    //Calculate displacement for background image         
                centred_width2 = ( ( 74 - (li_width / 2) ) * -1 );    //Calculate displacement for Dropdown     
                jQuery(this).prepend(jQuery("<span></span>"));    //Inject the background image         
                jQuery(".menu-header ul li ul li span").remove();     //Remover the image from drop downs   
                jQuery(this).children("span").css("left",  centred_width  + "px");    //Alter absolute left property (centre)               
                jQuery(this).children("ul").css("left",  centred_width2  + "px");    //Alter absolute left property (centre)                
                jQuery(".menu-header ul li ul li ul").css("left",  "143px");    //Alter absolute left property of dropdown level 3              
                jQuery(this).children("a").stop().fadeTo(700, 1); // Fade in text fully 
                jQuery(this).children("span:nth-child(1)").stop().fadeTo(700, 0.9); //Fade in the background image
            },
            function(){
                jQuery(this).children("span:nth-child(1)").stop().fadeOut(700);              
                jQuery(this).children("a").stop().fadeTo(700, 0.7);                     
            }
            
        );  
        
        jQuery("#footer a").hover(
            function(){
                jQuery(this).stop().fadeTo(700, 1);
            },
            function(){
                jQuery(this).stop().fadeTo(700, 0.7);
            }
        );
    }
    

    //Dropdown animation
    if (jQuery.browser.msie) {  
        
        jQuery(".menu-header ul li").hover(
            function(){ 
                jQuery(this).children("ul").fadeIn(1);          
            },
            function(){
                jQuery(this).children("ul").fadeOut(1);         
            }
        );

    } else {

        jQuery(".menu-header ul li").hover(
            function(){ 
                jQuery(this).children("ul").stop(true, true).slideDown(200);            
            },
            function(){
                jQuery(this).children("ul").animate({opacity: '+=0'}, 100).fadeOut(300);        
            }
        );
        
    }
        
    
    //Homepage Testimonials 
    jQuery(".testimonial_quote:first, .pixastic_positioner:first img.colour_logo").fadeIn(300); 
    jQuery(".pixastic_positioner").addClass("inactive");    
    jQuery(".pixastic_positioner:first").removeClass("inactive").addClass("active");
    
    jQuery(".pixastic_positioner").hover(
        function(){         
            if(jQuery(this).hasClass("inactive")) { 
                jQuery("img.colour_logo").stop(true, true).fadeOut(300);
                jQuery(".testimonial_quote").stop(true, true).fadeOut(300);
                jQuery(this).children("a").children("img.colour_logo").stop(true, true).fadeIn(300);            
                jQuery(this).parent("li").children(".testimonial_quote").stop(true, true).fadeIn(300);          
            } 
            jQuery(".pixastic_positioner").removeClass("active")
            jQuery(".pixastic_positioner").addClass("inactive")
            jQuery(this).addClass("active");
            jQuery(this).removeClass("inactive");
        }
    );  

    
    // Portfolio 4 Column Animations
    jQuery(".portfolio_item_4_col").hover(
        function(){
        jQuery(this).children("a.frame").stop().animate({ top: "-15px"}, 300 );
        jQuery(this).children(".portfolio_item_4_col span.portfolio_shadow").stop().animate({ bottom: "-7px"}, 300 );
        jQuery(this).children("div.portfolio_item_4_col.description span.portfolio_shadow").stop().animate({ top: "154px"}, 300 );
        jQuery(this).children("a.frame").children("span.portfolio_loading").children("img").stop(true, true).fadeOut(800);
        },
        function(){
        jQuery(this).children("a.frame").stop().animate({ top: "0px"}, 300 );
        jQuery(this).children(".portfolio_item_4_col span.portfolio_shadow").stop().animate({ bottom: "0px"}, 300 );
        jQuery(this).children("div.portfolio_item_4_col.description span.portfolio_shadow").stop().animate({ top: "147px"}, 300 );
        jQuery(this).children("a.frame").children("span.portfolio_loading").children("img").stop(true, true).fadeIn(800);       
        }
    );
    

}); 

jQuery(document).ready(function(){  
    

});