//var globalNewRight = 0;

function ImageStrip(container,cellWidth,speed,pages,section,startPos) {
	this.startPos = parseInt(startPos);
	this.container = $(container);
	this.cellWidth = parseInt(cellWidth);
	this.speed = speed;
	this.pages = (pages)?pages:4;
	this.section = section;
} 

ImageStrip.prototype = {
	move: function() {
		var newRight;
		newRight = (this.startPos + this.cellWidth);
		if (newRight<(this.cellWidth*this.pages)) 
		{
			this.container.animate({right:newRight},this.speed);
			this.startPos = newRight;
				if (this.startPos == 2130) {
				setMiddleWhiteButtons();
				setBackground("#fff");
				}
				else if (this.startPos == 2840) {
					setLastButtons(this.section, 2130);
					setBackground("#fff");
				}
				else if (this.startPos == 710) {
					setMiddleBlueButtons();
					setBackground("#1F2154");
				}
				else if (this.startPos == 1420) {
					setMiddleWhiteButtons();
					setBackground("#fff");
				}
		} else {
			return false;
		}
		return true;
	},
	moveBack: function() {
		var newRight;
		newRight = (this.startPos - this.cellWidth);
		if(newRight>=0){
			this.container.animate({right:newRight},this.speed);
			this.startPos = newRight;
			if (this.startPos == 0) {
				setFirstButtons(this.section, 2130);
				setBackground("#1F2154");
			}
			else if (this.startPos == 710){
				setMiddleWhiteButtons();
				setBackground("#fff");
			}
			else if (this.startPos == 1420){
				setMiddleBlueButtons();
				setBackground("#1F2154");
			}
			else if (this.startPos == 2130){
				setMiddleWhiteButtons();
				setBackground("#fff");
			}
			
	} else {
		return false;
	}
	return true;
}
}


function previousSectionButton(sec, position){
		$("#left").replaceWith('<div id="left" class="button"><a href="section' + (sec - 1) + '.php?position=' + position + '"><img src="../images/leftScrollBtnOnBlue.png" alt="go to previous section" /></a></div>');
		$('#left a').click(function(){$('body').scrollTo(400)});
}

function setWhiteLeftButton(){
		$("#left").replaceWith('<div id="left" class="button"><a href="#" onclick="mystrip.moveBack(); return false;" id="leftScroll"><img src="../images/leftScrollBtnOnWhite.png" alt="go to previous section" /></a></div>');
		$('#left a').click(function(){$('body').scrollTo(400)});
}

function setBlueLeftButton(){
		$("#left").replaceWith('<div id="left" class="button"><a href="#" onclick="mystrip.moveBack(); return false;" id="leftScroll"><img src="../images/leftScrollBtnOnBlue.png" alt="go to previous section" /></a></div>');
		$('#left a').click(function(){$('body').scrollTo(400)});
}

function nextSecButton(section) {
	$("#right").replaceWith('<div id="right" class="button"><a href="section' + (section + 1) + '.php"><img src="../images/rightScrollBtnOnWhite.png" alt="right"></a></div>');
	$('#right a').click(function(){$('body').scrollTo(400)});
}

function setBlueRightButton() {
	$("#right").replaceWith('<div id="right" class="button"><a href="#" onclick="mystrip.move(); return false;" id="rightScroll"><img src="../images/rightScrollBtnOnBlue.png" alt="go right" /></a></div>');
	$('#right a').click(function(){$('body').scrollTo(400)});
}

function setWhiteRightButton() {
	$("#right").replaceWith('<div id="right" class="button"><a href="#" onclick="mystrip.move(); return false;" id="rightScroll"><img src="../images/rightScrollBtnOnWhite.png" alt="go right" /></a></div>');
	$('#right a').click(function(){$('body').scrollTo(400)});
}

function goTo(pos){
	this.pos = parseInt(pos);
	$("#content").css({"right":this.pos});
	setLastButtons(section, pos);
}


function setFirstButtons(sec, pos){
	previousSectionButton(sec, pos);
	setBlueRightButton();
	    rightButtonOver();
	    rightButtonOff();
		leftButtonOver();
	    leftButtonOff();
}

function setLastButtons(sec, pos){
	disableRightButton();
	setWhiteLeftButton();
	leftButtonOver();
	leftButtonOff();
}

function setMiddleWhiteButtons(){
	setWhiteLeftButton();
	setWhiteRightButton();
	leftButtonOver();
    leftButtonOff();
    rightButtonOver();
    rightButtonOff();
}

function setMiddleBlueButtons(){
	setBlueLeftButton();
	setBlueRightButton();
	leftButtonOver();
    leftButtonOff();
    rightButtonOver();
    rightButtonOff();
}

function setBackground(color) {
	this.color = color;
	$("body").css("backgroundColor", color);
}

function disableRightButton() {
    $("#right").fadeOut();
}

function unhideStart(){
	$("#right").fadeIn();
	$("#left").fadeIn();
}