<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Economy series&nbsp;>>&nbsp;ag066</title>
<link href="/Css/main.css" rel="stylesheet" type="text/css" />
<script>
function upNext(bigimg){
	var lefturl		= 'ag065_ID1167.html';
	var righturl	= 'ag067_ID1169.html';
	var imgurl		= righturl;
	var width	= bigimg.width;
	var height	= bigimg.height;
	bigimg.onmousemove=function(){
		if(event.offsetX<width/2){
			bigimg.style.cursor	= 'url(/images/arr_left.cur),auto';
			imgurl				= lefturl;
		}else{
			bigimg.style.cursor	= 'url(/images/arr_right.cur),auto';
			imgurl				= righturl;
		}
	}
	bigimg.onmouseup=function(){
		top.location=imgurl;
	}
}
</script>
<style type="text/css">
/* Reset style */
* { margin:0; padding:0; word-break:break-all; }
body { background:#FFF; color:#333; font:12px/1.6em Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
a { color:#0287CA; text-decoration:none; }
	a:hover { text-decoration:underline; }
ul, li { list-style:none; }
fieldset, img { border:none; }
legend { display:none; }
em, strong, cite, th { font-style:normal; font-weight:normal; }
input, textarea, select, button { font:12px Helvetica, Arial, sans-serif; }
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; } /*Always show Firefox scrollbar*/

/* iFocus style */
#ifocus { width:460px; height:255px; margin:0; border:1px solid #DEDEDE; background:#F8F8F8; float:left; }
	#ifocus_pic { display:inline; position:relative; float:left; width:355px; height:255px; overflow:hidden; margin:5px 0 0 5px; }
		#ifocus_piclist { position:absolute; }
		#ifocus_piclist li { width:355px; height:255px; overflow:hidden; }
		#ifocus_piclist img { width:355px; height:255px; }
	#ifocus_btn { display:inline; float:right; width:91px; margin:9px 5px 0 0;}
		#ifocus_btn li { width:91px; height:63px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
		#ifocus_btn img { width:75px; height:45px; margin:7px 0 0 11px; }
		#ifocus_btn .current { background: url(../images/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
	#ifocus_opdiv { position:absolute; left:0; bottom:0; width:355px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
	#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }
		#ifocus_tx .normal { display:none; }
</style>

<script type="text/javascript">
function $(id) { return document.getElementById(id); }

function addLoadEvent(func){
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function(){
			oldonload();
			func();
		}
	}
}

function moveElement(elementID,final_x,final_y,interval) {
  if (!document.getElementById) return false;
  if (!document.getElementById(elementID)) return false;
  var elem = document.getElementById(elementID);
  if (elem.movement) {
    clearTimeout(elem.movement);
  }
  if (!elem.style.left) {
    elem.style.left = "0px";
  }
  if (!elem.style.top) {
    elem.style.top = "0px";
  }
  var xpos = parseInt(elem.style.left);
  var ypos = parseInt(elem.style.top);
  if (xpos == final_x && ypos == final_y) {
		return true;
  }
  if (xpos < final_x) {
    var dist = Math.ceil((final_x - xpos)/10);
    xpos = xpos + dist;
  }
  if (xpos > final_x) {
    var dist = Math.ceil((xpos - final_x)/10);
    xpos = xpos - dist;
  }
  if (ypos < final_y) {
    var dist = Math.ceil((final_y - ypos)/10);
    ypos = ypos + dist;
  }
  if (ypos > final_y) {
    var dist = Math.ceil((ypos - final_y)/10);
    ypos = ypos - dist;
  }
  elem.style.left = xpos + "px";
  elem.style.top = ypos + "px";
  var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
  elem.movement = setTimeout(repeat,interval);
}

function classNormal(iFocusBtnID,iFocusTxID){
	var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li');
	var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');
	for(var i=0; i<iFocusBtns.length; i++) {
		iFocusBtns[i].className='normal';
		iFocusTxs[i].className='normal';
	}
}

function classCurrent(iFocusBtnID,iFocusTxID,n){
	var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li');
	var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');
	iFocusBtns[n].className='current';
	iFocusTxs[n].className='current';
}

function iFocusChange() {
	if(!$('ifocus')) return false;
	$('ifocus').onmouseover = function(){atuokey = true};
	$('ifocus').onmouseout = function(){atuokey = false};
	var iFocusBtns = $('ifocus_btn').getElementsByTagName('li');
	var listLength = iFocusBtns.length;
	iFocusBtns[0].onmouseover = function() {
		moveElement('ifocus_piclist',0,0,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',0);
	}
	if (listLength>=2) {
		iFocusBtns[1].onmouseover = function() {
			moveElement('ifocus_piclist',0,-255,5);
			classNormal('ifocus_btn','ifocus_tx');
			classCurrent('ifocus_btn','ifocus_tx',1);
		}
	}
	if (listLength>=3) {
		iFocusBtns[2].onmouseover = function() {
			moveElement('ifocus_piclist',0,-510,5);
			classNormal('ifocus_btn','ifocus_tx');
			classCurrent('ifocus_btn','ifocus_tx',2);
		}
	}
	if (listLength>=4) {
		iFocusBtns[3].onmouseover = function() {
			moveElement('ifocus_piclist',0,-765,5);
			classNormal('ifocus_btn','ifocus_tx');
			classCurrent('ifocus_btn','ifocus_tx',3);
		}
	}
}

setInterval('autoiFocus()',5000);
var atuokey = false;
function autoiFocus() {
	if(!$('ifocus')) return false;
	if(atuokey) return false;
	var focusBtnList = $('ifocus_btn').getElementsByTagName('li');
	var listLength = focusBtnList.length;
	for(var i=0; i<listLength; i++) {
		if (focusBtnList[i].className == 'current') var currentNum = i;
	}
	if (currentNum==0&&listLength!=1 ){
		moveElement('ifocus_piclist',0,-255,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',1);
	}
	if (currentNum==1&&listLength!=2 ){
		moveElement('ifocus_piclist',0,-510,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',2);
	}
	if (currentNum==2&&listLength!=3 ){
		moveElement('ifocus_piclist',0,-765,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',3);
	}
	if (currentNum==3 ){
		moveElement('ifocus_piclist',0,0,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',0);
	}
	if (currentNum==1&&listLength==2 ){
		moveElement('ifocus_piclist',0,0,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',0);
	}
	if (currentNum==2&&listLength==3 ){
		moveElement('ifocus_piclist',0,0,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',0);
	}
}
addLoadEvent(iFocusChange);
</script>
</head>

<body>
<div id="top"><div id="logo"><img src="/images/logo.jpg" alt="Angel Toy" /></div>
<div id="topright"></div>
<div id="menu">
<ul>
<a href="/">Home</a>   |   
<a href="/Aboutus.html">About us</a>   |   
<a href="/Products.html">Products</a>  | 
<a href="/Material.html"> Material</a>   | 
<a href="/Feedback.html">Feedback</a>  |   
<a href="/Contactus.html">Contact us</a>   |  
<a href="/cn/Index.html">中文</a>
</ul>
</div>
<div id="topcontact"></div>
<div id="banner">
<div id="ifocus">
  <div id="ifocus_pic">
    <div id="ifocus_piclist" style="left:0; top:0;">
      <ul>
        <li><a href="/Products.html" target="_blank"><img src="/images/01.jpg" alt="Economy Series" /></a></li>
        <li><a href="/Products.html" target="_blank"><img src="/images/02.jpg" alt="Economy Series" /></a></li>
        <li><a href="/Products.html" target="_blank"><img src="/images/03.jpg" alt="Animal Series" /></a></li>
        <li><a href="/Products.html" target="_blank"><img src="/images/04.jpg" alt="Animal Series" /></a></li>
      </ul>
    </div>
    <div id="ifocus_opdiv"></div>
    <div id="ifocus_tx">
      <ul>
        <li class="current">Economy Series</li>
        <li class="normal">Economy Series</li>
        <li class="normal">Animal Series</li>
        <li class="normal">Animal Series</li>
      </ul>
    </div>
  </div>
  <div id="ifocus_btn">
		<ul>
			<li class="current"><img src="/images/btn_01.jpg" alt="" /></li>
			<li class="normal"><img src="/images/btn_02.jpg" alt="" /></li>
			<li class="normal"><img src="/images/btn_03.jpg" alt="" /></li>
			<li class="normal"><img src="/images/btn_04.jpg" alt="" /></li>
		</ul>
	</div>
</div>
<div id="rightpic"></div>
</div>
</div>
<div class="clear"></div>
<div id="content">
<div id="leftlist">
  <h3>Products list</h3>
  <div class="sort">
    <ul>
      <li><font color="#f37416">&raquo;</font>&nbsp;&nbsp;<a href="/Castle-series.html">Castle Series</a></li>
<li><font color="#f37416">&raquo;</font>&nbsp;&nbsp;<a href="/Nature-series.html">Nature series</a></li>
<li><font color="#f37416">&raquo;</font>&nbsp;&nbsp;<a href="/Animal-series.html">Animal series</a></li>
<li><font color="#f37416">&raquo;</font>&nbsp;&nbsp;<a href="/Economy-series.html">Economy series</a></li>
<li><font color="#f37416">&raquo;</font>&nbsp;&nbsp;<a href="/Hex--jungle-series.html">Hex  jungle series</a></li>
<li><font color="#f37416">&raquo;</font>&nbsp;&nbsp;<a href="/Mushroom-jungle-series.html">Mushroom jungle series</a></li>
<li><font color="#f37416">&raquo;</font>&nbsp;&nbsp;<a href="/Swing-series.html">Swing series</a></li>

    </ul>
  </div>
  <h3>Installation steps</h3>
  <div class="anbz">
    <p>Installation procedures of big slide<br />
      1.	Make a fine distinction about these production’s components are marked with different mode.<br />
      2.	According to the installation drawing, we firstly install the main frame which also name platform. We assemble these components in the light of corresponding figures.If there are two or more main frame, we should pay attention to figures on the other end of components.<br />
      3.	According to corresponding figures, we only need to put plastic parts on the right place.<br />
      4.	In order to ensure safety, we should fix frame and tighten every screw.<br />
    </p>
  </div>
</div>
<div id="contentright"><p class="title"><img src="../images/titleico.gif" />  Your present position: <a href="/">Home</a> >> <a href="/Products.html">Products</a> >> <a href="/Economy-series.html">Economy series</a>&nbsp;>>&nbsp;ag066</p>
<table width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr>
          <td colspan="2"><div style="width:100%; text-align:left; height:25px;  line-height:25px; padding:10px 0 0 0;"><a href="/Economy-series.html"><img src="/images/showimage_back_pro.gif" border=0>&nbsp;Back Category List</a></div></td>
        </tr>
        <tr>
          <td colspan="2" align="center"><p class="ProShowTitle">ag066</p></td>
        </tr>
        <tr>
          <td colspan="2" class="ProShowTdLine"></td>
        </tr>
        <tr>
          <td colspan="2" class="ProShowTdContent"><div class="ProShowimg"><p align="center"><img src="/UploadFiles/ag066.jpg" alt="ag066" onmouseover="upNext(this)" ></p></div></td>
        </tr>
        <tr>
          <td colspan="2" class="ProShowTdContent">&nbsp;</td>
        </tr>
        <tr>
          <td colspan="2"height=15></td>
        </tr>
        <form action="/Order/Index.asp" method="Post" name="Inquire" target="_blank">
          <tr>
            <td width="132" class="ProShow00" align="center"><input name="Product_Id" type="hidden" id="Product_Id" value="1168," />
              <input type="image" name="imageField2" id="imageField2" src="../images/Contactnow.jpg" title="Order Online"/></td>
            <td width="505" class="ProShow00"><p class="Proshow01">Tel:  13616653951</p>
              <p class="Proshow02"><a href='mailto:sales@angel-toy.com'>sales@angel-toy.com</a></p>
              <p class="Proshow04"><a href="/Contactus.html">Contact us</a></td>
          </tr>
        </form>
      </table>
</div>
</div>
<div class="clear"></div>
<div id="foot">
<p>2011 &copy; Copyright Angel Toy  Co.,Ltd. All Rights Reserved.</p>  <p class="link"><a href="/">Home</a>  |   <a href="/Aboutus.html">About  us</a>  |  <a href="/Products.html">Products</a>  |  <a href="/Contactus.html">Contact us</a> |   <a href="/Sitemap.html">Sitemap</a></p>
</div>
</body>
</html>
�