// Hide a Featured panel
function hidefeatured(objid)
{
	var panelShowClass = "featured-panel";
    	var panelHideClass = "featured-panel-hide";
    	
	var elemfeatured = jQuery("#fpanel"+ objid);
	
	if (elemfeatured.length){
		if (elemfeatured.hasClass(panelShowClass)) {   
			elemfeatured.removeClass(panelShowClass).addClass(panelHideClass);  
		}  
	}

}


// Set Link Style not active
function linkNotActive(objid)
{
	var elemLink = jQuery(".flink"+ objid);
	elemLink.css('color', '#FFFFFF');
	
}

// Set Link Style active
function linkActive(objid)
{
	var elemLink = jQuery(".flink"+ objid);
	
	if (objid == 1) {
		elemLink.css('color', '#CCCCCC');
	}
	if (objid == 2) {
		elemLink.css('color', '#000000');
	}
	
	if (objid == 3) {
		elemLink.css('color', '#122D81');
	}
}



// Show a Featured panel
function featured(objid) {
	
	var elemfeatured = jQuery("#fpanel"+ objid);
	var panelShowClass = "featured-panel";
    	var panelHideClass = "featured-panel-hide";
    	
    	// Set all featured divs to be hidden
    	hidefeatured(0); // Welcome Intro
	hidefeatured(1);
	hidefeatured(2);
	hidefeatured(3);
	
	// Set all links CSS to Non active style
	linkNotActive(1);
	linkNotActive(2);
	linkNotActive(3);
	
	// Set this link CSS to active
	linkActive(objid);
	
	// Check element exists
	if (elemfeatured.length){

		if (elemfeatured.hasClass(panelHideClass)) {   
	            elemfeatured.removeClass(panelHideClass).addClass(panelShowClass);
	        }   
	        else if (elemfeatured.hasClass(panelShowClass)) {   
	            elemfeatured.removeClass(panelShowClass).addClass(panelHideClass);
	            
	            
        	}   
        	
	}
	
	
}


// On DOM ready
jQuery(document).ready(function(){
    
    var elemfeatLink1 = jQuery('.flink1');
    var elemfeatLink2 = jQuery('.flink2');
    var elemfeatLink3 = jQuery('.flink3');
    
    if (elemfeatLink1.length != 0){
        elemfeatLink1.click(function() {   
      	featured("1");
      	return false;
    	});
    }
    
    if (elemfeatLink2.length != 0){
    	  elemfeatLink2.click(function() {   
          featured("2");   
          return false;
    	});
    }
    
    if (elemfeatLink3.length != 0){
    	elemfeatLink3.click(function() {   
	featured("3");  
	return false;
    	}); 
    }
    
});