var var_leftpic = new Image(); 
var var_rightpic = new Image(); 

var_leftpic.src = "../../images2/pic1_leftarrow_sm2.png";
var_rightpic.src = "../../images2/pic1_right_sm2.png";

var var_leftpic2 = new Image(); 
var var_rightpic2 = new Image(); 

var_leftpic2.src = "../../images2/pic1_leftarrow_sm.png";
var_rightpic2.src = "../../images2/pic1_right_sm.png";


//!!!!!!!!!!!!!!FUNCTION FOR ROLLOVER


function imgOn(var_whichside){
if(var_whichside == "left"){
	document.images[var_whichside].src = "../../images2/pic1_leftarrow_sm2.png";
	}
else{
	document.images[var_whichside].src = "../../images2/pic1_rightarrow_sm2.png";
	}
}




//!!!!!!!!!!!!!!FUNCTION FOR ROLLOFF

function imgOff(var_whichside){
if(var_whichside == "left"){
	document.images[var_whichside].src = "../../images2/pic1_leftarrow_sm.png";
	}
else{
	document.images[var_whichside].src = "../../images2/pic1_rightarrow_sm.png";
	}
}




//!!!!!!!!!!!!!!FUNCTION SWITCHING CAPTIONS, IMAGES


var tp = 0;

function scrollAjax(pk, direction, numpic){

if(navigator.appName == "Microsoft Internet Explorer") {
		http = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		http = new XMLHttpRequest();
	}


if(tp == 0 && direction == 'left'){
	tp = 0; 
}
else if(tp != 0 && direction == 'left'){
	tp--;
}
else if(tp == numpic && direction == 'right'){
	tp = numpic;
}
else if(tp != numpic && direction == 'right'){
	tp++;
}

var num_page = document.getElementById("num_page");
var a = tp + 1;
var b = numpic + 1;
num_page.innerHTML = a + ' of ' + b;  

http.open("GET", "../../js/ajax_images_scroll.php?pk=" + pk + "&tp=" + tp, true);
http.onreadystatechange=function() {
if(http.readyState == 4) {

	var scroll_pic = document.getElementById("leftbox_main");
	var caption = document.getElementById("head");

	var php_string = http.responseText;

	var my_array = new Array();
	my_array = php_string.split('++');
	
	var product_img = document.getElementById("image1");
	var caption = document.getElementById("scroll_pic");
	
	product_img.style.backgroundImage = my_array[0];
	product_img.style.backgroundPosition = "top center";
	product_img.style.backgroundRepeat = "no-repeat";
	caption.innerHTML = my_array[1];
	

		
	}
	}
http.send(null);
//return false; took this out. didn't seem to matter and was fucking up Firefox.


}
