/*
	Created	:	02.04.2008
	Coder	:	SREE KARTHIKAYINI.S
*/

var Mid = 0;
var Pid = 0;
var sid = 1;

var fpg = 16;
var cpg = 1;
var dir = 'F';

function clickme(direction)
{	
	clearTimeout(countDown);	
	var cc = document.getElementById("container");	
	var itm = cc.getElementsByTagName("iframe");
	var lng = cc.getElementsByTagName("iframe").length;	
	if(parseFloat(lng)>0)
	{
		var y2 = itm[0].id;
		var y3 = y2.lastIndexOf('_');
		y2 = y2.substring(y3+1,y2.length);	
		Pid = y2;
	}
	else{Pid=0;}
	if(Pid==idd){return false;}	
	
	if(direction=='F' && dir=='B'){cpg=cpg+2;}
	else if(direction=='B' && dir=='F'){cpg=cpg-2;}	
	
	if(parseFloat(cpg)<1){cpg=fpg;}
	if(parseFloat(cpg)>parseFloat(fpg)){cpg=1;}
		
	dir = direction;
	var idd = cpg;
	
	var url = "../rmp family mart plan details/page"+cpg+".htm";
	
	var d = document.getElementById("div"+idd);					
	var domwindow=document.createElement("div");
	domwindow.id="div"+idd;
	domwindow.position="absolute";
	var ck = document.body.offsetHeight - 100;
	domwindow.style.height = ck+"px";
	ck = document.body.offsetWidth - 5;
	domwindow.style.width = ck+"px";
	domwindow.style.OVERFLOW = "hidden";
	var yy = "<iframe id=_iframe_"+idd+" src='"+url+"' class='frm' frameborder='0' style='WIDTH: 100%; POSITION: absolute; TOP: 100px; HEIGHT: 100%; '></iframe>";	
	domwindow.innerHTML= yy;
	document.getElementById("container").appendChild(domwindow);
				
	Mid = idd; sid=1;	
	
	if(direction=='F'){cpg++;}
	else{cpg--;}
			
	countDown();
	return false;
}


function countDown()
{
	var a = document.getElementById("div"+Mid);		
	if(a!=null)
	{
		if(dir == 'F')
		{
			if(parseFloat(sid)<=5)
			{
				counter = setTimeout("countDown()", 16);	
				sid++;
			}
			else if(parseFloat(sid)<18)
			{
				var pup = parseFloat(sid)-5;
				var i = parseFloat(pup) * 50;
				var l = parseFloat(600 - i);	
				var r = parseFloat(i - 16);		
							
				document.getElementById("div"+Mid).style.paddingLeft = l+"px"; 
				try
				{
					if(Pid!=0)
					{
						document.getElementById("div"+Pid).style.width = "600px";
						document.getElementById("div"+Pid).style.margin = "0px -"+r+"px -0px";
					}
				}catch(err){var er=err;}
				
				counter = setTimeout("countDown()", 16);	
				sid++;
			}
			else
			{			
				document.getElementById("div"+Mid).style.paddingLeft = "8px";	
				//document.getElementById("div"+Mid).style.paddingRight = "8px";
				if(Pid!=0)
				{
					var uu = document.getElementById("div"+Pid);
					uu.parentNode.removeChild(uu);
				}	
				clearTimeout(countDown);				
			}
		}
		
		if(dir == 'B')
		{
			document.getElementById("div"+Mid).style.paddingLeft = "8px";
			if(parseFloat(sid)<13)
			{
				var i = parseFloat(sid) * 50;
				var l = parseFloat(i + 400);	
				var r = parseFloat(i - 11);		
							
				document.getElementById("div"+Mid).style.width = l+"px"; 
				try
				{
					if(Pid!=0)
					{
						document.getElementById("div"+Pid).style.width = "600px";
						document.getElementById("div"+Pid).style.margin = "0px "+r+"px 0px";
					}
				}catch(err){var er=err;}
				
				counter = setTimeout("countDown()", 16);	
				sid++;
			}
			else
			{			
				var y = document.body.offsetWidth - 5;
				document.getElementById("div"+Mid).style.width = y+"px"; 	
				document.getElementById("div"+Mid).style.paddingLeft = "8px";	
				if(Pid!=0)
				{
					var uu = document.getElementById("div"+Pid);
					uu.parentNode.removeChild(uu);
				}	
				clearTimeout(countDown);				
			}	
		}	
	}
}

function resizeme()
{
	var cc = document.getElementById("container");	
	var itm = cc.getElementsByTagName("iframe");
	var lng = cc.getElementsByTagName("iframe").length;	
	if(parseFloat(lng)>0)
	{
		var y2 = itm[0].id;
		var y3 = y2.lastIndexOf('_');
		y2 = y2.substring(y3+1,y2.length);	
		var i = y2;
		
		var ck = document.body.offsetHeight - 100;
		document.getElementById("div"+i).style.height = ck+"px";
		
		ck = document.body.offsetWidth - 5;
		document.getElementById("div"+i).style.width = ck+"px";
		
		var ck1 = document.body.offsetWidth - 100;
		var ck2 = document.body.offsetWidth - 60;
		
		document.getElementById("imgBack").style.left = ck1+"px";
		document.getElementById("imgFront").style.left = ck2+"px";
		
		document.getElementById("div"+i).style.paddingLeft = "8px";	
	}
}