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/preview1.jpg"
     images[3]="../../images/preview2.jpg"
     images[4]="../../images/preview3.jpg"
     images[5]="../../images/preview4.jpg"
     images[6]="../../images/preview5.jpg"
     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");
	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/preview1.jpg' alt=''BuzzCut' height='378' width='251'/></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/preview2.jpg' alt=''BuzzCut' height='378' width='251'/></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/preview3.jpg' alt=''BuzzCut' height='378' width='251'/></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/preview4.jpg' alt=''BuzzCut' height='378' width='251'/></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/preview5.jpg' alt=''BuzzCut' height='378' width='251'/></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/preview1.jpg' alt=''BuzzCut' height='378' width='251'/></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 == 1)
	{
		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);
}