/***************************************************************************
	Name:			 photo_carousel.js
	Purpose:         Animate publicus photo gallery.
	Date Created:  	 9-24-08
	Author:			 James Criswell 
					 Lansing State Journal
	Date Modified:   9-24-08 
	How To:  		must plug in sections 1 and sections 2 into the page.  
***************************************************************************/
/*
<!-- code for photo carousel beginning, sec 1 of 2 -->
	<td style="background-color: black;">
		<a href="#" onclick='left_bar();return false;' style="background-color: rgb(244, 244, 228);"><img src="/graphics/photoarrow_left.gif" alt="left" style="border-width: 0px;"></a>
	</td>
	<td id="spartan_photo_view">&nbsp;
	</td>
	<td style="background-color: black;">
		<a href="#" onclick='right_bar();return false;' style="background-color: rgb(244, 244, 228);"><img src="/graphics/photoarrow_right.gif" alt="right" style="border-width: 0px;"></a>
	</td>
<!-- code for photo carousel ending -->
*/
/*
<!-- code for photo carousel beginning,  2 of 2 -->
  	<div style="visibility: hidden; float: left; position: absolute; width: 0px;">
		<table>
			<tr id="spartan_pictures">
				<pbs:photogallery-latest category="GW01" days="365" count=100 lastdate useobjects=1 objectclass=35>
			</tr>
	    </table>
	</div>
	<script type="text/javascript" src="/scripts/photo_carousel.js"> </script>
<!-- code for photo carousel end -->
*/
var elements = 7;              			// sets the number of photos that show up at a time.
var start = 0;							// just sets the variable for first photo 
var pictures_container = "";
function get_pics(){		
	var photo_info = document.getElementById("spartan_pictures").innerHTML;  // get the videos from the generated tag.										 //print for testing.
	
	if ( navigator.appName == "Microsoft Internet Explorer" ){				 // checks for browser
		var photo_split = photo_info.split("<A href");
	}
	else{				
		var photo_split = photo_info.split("<a href");						 // need to split up all the pictures
	}							 
	var s=1;						 //split up the pictures.
	var photo_split_add = new Array();
	for ( m=0; m < photo_split.length; m++){
		photo_split_add[m] = "<a href" + photo_split[s] + "</a>";            // need to add the anchor tags back the picture rows.
		s++;
	}
	return photo_split_add;
}
function right_bar (){
	var photo_array = get_pics();
	var num = photo_array.length;
	if ( start < (num-8) ){
		start = start + 1;
	}
	var adder = "<table><tr>";
	var stop = 0;
	for ( var p in photo_array ){
		if ( p >= start ){
			adder = adder + "<td width='130' style='text-align: center;'>" + photo_array[p] + "</td>";
			stop++;
		}
		if ( stop == 7 ){
			break;
		}		
	}
	adder = adder + "</tr></table>";
	document.getElementById("spartan_photo_view").innerHTML = adder;
}
function left_bar (){
	if ( start != 0 ){
		start = start - 1;
	}
	var photo_array = get_pics();
	var adder = "<table><tr>";
	var stop = 0;
	for ( var p in photo_array ){
		if ( p >= start ){
			adder = adder + "<td width='130' style='text-align: center;'>" + photo_array[p] + "</td>";
			stop++;
		}
		if ( stop == 7 ){
			break;
		}
	}
	adder = adder + "</tr></table>";
	document.getElementById("spartan_photo_view").innerHTML = adder;
}
function first_bar (){
	var photo_array = get_pics();
	var adder = "<table><tr>";
	var stop = 0;
	for ( var p in photo_array ){
		if ( p >= start ){
			adder = adder + "<td width='130' style='text-align: center;'>" + photo_array[p] + "</td>";
			stop++;
		}
		if ( stop == 7 ){
			break;
		}
	}
	adder = adder + "</tr></table>";
	document.getElementById("spartan_photo_view").innerHTML = adder;    // put contents into <td> element
}
first_bar();						// call the function to put up the initial row of photos