﻿

// http://www.stickmanlabs.com/accordion/
//Event.observe(window, 'load', menus, false);

function menus(){
    var horizontalAccordion = new accordion('accordion_menu', {
        classNames : {
            toggle : 'slider_pane',
            toggleActive : 'slider_pane_active',
            content : 'slider_panel'
        },
        defaultSize : {
            width : 354,
            height : 335
        },
        direction : 'horizontal',
        onEvent : 'mouseover'
    });
	horizontalAccordion.activate($$('#accordion_menu .slider_pane')[0]);
}

$jq(function() {
        //Change panels
        $jq("#pane_1").hover(
            function(){
                $jq("#img_pane1").attr({src : "images/home/home_pane_1_a1.png" });
                $jq("#img_pane2").attr({src : "images/home/home_pane_2_a1.png" });
                $jq("#img_pane3").attr({src : "images/home/home_pane_3_a1.png" });
            },
			function () {
			}
        );
        $jq("#pane_2").hover(
            function(){
                $jq("#img_pane1").attr({src : "images/home/home_pane_1_a2.png" });
                $jq("#img_pane2").attr({src : "images/home/home_pane_2_a2.png" });
                $jq("#img_pane3").attr({src : "images/home/home_pane_3_a2.png" });
            },
			function () {
			}
        );
        $jq("#pane_3").hover(
            function(){
                $jq("#img_pane1").attr({src : "images/home/home_pane_1_a3.png" });
                $jq("#img_pane2").attr({src : "images/home/home_pane_2_a3.png" });
                $jq("#img_pane3").attr({src : "images/home/home_pane_3_a3.png" });
            },
			function () {
			}
        );
});


$jq().ready(function() {   
//    $jq('ul.sf-menu').superfish().find('ul').bgIframe({opacity:false}); 
    //Activate hints
//    $jq("#txtEmail").hint();
    //Activate menu
    $jq('.kwicks').kwicks({   
        max: 461,   
        duration: 400,   
        sticky: true  
    });   

    $jq('#div_resources_content').after('<div id="nav" class="nav">').cycle({ 
        fx:     'fade', 
        speed:   300, 
        timeout: 7000, 
//        next:   '#div_resources_content', 
        pager:  '#nav',
        pause:   1 
    });
});  



