Product_Name = new Array();
Product_Text = new Array();
Product_Pic = new Array();

Product_Name[0] = "Test Project";
Product_Text[0] = "<p>test</p>";
Product_Pic[0] = new Image(); 
Product_Pic[0].src = "image.php?width=600&image=/picture_library/gallery/original/33_iStock_000000654844XSmall.jpg";
Product_Name[1] = "Another Project";
Product_Text[1] = "<p>Another Test</p>";
Product_Pic[1] = new Image(); 
Product_Pic[1].src = "image.php?width=600&image=/picture_library/gallery/original/34_iStock_000000953236XSmall.jpg";
Product_Name[2] = "Third Project";
Product_Text[2] = "<p>Last Test</p>";
Product_Pic[2] = new Image(); 
Product_Pic[2].src = "image.php?width=600&image=/picture_library/gallery/original/35_iStock_000001602594Small.jpg";
Product_Name[3] = "test project";
Product_Text[3] = "<p>Test</p><p>Another Test</p>";
Product_Pic[3] = new Image(); 
Product_Pic[3].src = "image.php?width=600&image=/picture_library/gallery/original/36_burger.jpg";

var currentproject= 0;
var allprojects = Product_Name.length - 1;


function NextProject()
{
	currentproject = currentproject + 1;
    if(currentproject > allprojects)
    {
    	currentproject = 0;
   	}
    SwitchProject(currentproject);
}
function PrevProject()
{
	currentproject = currentproject - 1;
    if(currentproject < 0)
    {
    	currentproject = allprojects;
   	}
    SwitchProject(currentproject);
}

function SwitchProject(Index)
{
	$("#currentpic").animate({opacity: 0}, 500, function(){
			//alert(Product_Name[Index]);
            
			$(".projecttitle").text(Product_Name[Index]);
            $(".projecttext").html(Product_Text[Index]);
            document.getElementById('currentpic').style.backgroundImage = "url("+Product_Pic[Index].src+")";
            $("#currentpic").animate({opacity: 1}, 500);
	});
}