var intervalMoveUp;
var intervalMoveDown;
var indexCat = 0;
var nextpage;
var page;
var prevpage;
var totalpages;
var checkpos;
var minDisplay = 300;
var scrollid;
var moveslide = 5;
function showNextPage(ids)
{
	scrollid = ids;
	clearInterval(intervalMoveDown);
	totalpages = parseInt(document.getElementById("totalpagination"+ids).value);
	page = parseInt(document.getElementById("pagination"+scrollid).value);
	if(page < totalpages)
	{
		document.getElementById("lessmore"+scrollid).style.display = 'none';
		checkpos = parseInt(document.getElementById("innerDiv_"+scrollid+"_"+page).style.top.split("px"));
		checkpos = checkpos - minDisplay;	
		document.getElementById("pagination"+scrollid).value = page+1;
		intervalMoveUp = setInterval(moveUpForMul,25)
	}
	
}

function moveUpForMul()
{
	for(i=1;i<=totalpages;i++)
	{
		var pos = parseInt(document.getElementById("innerDiv_"+scrollid+"_"+i).style.top.split("px"));
		if(pos == checkpos && i == page)
		{
			clearInterval(intervalMoveUp);
			document.getElementById("lessmore"+scrollid).style.display = '';
			return true;
		}
		var pos2 = pos - moveslide;
		document.getElementById("innerDiv_"+scrollid+"_"+i).style.top = pos2 +"px";
	}
}

function showPreviousePage(ids)
{
	clearInterval(intervalMoveUp);
	scrollid = ids;
	totalpages = document.getElementById("totalpagination"+ids).value;
	page = parseInt(document.getElementById("pagination"+scrollid).value);
	if(page > 1)
	{
		document.getElementById("lessmore"+scrollid).style.display = 'none';
		checkpos = parseInt(document.getElementById("innerDiv_"+scrollid+"_"+page).style.top.split("px"));
		checkpos = checkpos + minDisplay;
		document.getElementById("pagination"+scrollid).value = page-1;
		intervalMoveUp = setInterval(moveDownForMul,25)
	}
}


function moveDownForMul()
{
	for(i=1;i<=totalpages;i++)
	{
		var pos = parseInt(document.getElementById("innerDiv_"+scrollid+"_"+i).style.top.split("px"));
		if(pos == checkpos && i == page)
		{
			clearInterval(intervalMoveUp);
			document.getElementById("lessmore"+scrollid).style.display = '';
			return true;
		}
		var pos2 = pos + moveslide;
		document.getElementById("innerDiv_"+scrollid+"_"+i).style.top = pos2 +"px";
	}
}


function showproject(id,type) 
{
	document.getElementById("showcontent").innerHTML = '<img src="images/loading.gif" />';
	if(type=="interactive")
	{
		document.getElementById("interactive").innerHTML='<img src="images/interactive1.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(7,\'interactive\')" alt="" border="0" style="cursor:pointer;"/>';
		document.getElementById("webapps").innerHTML='<img src="images/webapps.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(1,\'webapps\')" style="padding-top:14px; padding-bottom:14px;cursor:pointer;"  alt="" border="0" style="cursor:pointer;"/>';
		document.getElementById("branding").innerHTML='<img src="images/branding.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(3,\'branding\')" alt="" border="0" style="cursor:pointer;"/>';
		//document.getElementById("marketing").innerHTML='<img src="images/marketing.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(5,\'marketing\')" alt="" border="0" style="cursor:pointer;"/>';
		document.getElementById("showcontent").innerHTML = '';
		document.getElementById("showcontent7").style.display = '';
		document.getElementById("showcontent1").style.display = 'none';
		document.getElementById("showcontent3").style.display = 'none';
		//document.getElementById("showcontent5").style.display = 'none';
	}
	if(type=="webapps")
	{
		document.getElementById("interactive").innerHTML='<img src="images/interactive.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(7,\'interactive\')" alt="" border="0" style="cursor:pointer;"/>';
		document.getElementById("webapps").innerHTML='<img src="images/webapps1.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(1,\'webapps\')" alt="" border="0" style="cursor:pointer;"/>';
		document.getElementById("branding").innerHTML='<img src="images/branding.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(3,\'branding\')" alt="" border="0" style="cursor:pointer;"/>';
		//document.getElementById("marketing").innerHTML='<img src="images/marketing.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(5,\'marketing\')" alt="" border="0" style="cursor:pointer;"/>';
		
		document.getElementById("showcontent").innerHTML = '';
		document.getElementById("showcontent7").style.display = 'none';
		document.getElementById("showcontent1").style.display = '';
		document.getElementById("showcontent3").style.display = 'none';
		//document.getElementById("showcontent5").style.display = 'none';
	}
	if(type=="branding")
	{
		document.getElementById("interactive").innerHTML='<img src="images/interactive.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(7,\'interactive\')" alt="" border="0" style="cursor:pointer;"/>';
		document.getElementById("webapps").innerHTML='<img src="images/webapps.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(1,\'webapps\')" alt="" border="0" style="cursor:pointer;"/>';
		document.getElementById("branding").innerHTML='<img src="images/branding1.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(3,\'branding\')" alt="" border="0" style="cursor:pointer;"/>';
		//document.getElementById("marketing").innerHTML='<img src="images/marketing.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(5,\'marketing\')" alt="" border="0" style="cursor:pointer;"/>';
		document.getElementById("showcontent").innerHTML = '';
		document.getElementById("showcontent7").style.display = 'none';
		document.getElementById("showcontent1").style.display = 'none';
		document.getElementById("showcontent3").style.display = '';
		//document.getElementById("showcontent5").style.display = 'none';
	}
	if(type=="marketing")
	{
		document.getElementById("interactive").innerHTML='<img src="images/interactive.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(7,\'interactive\')" alt="" border="0" style="cursor:pointer;"/>';
		document.getElementById("webapps").innerHTML='<img src="images/webapps.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(1,\'webapps\')" alt="" border="0" style="cursor:pointer;"/>';
		document.getElementById("branding").innerHTML='<img src="images/branding.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(3,\'branding\')" alt="" border="0" style="cursor:pointer;"/>';
		//document.getElementById("marketing").innerHTML='<img src="images/marketing1.gif" style="padding-top:14px; padding-bottom:14px;cursor:pointer;" width="80" height="25" onclick="showproject(5,\'marketing\')" alt="" border="0" style="cursor:pointer;"/>';
		
		document.getElementById("showcontent").innerHTML = '';
		document.getElementById("showcontent7").style.display = 'none';
		document.getElementById("showcontent1").style.display = 'none';
		document.getElementById("showcontent3").style.display = 'none';
		//document.getElementById("showcontent5").style.display = '';
	}
	//document.getElementById("showcontent").innerHTML = '<img src="images/rating_loading.gif" />';
	//xmlHttpMy=new GetXmlHttpObject(display_imagetabforindex);
	//xmlHttpMy.open("GET","showimagetab.php?id="+id+"&type="+type,true);
	//xmlHttpMy.send(null);
	
	
	
}

//===============================================================================//