if(!document.getElementById)
{
	if(document.all)
	{
		accessObj = function()
		{
			if(typeof document.all[arguments[0]]!="undefined")
				return document.all[arguments[0]];
			else
				return null;
		}
	}
	else if(document.layers)
	{
		accessObj = function()
		{
			if(typeof document[arguments[0]]!="undefined")
				return document[arguments[0]];
			else
				return null;
		}
	}
}
else
{
	accessObj = function()
	{
		return document.getElementById(arguments[0]);
	}
}

var upto = 1;
var clicked = 0;
var clicked2 = 0;


function preloader() 

{
     imageObj = new Image();

     images = new Array();
     images[0]="../images/circle.gif";
     images[1]="../images/circle_on.gif";
     images[2]="../images/bongo_preview1.png";
     images[3]="../images/bongo_preview2.png";
     images[4]="../images/bongo_preview3.png";
     images[5]="../images/bongo_preview4.png";
     images[6]="../images/bongo_preview5.png";
     images[7]="../images/arrow_right_down.gif";
     images[8]="../images/arrow_left_down.gif";

     for(var i=0; i<=8; i++) 
     {
          imageObj.src=images[i];
     }
} 

function screenshots(which)
{
	var obj = accessObj("screenshots_bongo");
	var obj2 = accessObj("circles");
	var screenshot = which;

	switch (screenshot)
	{
	case 1:
		obj.innerHTML = "<a href='#' onclick='javascript: screenPress(); return false;' title='More'><img src='images/bongo_screenshot1.png' alt='Bongo Fever' class='replace' width='301' height='284'/></a>";
		obj2.innerHTML = "<div class='circles_item'><a href='#' onclick='javascript: buttonPress(1); return false;' title='Screenshot 1'><img src='../images/circle_on.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(2); return false;' title='Screenshot 2'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(3); return false;' title='Screenshot 3'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(4); return false;' title='Screenshot 4'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(5); return false;' title='Screenshot 5'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div>";		
		break;
	case 2:
		obj.innerHTML = "<a href='#' onclick='javascript: screenPress(); return false;' title='More'><img src='images/bongo_screenshot2.png' alt='Bongo Fever' class='replace' width='301' height='284'/></a>";
		obj2.innerHTML = "<div class='circles_item'><a href='#' onclick='javascript: buttonPress(1); return false;' title='Screenshot 1'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(2); return false;' title='Screenshot 2'><img src='../images/circle_on.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(3); return false;' title='Screenshot 3'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(4); return false;' title='Screenshot 4'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(5); return false;' title='Screenshot 5'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div>";
		break;
	case 3:
		obj.innerHTML = "<a href='#' onclick='javascript: screenPress(); return false;' title='More'><img src='images/bongo_screenshot3.png' alt='Bongo Fever' class='replace' width='301' height='284'/></a>";
		obj2.innerHTML = "<div class='circles_item'><a href='#' onclick='javascript: buttonPress(1); return false;' title='Screenshot 1'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(2); return false;' title='Screenshot 2'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(3); return false;' title='Screenshot 3'><img src='../images/circle_on.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(4); return false;' title='Screenshot 4'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(5); return false;' title='Screenshot 5'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div>";
		break;
	case 4:
		obj.innerHTML = "<a href='#' onclick='javascript: screenPress(); return false;' title='More'><img src='images/bongo_screenshot4.png' alt='Bongo Fever' class='replace' width='301' height='284'/></a>";
		obj2.innerHTML = "<div class='circles_item'><a href='#' onclick='javascript: buttonPress(1); return false;' title='Screenshot 1'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(2); return false;' title='Screenshot 2'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(3); return false;' title='Screenshot 3'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(4); return false;' title='Screenshot 4'><img src='../images/circle_on.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(5); return false;' title='Screenshot 5'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div>";
		break;
	case 5:
		obj.innerHTML = "<a href='#' onclick='javascript: screenPress(); return false;' title='More'><img src='images/bongo_screenshot5.png' alt='Bongo Fever' class='replace' width='301' height='284'/></a>";
		obj2.innerHTML = "<div class='circles_item'><a href='#' onclick='javascript: buttonPress(1); return false;' title='Screenshot 1'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(2); return false;' title='Screenshot 2'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(3); return false;' title='Screenshot 3'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(4); return false;' title='Screenshot 4'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(5); return false;' title='Screenshot 5'><img src='../images/circle_on.gif' alt='' width='9' height='7'/></a></div>";
		break;
	default:
		obj.innerHTML = "<a href='#' onclick='javascript: screenPress(); return false;' title='More'><img src='images/bongo_screenshot1.png' alt='Bongo Fever' class='replace' width='301' height='284'/></a>";
		obj2.innerHTML = "<div class='circles_item'><a href='#' onclick='javascript: buttonPress(1); return false;' title='Screenshot 1'><img src='../images/circle_on.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(2); return false;' title='Screenshot 2'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(3); return false;' title='Screenshot 3'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(4); return false;' title='Screenshot 4'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div><div class='circles_item'><a href='#' onclick='javascript: buttonPress(5); return false;' title='Screenshot 5'><img src='../images/circle.gif' alt='' width='9' height='7'/></a></div>";
		break;
	}
}

function buttonPress (buttonpressed)
{
	upto = buttonpressed;
	screenshots(upto);
}



function screenPress()
{
	if(upto == 5)
	{
		upto = 1;
	}
	else
	{
		upto = upto+1;
	}
	screenshots(upto);
}

function next()
{
	var obj = accessObj("iphone_nav_item2");
	obj.innerHTML = "<a href='#' onmousedown='javascript: next(); return false;'><img src='../images/arrow_right_down.gif' alt='Next' width='35' height='27'/></a>";
	if(upto == 5)
	{
		upto = 1;
	}
	else
	{
		upto = upto+1;
	}
	clicked = setTimeout('nextOff()', 100);
	screenshots(upto);	
}

function nextOff()
{
	var obj = accessObj("iphone_nav_item2");
	obj.innerHTML = "<a href='#' onmousedown='javascript: next(); return false;'><img src='../images/arrow_right.gif' alt='Next' width='35' height='27'/></a>";
	clearTimeout(clicked);
}

function prev()
{
	var obj = accessObj("iphone_nav_item1");
	obj.innerHTML = "<a href='#' onmousedown='javascript: prev(); return false;'><img src='../images/arrow_left_down.gif' alt='Prev' width='35' height='27'/></a>";
	if(upto == 0)
	{
		upto = 5;
	}
	else
	{
		upto = upto-1;
	}
	screenshots(upto);
	clicked2 = setTimeout('prevOff()', 100);
	screenshots(upto);
}

function prevOff()
{
	var obj = accessObj("iphone_nav_item1");
	obj.innerHTML = "<a href='#' onmousedown='javascript: prev(); return false;'><img src='../images/arrow_left.gif' alt='Prev' width='35' height='27'/></a>";
	clearTimeout(clicked2);
}

function set_content(div, data)
{
	var obj = accessObj(div);
	obj.innerHTML = data;
}

function a_call(script, values, callback_div)
{
	var xmlHttpReq = false;
	var self = this;
	var callback = callback_div;
	self.xmlHttpReq = (typeof(XMLHttpRequest) != "undefined") ? new XMLHttpRequest() : new ActiveXObject("Msxml2.XMLHTTP");
	self.xmlHttpReq.open('POST', script, true);
	self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	self.xmlHttpReq.onreadystatechange = function()
	{
		var response;
		if (self.xmlHttpReq.readyState == 4)
		{
			set_content(callback, self.xmlHttpReq.responseText);
		}
	}
	self.xmlHttpReq.send(values);
}

function openDiv(name)
{
	var obj = accessObj(name);
	if (!isNull(obj))
		obj.style.display = "block";
}

function closeDiv(name)
{
	var obj = accessObj(name);
	if (!isNull(obj))
		obj.style.display = "none";
}

function isNull(val)
{
	return(val==null);
}

var previous_level = false;
var previous_type = "score";

function get_score(level)
{
	level = 0;
	previous_type = "score";
	a_call("get-scores.php", "level="+level, "scoreHolder");
}

function get_rankings(level, position)
{
	level = 0;
	previous_type = "ranking";
	a_call("get-scores.php", "type=ranking&level="+level+"&pos="+position, "scoreHolder");
}

function change_level(level)
{
	if (previous_type == "score")
	{
		get_score(level);
	}
	else
	{
		get_rankings(level, "");
	}
}

function set_to_ranking()
{
	previous_type = "ranking";
}

var upto = 1;
var clicked = 0;
var clicked2 = 0;

function ranking(select)
{
	var bg1 = accessObj("leader_board");
	var arrows1 = accessObj("controls");
	var arrows2 = accessObj("controls2");
	var set1 = accessObj("scores_new");
	var set2 = accessObj("scores_lon");
	var set3 = accessObj("scores_par");
	var link1 = accessObj("active1");
	var link2 = accessObj("active2");

	if(select == 1)
	{
		bg1.style.backgroundImage = "url(images/leader_bg.png)";
		arrows1.style.display = "none";
		arrows2.style.display = "none";
		set1.style.height = "455px";
		set2.style.height = "455px";
		set3.style.height = "455px";
		set1.style.overflow = "auto";
		set2.style.overflow = "auto";
		set3.style.overflow = "auto";
		link1.innerHTML = "<a href='#' onclick='ranking(2); return false;' title='Your Ranking'>Your ranking</a> |</div><div class='clear'>";
		link2.innerHTML = "<a href='#' class='active_link' onclick='scores(1); return false;' title='World top 50'>World top 50</a>";
	}
	else if(select == 2)
	{
		bg1.style.backgroundImage = "url(images/ranking_bg.png)";
		arrows1.style.display = "";
		arrows2.style.display = "";
		set1.style.height = "300px";
		set2.style.height = "300px";
		set3.style.height = "300px";
		set1.style.overflow = "hidden";
		set2.style.overflow = "hidden";
		set3.style.overflow = "hidden";
		link1.innerHTML = "<a href='#' class='active_link' onclick='ranking(2); return false;' title='Your Ranking'>Your ranking</a> |</div><div class='clear'>";
		link2.innerHTML = "<a href='#'  onclick='scores(1); return false;' title='World top 50'>World top 50</a>";
	}
}

function scores(which)
{

	var objs1 = accessObj("newyork");
	var objs2 = accessObj("london");
	var objs3 = accessObj("paris");
	var objs1_off = accessObj("newyork_off");
	var objs2_off = accessObj("london_off");
	var objs3_off = accessObj("paris_off");
	var objs4 = accessObj("scores_new");
	var objs5 = accessObj("scores_lon");
	var objs6 = accessObj("scores_par");

	switch (which)
	{
		case 1:
			objs1.style.display = "";
			objs2.style.display = "none";
			objs3.style.display = "none";
			objs1_off.style.display = "none";
			objs2_off.style.display = "";
			objs3_off.style.display = "";
			objs4.style.display = "block";
			objs5.style.display = "none";
			objs6.style.display = "none";
		break;
		case 2:
			objs1.style.display = "none";
			objs2.style.display = "";
			objs3.style.display = "none";
			objs1_off.style.display = "";
			objs2_off.style.display = "none";
			objs3_off.style.display = "";
			objs4.style.display = "none";
			objs5.style.display = "";
			objs6.style.display = "none";
		break;
		case 3:
			objs1.style.display = "none";
			objs2.style.display = "none";
			objs3.style.display = "";
			objs1_off.style.display = "";
			objs2_off.style.display = "";
			objs3_off.style.display = "none";
			objs4.style.display = "none";
			objs5.style.display = "none";
			objs6.style.display = "";
		break;
		default:
			objs1.style.display = "";
			objs2.style.display = "none";
			objs3.style.display = "none";
			objs1_off.style.display = "none";
			objs2_off.style.display = "";
			objs3_off.style.display = "";
			objs4.style.display = "";
			objs5.style.display = "none";
			objs6.style.display = "none";
		break;
	}
}