ericbon

hello guys. i am new to whmcs coding, i have read already the rules and procedure on how to customize the header.tpl but still got same error. i have script that need to run on the header.tpl, with the {literal} tag i still didnt get the right result i am expecting. please little assistance and hints is really big help and appreciate. my codes goes like this: {literal} <script type="text/javascript" src="includes/jscript/jquerymin.js"></script> {/literal} {literal} <script type="text/javascript" src="includes/jscript/minified.js"></script> {/literal} {literal} <script type="text/javascript" src="includes/jscript/jquery.js"></script> {/literal} {literal} <script language="javascript" type="text/javascript"> function MM_jumpMenu(targ,selObj,restore){ eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } </script> {/literal} {literal} <script language="javascript"> {literal} $(document).ready(function() { //On Hover Over function megaHoverOver(){ $(this).find(".sub").fadeTo('fast', 1).show(); //Find sub and fade it in (function($) { //Function to calculate total width of all ul's jQuery.fn.calcSubWidth = function() { rowWidth = 0; //Calculate row $(this).find("ul").each(function() { //for each ul... rowWidth += $(this).width(); //Add each ul's width together }); }; })(jQuery); if ( $(this).find(".row").length > 0 ) { //If row exists... var biggestRow = 0; $(this).find(".row").each(function() { //for each row... $(this).calcSubWidth(); //Call function to calculate width of all ul's //Find biggest row if(rowWidth > biggestRow) { biggestRow = rowWidth; } }); $(this).find(".sub").css({'width' :biggestRow}); //Set width $(this).find(".row:last").css({'margin':'0'}); //Kill last row's margin } else { //If row does not exist... $(this).calcSubWidth(); //Call function to calculate width of all ul's $(this).find(".sub").css({'width' : rowWidth}); //Set Width } } //On Hover Out function megaHoverOut(){ $(this).find(".sub").stop().fadeTo('fast', 0, function() { //Fade to 0 opactiy $(this).hide(); //after fading, hide it }); } //Set custom configurations var config = { sensitivity: 1, // number = sensitivity threshold (must be 1 or higher) interval: 1, // number = milliseconds for onMouseOver polling interval over: megaHoverOver, // function = onMouseOver callback (REQUIRED) timeout: 2, // number = milliseconds delay before onMouseOut out: megaHoverOut // function = onMouseOut callback (REQUIRED) }; $("ul#topnav li .sub").css({'opacity':'0'}); //Fade sub nav to 0 opacity on default $("ul#topnav li").hoverIntent(config); //Trigger Hover intent with custom configurations }); {/literal} </script> {/literal} i have this thought that i might have problem with the directory placement. my header.tpl is located at templates/newdesign and the script files is located outside the folder of template includes/jscript .... i even try to put the file where the header.tpl is located but still no good.. please help me with this one thanks allot.