var currentUrl;
var scrollApi;
var startIndex;
var language;

var projects_de = [
		"Railroad Rush",
		"Danny's Dishes",
		"JourSail",
		"Bavarian iFlirt Cam",
		"X-Mas Greeting Cards",
		"Guide-Bleu",
		"Apps Summit 2010",
		"Energetika",
		"C'n'B 2010",
		"iCurrywurst",
		"Lieken Urkorn",
		"Steinzeit",
		"DAB bank mobile",
		"LernCoachies",
		"#Color",
		//"Tag der Zukunft",
		//"Bechtold Microsite",
	];
var projects_en = [
		"Railroad Rush",
		"Danny's Dishes",
		"JourSail",
		"Bavarian iFlirt Cam",
		"X-Mas Greeting Cards",
		"Guide-Bleu",
		"Apps Summit 2010",
		"Energetika",
		"C'n'B 2010",
		"iCurrywurst",
		"Lieken Urkorn",
		"Stoneage",
		"DAB bank mobile",
		"LernCoachies",
		"#Color",
		//"Day of the Future",
		//"Bechtold Microsite",
	];
	
var icons = [
		["icon_iphone.png", "icon_iphone_down.png"],
		["icon_iphone.png", "icon_iphone_down.png"],
		["icon_iphone.png", "icon_iphone_down.png"],
		["icon_iphone.png", "icon_iphone_down.png"],
		["icon_iphone.png", "icon_iphone_down.png"],
		["icon_iphone.png", "icon_iphone_down.png"],
		["icon_iphone.png", "icon_iphone_down.png"],
		["icon_online.png", "icon_online_down.png"],
		["icon_iphone.png", "icon_iphone_down.png"],
		["icon_iphone.png", "icon_iphone_down.png"],
		["icon_iphone.png", "icon_iphone_down.png"],
		["icon_ds.png", "icon_ds_down.png"],
		["icon_ipad_iphone.png", "icon_ipad_iphone_down.png"],
		["icon_online.png", "icon_online_down.png"],
		["icon_iphone.png", "icon_iphone_down.png"],
		//["icon_online.png", "icon_online_down.png"],
		//["icon_online.png", "icon_online_down.png"],
	];
var pages_de = [
		"projekte_railroadrush.php",
		"projekte_dannysdishes.php",
		"projekte_joursail.php",
		"projekte_bavarianiflirtcam.php",
		"projekte_xmasgreetingcards.php",
		"projekte_guidebleu.php",
		"projekte_appssummit.php",
		"projekte_e2010.php",
		"projekte_cnb.php",
		"projekte_hela.php",
		"projekte_lieken.php",
		"projekte_wids.php",
		"projekte_dab.php",
		"projekte_lerncoachies.php",
		"projekte_color.php",
		//"projekte_tagderzukunft.php",
		//"projekte_bechtold.php",		
	];
var pages_en = [
		"projects_railroadrush.php",
		"projects_dannysdishes.php",
		"projects_joursail.php",
		"projects_bavarianiflirtcam.php",
		"projects_xmasgreetingcards.php",
		"projects_guidebleu.php",
		"projects_appssummit.php",
		"projects_e2010.php",
		"projects_cnb.php",
		"projects_hela.php",
		"projects_lieken.php",
		"projects_wids.php",
		"projects_dab.php",
		"projects_lerncoachies.php",
		"projects_color.php",
		//"projects_tagderzukunft.php",
		//"projects_bechtold.php",		
	];
	
var projects;

function init(id, lang){
	
	language = lang;
	startIndex = id;
	if (language == "de"){
		projects = projects_de;
	}
	else{
		projects = projects_en;
	}
	
	addItems(id, lang);
	
	// initialize scrollable together with the circular plugin
	scrollApi = $("#infinite").scrollable({ 
	    size: 3
	}).circular({ 
	    api: true
	});	
	
	// define item click actions
	$(".items p").click(function() {
		currentUrl = $(this).attr("data");
		setTimeout("loadNewPage()", 600);
	});
	
	scrollApi.click(1);
}

function selectPrev(){
	scrollApi.click(0);
	
	var itemCnt = projects.length;
	var prevIndex = startIndex-2;
	if (prevIndex < 0){
		prevIndex = itemCnt + prevIndex;
	}
	
	var pages = getPages();
	currentUrl = pages[prevIndex];
	setTimeout("loadNewPage()", 600);
}

function selectNext(){
	scrollApi.click(2);
	
	var itemCnt = projects.length;
	var nextIndex = startIndex;
	if (nextIndex >= itemCnt){
		nextIndex = nextIndex - itemCnt;
	}
	
	var pages = getPages();
	currentUrl = pages[nextIndex];
	setTimeout("loadNewPage()", 600);
}

function loadNewPage(){
	window.location=currentUrl;
}

function getPages(){
	var pages;
	if (language == "de"){
		pages = pages_de;
	}
	else{
		pages = pages_en;
	}
	return pages;
}

function addItems(startIndex, lang){
	var pages = getPages();
	
	var itemCnt = projects.length;
	startIndex -= 2;
	if (startIndex < 0){
		startIndex = itemCnt + startIndex;
	}
	
	$("#scrollbarBox").append(
		"<div class='leftScroll'>" +
		"<img src='../images/scrollable/arrow/prev.png' onclick='selectPrev()'/>" +
		"</div>");
	
	$("#scrollbarBox").append("<div class='scrollable' id='infinite'>");
	$("#infinite").append("<div style='left: -2640px;' class='items' id='itemBox'>");
	
	for (var i=startIndex; i<itemCnt; i++){
		$("#itemBox").append(
			"<p data='"+pages[i]+"'>" +
			"<a width='50'>" +
			"<img class='iconInactive' src='../images/"+ icons[i][0] +"'/>" +
			"<img class='iconActive' src='../images/"+ icons[i][1] +"'/>" +
			"</a>" +
			"<a>"+projects[i]+"</a></p>");
	}
	for (var i=0; i<startIndex; i++){
		$("#itemBox").append(
			"<p data='"+pages[i]+"'>" +
			"<a width='50'>" +
			"<img class='iconInactive' src='../images/"+ icons[i][0] +"'/>" +
			"<img class='iconActive' src='../images/"+ icons[i][1] +"'/>" +
			"</a>" +
			"<a>"+projects[i]+"</a></p>");
	}
	
	$("#scrollbarBox").append(
		"<div class='rightScroll'>" +
		"<img src='../images/scrollable/arrow/next.png' onclick='selectNext()'/>" +
		"</div>");
	
	
}