//****************************************************//
//                  ON DOMREADY                       //
//****************************************************//
window.addEvent('domready', function(){
       
    window.store('domready', true); 
	
	var accordion = new Accordion($$('.toggler'),$$('.element'), {
		opacity: 100,
		onActive: function(toggler) { 
		    toggler.setStyle('cursor', 'default');
		    toggler.setStyle('color', '#02d264');
		},
		onBackground: function(toggler) {
		    toggler.setStyle('cursor', 'pointer');
		    toggler.setStyle('color', '#02d264'); 
		}
	});
});
//****************************************************//
//                     ON LOAD                        //
//****************************************************//
window.addEvent('load', function(){ 

    if(!window.retrieve('domready')){ 
    	window.fireEvent('domready');  
    };

}, true);
//****************************************************//
//                     HOVER EFFECTS                  //
//****************************************************//
function setHoverTxt(sObjects, sColor1, sColor2) {

    $(document.body).getElements(sObjects).addEvents({
        'mouseenter': function(){
            this.set('morph', {duration: 300, link: 'cancel'});        
            this.morph({
    	        'color': sColor1
            });                     
        },
        'mouseleave': function(){
            this.set('morph', {duration: 300, link: 'cancel'});          
            this.morph({          
    	        'color': sColor2   	        
            });           
        }
    });
}

function swapClass(sObjects, sClassName1, sClassName2) {

    //$(document.body).getElements(sObjects).addEvents({
    $$(sObjects).addEvents({
        'mouseenter': function(){
			this.setProperty('class', sClassName1); 
        },
        'mouseleave': function(){
			this.setProperty('class', sClassName2); 
        }
    });
}

function setHoverBgImg(sObjects, sPath1, sPath2) {
    $(document.body).getElements(sObjects).addEvents({
        'mouseenter': function(){
            this.setStyle('background-image', sPath1);                          
        },
        'mouseleave': function(){
            this.setStyle('background-image', sPath2);           
        }
    });
}


//****************************************************//
//                    DISPLAY POPUP                   //
//****************************************************// 
function getPopup(action, sTitle, sImg, sDesc) {
    
    var bg          = $('popup_layer');
    var out_cont    = $('popup_outer_container');
    var inn_cont    = $('popup_inner_container');
    var popup_title = $('popup_header_mid');    
    var popup_file  = $('popup_mid_fileholder');  
    var popup_desc  = $('popup_mid_description');
    
    if (action == 'open')
    {
        popup_title.innerHTML   = sTitle;
        popup_file.innerHTML    = sImg;
        popup_desc.innerHTML    = sDesc;
        
        bg.setStyles({
            'opacity' : 0.0,
            'display' : 'block',
            'height'  : window.getScrollHeight(),
            'width'   : window.getScrollWidth()    
        });
        bg.set('morph', {
            duration: 400, 
            link: 'cancel',
            onComplete: function() {
                out_cont.setStyles({
                    'display' : 'block'
                });
            }
        });
        bg.morph({
            'opacity' : 0.7
        });
    }
    else //close popup
    {

        out_cont.setStyles({
            'display' : 'none'
        });
        bg.set('morph', {
            duration: 400, 
            link: 'cancel'                   
        });
        bg.morph({
            'opacity' : 0.0
        });                              
 
    }
 
}
//****************************************************//
//              CENTRAL CONCEPTS SEARCH               //
//****************************************************//
function getConceptsBySearch(string) {
      
    var myUrl = '/layouts/handler_central_concepts.aspx?searchtxt=' + string;
    var req = new Request.HTML({        
        method: 'get',           
        url: myUrl,                                   
        update: $('search_results_container'),
        onComplete: function() {
	            setHoverTxt('div.search_results_item','#10a5bc','#ffffff'); 
        }                     
    }).send();
}
function getConceptByID(id) {
      
    var myUrl = '/layouts/handler_central_concepts.aspx?itemid=' + id;
    var req = new Request.HTML({        
        method: 'get',           
        url: myUrl,                                   
        update: $('search_current_item'),
        onComplete: function() {
	            setHoverTxt('span.current_item_link','#ffffff','#10a5bc'); 
        }                             
    }).send();

}