JavaScript - Subtracting From Health Variable Using Onclick Function?

I'm currently working on a project and I am doing a bunch of image switching.

I'm having a problem with the following...

I have seven medium image objects and one small one. One is at the top and the other 7 are below. When one of the 7 is clicked, it then becomes the one up top and the one up top then takes the place of the image clicked. This needs to be able to happen no matter which of the seven i click.

Also when you click one of the seven it runs a script to change 9 other images in the center of the page. this isnt too important because i have it working already.

What i have is, each of the seven images run their function that changes the 9 center images and then it runs another function.

What i need is for that function to determine which company for example(shaws, lowes, target) the top image belongs to and replace the image that was clicked with the top one. But i also need to replace the NAME="" and ONCLICK="function()" with the proper ones for the original company up top.

Please if you can understand what im trying to do let me know, if you need further clarification i can do so. i can draw a picture of what im trying to do or the layout if needed but i cant necessarily show anyone the project due to a non-disclosure.

I am trying to use an onclick statement to go to an alternate web page displaying a different version of tha file being displayed in the current page.

In the HEAD section of the current page I have a global variable named currentfile that contains a file name. This function is also in the HEAD section immediately below the variable's declaration

Code:

      function altlink()
      {
        gotolink = "http://www.mydomain.com/testpage.htm?alt=" + currentfile;
        return gotolink
      }

I have tried every combination I can think of in the onclick code to get it to work but, no joy. here is an example:

Code:

<a href="#" onClick=altlink(); return false; <img src="change.png" width="47" height="30"></a>

If anyone here can sort me out I'd really appreciate it. I just can't get the next page to load.

i have an image with an onclick function and parameters 0,1

i want to change the parameters of the onclick function through the same function?

Code:

<img id="down0" onclick=swap(0,1) />

<javascript>
function swap(a,b){
var imgda=document.getElementById('down'+a);
imgda.onclick = swap(b,b+1);
}
</javascript>

normally it should change the onclick to swap(1,2)

but it remains 0,1

whats happening??

p.s. plz dont tell me about the javascript tag, its just for quick explaining...

I'm doing a school project and I am using JPlayer as a media player. The site is essentially a music jukebox with a search. I have the playlist set up in the jukebox with 5 songs from the start, but I need to make it so that when you do a search and click the plus sign button next to a song, it will change one of the songs in the playlist to that song.

I have the search and everything working but when I click the button it does not actually change the variable in the javascript. Any help or insight to this would be much appreciated.

Below is the javascript (with some PHP, but that shouldn't effect what I need).

Thanks in advance!!

Code:

<link rel="stylesheet" href="stylesheets/style.css" type="text/css" />
		<!-- CSS files required for JPlayer -->
		<link type="text/css" href="skin/jplayer.blue.monday.css" rel="stylesheet" />
		<link rel="stylesheet" href="skin/jplayeraudio.css" type="text/css" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
		<script type="text/javascript">
		<!--
		var nextSet = 1;
		
		<?php
		$songsInDB = 70;
		
		$rand1 = rand(1, $songsInDB);
		$rand2 = rand(1, $songsInDB);
		while($rand2 == $rand1) {
			$rand2 = rand(1, $songsInDB);
		}
		$rand3 = rand(1, $songsInDB);
		while($rand3 == $rand2 || $rand3 == $rand1) {
			$rand3 = rand(1, $songsInDB);
		}
		$rand4 = rand(1, $songsInDB);
		while($rand4 == $rand3 || $rand4 == $rand2 || $rand4 == $rand1) {
			$rand4 = rand(1, $songsInDB);
		}
		$rand5 = rand(1, $songsInDB);
		while($rand5 == $rand4 || $rand5 == $rand3 || $rand5 == $rand2 || $rand5 == $rand1) {
			$rand5 = rand(1, $songsInDB);
		}
		?>
		
		var var1 = <?php echo $rand1; ?>;
		var var1artist = '<?php echo $database->getSongArtist($rand1); ?>';
		var var1title = '<?php echo $database->getSongTitle($rand1); ?>';
		var var2 = <?php echo $rand2; ?>;
		var var2artist = '<?php echo $database->getSongArtist($rand2); ?>';
		var var2title = '<?php echo $database->getSongTitle($rand2); ?>';
		var var3 = <?php echo $rand3; ?>;
		var var3artist = '<?php echo $database->getSongArtist($rand3); ?>';
		var var3title = '<?php echo $database->getSongTitle($rand3); ?>';
		var var4 = <?php echo $rand4; ?>;
		var var4artist = '<?php echo $database->getSongArtist($rand4); ?>';
		var var4title = '<?php echo $database->getSongTitle($rand4); ?>';
		var var5 = <?php echo $rand5; ?>;
		var var5artist = '<?php echo $database->getSongArtist($rand5); ?>';
		var var5title = '<?php echo $database->getSongTitle($rand5); ?>';
		
		
		var playItem = 0;
		
		$(document).ready(function(){

			var myPlayList = [
				{name:var1artist+" - "+var1title, mp3:"music/"+var1+".mp3"},
				{name:var2artist+" - "+var2title, mp3:"music/"+var2+".mp3"},
				{name:var3artist+" - "+var3title, mp3:"music/"+var3+".mp3"},
				{name:var4artist+" - "+var4title, mp3:"music/"+var4+".mp3"},
				{name:var5artist+" - "+var5title, mp3:"music/"+var5+".mp3"},
			];

			// Local copy of jQuery selectors, for performance.
			var jpPlayTime = $("#jplayer_play_time");
			var jpTotalTime = $("#jplayer_total_time");

			$("#jquery_jplayer").jPlayer({
				ready: function() {
					displayPlayList();
					playListInit(false); // Parameter is a boolean for autoplay.
				},
				ended: function() {
					playListNext();
				},
				swfPath:"/js",
				nativeSupport: true,
				supplied: "mp3"
			});

			$("#jplayer_previous").click( function() {
				playListPrev();
				$(this).blur();
				return false;
			});

			$("#jplayer_next").click( function() {
				playListNext();
				$(this).blur();
				return false;
			});

			function displayPlayList() {
				$("#jplayer_playlist ul").empty();
				for (i=0; i < myPlayList.length; i++) {
					var listItem = (i == myPlayList.length-1) ? "<li class='jplayer_playlist_item_last'>" : "<li>";
					listItem += "<a href='#' id='jplayer_playlist_item_"+i+"' tabindex='1'>"+ myPlayList[i].name +"</a></li>";
					$("#jplayer_playlist ul").append(listItem);
					$("#jplayer_playlist_item_"+i).data( "index", i ).click( function() {
						var index = $(this).data("index");
						if (playItem != index) {
							playListChange( index );
						} else {
							$("#jquery_jplayer").jPlayer("play");
						}
						$(this).blur();
						return false;
					});
				}
			}

			function playListInit(autoplay) {
				if(autoplay) {
					playListChange( playItem );
				} else {
					playListConfig( playItem );
				}
			}

			function playListConfig( index ) {
				$("#jplayer_playlist_item_"+playItem).removeClass("jplayer_playlist_current").parent().removeClass("jplayer_playlist_current");
				$("#jplayer_playlist_item_"+index).addClass("jplayer_playlist_current").parent().addClass("jplayer_playlist_current");
				playItem = index;
				$("#jquery_jplayer").jPlayer("setMedia", myPlayList[playItem]);
			}

			function playListChange( index ) {
				playListConfig( index );
				$("#jquery_jplayer").jPlayer("play");
			}

			function playListNext() {
				var index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
				playListChange( index );
			}

			function playListPrev() {
				var index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
				playListChange( index );
			}
		});
		
		function loadSong(songID, artist, title) {
			if(nextSet == 1){
				var1 = songID;
				var1artist = artist;
				var1title = title;
				nextSet++;
			}

			else if(nextSet == 2){
				var2 = songID;
				var2artist = artist;
				var2title = title;
				nextSet++;
			}

			else if(nextSet == 3){
				var3 = songID;
				var3artist = artist;
				var3title = title;
				nextSet++;
			}

			else if(nextSet == 4){
				var4 = songID;
				var4artist = artist;
				var4title = title;
				nextSet++;
			}

			else if(nextSet == 5){
				var5 = songID;
				var5artist = artist;
				var5title = title;
				nextSet++;
			}

			if(nextSet > 5){
				nextSet = 1;
			}
			
			alert("Song has been queued! "+nextSet)
		}
		
		
		var i = 1;
		$(document).ready(function(){
			$(".search").click(function(){
				$.post("livequery.php", { keywords: $(".keywords").val(), mode: $(".mode").val() }, function(data){
					$("table#content").empty()
					$.each(data, function(){
						var _class = "search_content1";
						if(i % 2 == 0) {
							_class = "search_content2";
						}
						$("table#content").append("<tr class='"+_class+"'><td class='trunc_table' width='4%'><input type='button' value='+' onClick=\"loadSong('"+this.id+"', '"+this.artist+"', '"+this.title+"')\" /></td><td class='trunc_table' width='27%'>" + this.title + "</td><td class='trunc_table' width='1%'> </td><td class='trunc_table' width='22%'>" + this.artist + "</td><td class='trunc_table' width='1%'> </td><td class='trunc_table' width='16%'>" + this.album + "</td><td class='trunc_table' width='1%'> </td><td class='trunc_table' width='14%'>" + this.genre + "</td><td class='trunc_table' width='1%'> </td><td class='trunc_table' width='13%'>" + this.mood + "</td></tr>");
						i++;
					});
				}, "json");
			});
		});
		-->
		</script>

Also, the code for the playlist is in the myPlayList array, which I'm referencing the title, artist, and filename with the javascript values. I'm trying to change them in the function loadSong(songID, artist, title). I get the alert popup that I have in there, but no values change as far as the songs.

So ill try best to describe what im doing,

I grab information from a database and it displays with its model number and a value. I use that value to put into a URL so it will go to the database and delete that values entry. It works excpet it ALWAYS grabs the last value(aka the last entry). So i need it to grab what ive selected rather than the last value.

Any help will be great!


Code:

<form name="addswitchtype" id="addswitchtype" action="<?php echo $this->url('system/switch_management/newtype'); ?>" method="POST">
<h4>Update Switch Model Information</h4>
<table>
        <select name"switchtypeid" id="switchtypeid">
                        <option value="">New</option>
                <?php foreach($this->switchtype as $switch_type): ?>
                        <option value"<?php echo $switch_type->switchtypeid; ?>"><?php echo $switch_type->switchmodel; ?></option>
                <?php endforeach; ?>
        </select>
 </table>
<div id="switchtype-data" style="padding-top: 10px;"></div>
<input type="submit" name="submit" value="Add Switch Type" />
        <input type="button" value="Delete Switch"
                onclick="javascrip:document.location.href='<?php echo $this->url('system/switch_management/building/switch/' .
                $switch_type->switchtypeid . '/deletetype'); ?>'" />
        <tr>
</form>