$(document).ready(function()
{
    $("#slider_left").attr("style","visibility:hidden;");
	$("#slider_holder").width($("#slider_holder").children().size() * 466);
    $("#slider_right").click(function()
    {
        MoveQuestionsNext();
    });
    $("#slider_left").click(function()
    {
        MoveQuestionsBack();
    });
	$("#whitetee").click(function()
    {
        whiteTee();
    });
	$("#redtee").click(function()
    {
        redTee();
    });
	$("#bluetee").click(function()
    {
        blueTee();
    });
	$("#greentee").click(function()
    {
        greenTee();
    });
});


// move questions div functions
function MoveQuestionsNext()
{       
        
    // get current position and substract width of a question
    var newpos = $("#slider_holder").position().left - 466;
    // to prevent questions from half moving if people click to fast remove remainder
    if ((newpos % 466) != 0)
    {
        newpos = newpos - (newpos % 466);
    }
	if ((newpos) <= ($("#slider_holder").width() - 466) * (-1))
    {
        $("#slider_right").attr("style","visibility:hidden;");
    }
    $("#slider_holder").animate({"left": newpos}, "slow");
    $("#slider_left").attr("style","visibility:visible;");
}
function MoveQuestionsBack()
{    
    
    // get current position and add width of a question
    var newpos = $("#slider_holder").position().left + 466;
    // to prevent questions from half moving if people click to fast remove remainder
    if ((newpos % 466) != 0)
    {
        newpos = newpos - (newpos % 466);
    }
    // stop questions moving if reached beginning
    if (newpos >= 0)
    {
        newpos = 0;
        $("#slider_left").attr("style","visibility:hidden;");
    }
    $("#slider_holder").animate({"left": newpos}, "slow");
    $("#slider_right").attr("style","visibility:visible;");
}

function whiteTee()
{  
	var newpos = 0; 
	$("#slider_left").attr("style","visibility:hidden;");
	$("#slider_holder").animate({"left": newpos}, "slow");
    $("#slider_right").attr("style","visibility:visible;");
}
function redTee()
{  
	var newpos = -466; 
	$("#slider_holder").animate({"left": newpos}, "slow");
	$("#slider_left").attr("style","visibility:visible;");
	$("#slider_right").attr("style","visibility:visible;");
}
function blueTee()
{  
	var newpos = -932; 
	$("#slider_holder").animate({"left": newpos}, "slow");
	$("#slider_left").attr("style","visibility:visible;");
	$("#slider_right").attr("style","visibility:visible;");
}
function greenTee()
{  
	var newpos = -1398; 
	$("#slider_holder").animate({"left": newpos}, "slow");
	$("#slider_left").attr("style","visibility:visible;");
	$("#slider_right").attr("style","visibility:visible;");
}