A series o issue

I am having multiple problems with my WP theme.

Brief Info:
I am using a blank wp theme to create my website

Issue #1

I am not able to link my javascript files, even after searching for the right code, it still doesn’t works. Below is the code i am using

function loadscripts()
{  

    // Register the script like this for a theme:
	wp_deregister_script('jquery'); // Deregister WordPress jQuery
    wp_register_script( 'custom-script', get_template_directory_uri() . '/js/scripts.js', array( 'jquery' ) );
	wp_enqueue_script('custom-script');

	wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js', array(), '1.9.0'); // Google CDN jQuery
	wp_enqueue_script('jquery'); // Enqueue it!

	wp_register_script('swf', get_template_directory_uri() . '/js/swfobject_modified.js' );
	wp_enqueue_script('swf'); // Enqueue it!

	wp_register_script('cufonyui', get_template_directory_uri() . '/js/cufon-yui.js' );
	wp_enqueue_script('cufonyui'); // Enqueue it!

}
add_action( 'wp_enqueue_scripts', 'loadscripts' );  

?>

Issue #2

My background image doesn’t shows up on the main page. I am using a custom image for my main menu bar, for the which the code is

HTML Code

<div class="menuz-back" style="background:url(images/nhew/menu-bg.jpg)">

<nav style="padding-left:46px">
                            <ul class="menuz wrapper">
                            <li class="active"><a href="index.html" title="Home Page">Home page</a>

<li><a href="company.html" title="Company">Our Company</a></li>
<li><a href="services.html" title="Services">Our services</a></li>
<li><a href="premium_members.html" title="Service Partners">Service Partners</a></li>
<li><a href="projects.html">Our Work</a></li>
<li><a href="contact.html" title="Contact Us">Contact Us</a></li>
                        </nav>

            </div>

CSS Code:

/***** menu *****/
.menuz-row {
	width:100%;
	background:url(../images/menu-row-tail.gif) center top repeat-x #178fbe;
/*	margin-top:10px;*/
}
.menuz-back {
	width:100%;
	float: left;
	background:url(menu-bg.jpg) center top no-repeat;

margin: 0;
border: 0;
padding: 0;
float: left;
width: 750px;
height: 124px;

}
.menuz {
	padding:0 0 0 0;
	background:url(../images/menu-spacer.gif) left top no-repeat;
}

.menuz li {
	float:left;
	position:relative;
	background:url(../images/menu-spacer.gif) right top no-repeat;
	padding-right:2px;
}
.menuz li a {
	display:block;
	font-size:18px;
	line-height:3em;
/*	width:159px;*/
	width:145px;
	padding:8px 0 8px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-1px;
}
.menuz li.active a,
.menuz > li > a:hover {color:#000}

[Moderator note: Please wrap all code in backticks]

I am fedup with the continous problems arising, feeling like commiting suicide :p

Please Help