

<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

function div_display(obj_id , s){

	if (obj_id) {
		if(s)
			document.getElementById(obj_id).style.display = 'block';
		else
			document.getElementById(obj_id).style.display = 'none';
	}
}

function s_p_text(par){

	if( $(par+'_less').style.display != 'none'){
	 
		div_display(par+'_less', false);
		div_display(par+'_more', true);
		$(par+'_btn').innerHTML = '<img src="/images/spp_hide_text.gif" class="more_btn" border="0" align="absmiddle">隐藏';
		
	}else{
	
		div_display(par+'_more', false);
		div_display(par+'_less', true);
		$(par+'_btn').innerHTML = '<img src="/images/spp_more_text.gif" class="more_btn" border="0" align="absmiddle">详情';
	}


}  

function s_p(par){

	if( $(par+'_less').style.display != 'none'){

		div_display(par+'_less', false);
		div_display(par+'_more', true);
		$(par+'_btn').innerHTML = '<img src="/images/spp/spp_hide_text.gif" border="0" align="absmiddle">隐藏';
	}else{

		div_display(par+'_more', false);
		div_display(par+'_less', true);
		$(par+'_btn').innerHTML = '<img src="/images/spp/spp_more_text.gif" class="more_btn" border="0" align="absmiddle">详情';
	}


}

function rollOverImage(obj){
if (obj==1){
     document.getElementById("statBtn").innerHTML='<img src="/images/btn_print_text.gif">';
     }
if (obj==2){
     document.getElementById("statBtn").innerHTML='<img src="/images/btn_fwd_text.gif">';
     }
if (obj==3){
     document.getElementById("statBtn").innerHTML='<img src="/images/btn_back_text.gif">';
     }
}


function rollOutImage(){
document.getElementById("statBtn").innerHTML='<img src="/images/btn_blank_text.gif">';
}

function ch_img_nolink(obj_id , img){
	document.getElementById(obj_id).src = img;
}

function ch_img(obj_id, img, url) {
    var link	= $(obj_id + "_url");
	
	//since IE doesn't like setAttribute, I am creating new img and a 
	//elements to insert in the collection page.
	
	if (link) {		
		//new img element
		var imgNode = new Element('img', { 'id': obj_id, src: img, 'class':'image_frame', 'width':'130', 'height':'130'});
		//new a element
		var linkNode = new Element('a', {'name':obj_id,'id':obj_id+'_url','href':url});
		//insert img element into a element
		linkNode.insert(imgNode);
		//replace old link with a spiffy new a and img
		link.replace(linkNode);
	}
}

function update_price(obj_id) {

var obj = document.getElementById(obj_id);
var price = obj.options[obj.selectedIndex].value;
var sku = obj.options[obj.selectedIndex].title;

document.getElementById("product_left_price").innerHTML = price;
document.getElementById("addtocart").onclick = function() {
    addtocart(sku);
}

}

 function   getPosition(obj)   
  {     
  var   ary   =   new   Array();   
  ary[0]   =   obj.offsetLeft;   
  ary[1]   =   obj.offsetTop;   
  while(obj   =   obj.offsetParent)   
  {   
  ary[0]   +=   obj.offsetLeft;   
  ary[1]   +=   obj.offsetTop;   
  }   
  return   ary;   
  }
  
  function edit_acc(div){
 
    var   ary   =   getPosition(obj);   

		$(div).style.position = "absolute";
		$(div).style.left=findPosX(obj);   
		$(div).style.top=findPosY(obj);    
		
	if(show == '1')
		$(div).style.display="block";
	else
		$(div).style.display="none";
	  
}

function update_sku(obj_id) {

var obj = document.getElementById(obj_id);
var sku = obj.options[obj.selectedIndex].value;

document.getElementById("addtocart").onclick = function() {
	// added initAddToCart in spp.js to do this in one spot
    //addtocart(sku);
}

}

function update_shade(sku_id) {

var sku_option = 0;
var selObj = document.getElementById("content_chooser_select");
for (var i = 0; i < selObj.length; i++) {
    if (selObj.options[i].value == sku_id) {
        sku_option = i;
    }
}
selObj.selectedIndex = sku_option;

document.getElementById("addtocart").onclick = function() {
	// added initAddToCart in spp.js to do this in one spot
    //addtocart(sku_id);
}

}

function $(v){
 return document.getElementById(v);
}

function s_div(obj, div ,show ){

	if(is_ie()){
		var version = ie_ver();
		$(div).style.position = "absolute";

		if(version == '8'){

			$(div).style.left=findPosX(obj)+375;
			$(div).style.top=findPosY(obj)+342;

		}else if(version == '7'){

			$(div).style.left=findPosX(obj)+375;
			$(div).style.top=findPosY(obj)+328;

		}else if(version == '6'){

			$(div).style.left=findPosX(obj)+375;
			$(div).style.top=findPosY(obj)+432;

		}else{

			$(div).style.left=findPosX(obj);
			$(div).style.top=findPosY(obj);

		}

	}else{
		$(div).style.position = "absolute";
		$(div).style.left=findPosX(obj)-150;
		$(div).style.top=findPosY(obj)-146;
	}

	if(show == '1')
		$(div).style.display="block";
	else
		$(div).style.display="none";

}

function s_div2(obj, div ,show ){

	if(is_ie()){
		var version = ie_ver();
		$(div).style.position = "absolute";

		if(version == '8'){

			$(div).style.left=findPosX(obj)+455;
			$(div).style.top=findPosY(obj)+280;

		}else if(version == '7'){

			$(div).style.left=findPosX(obj)+455;
			$(div).style.top=findPosY(obj)+281;

		}else if(version == '6'){

			$(div).style.left=findPosX(obj)+455;
			$(div).style.top=findPosY(obj)+283;

		}else{

			$(div).style.left=findPosX(obj);
			$(div).style.top=findPosY(obj);

		}

	}else{
		$(div).style.position = "absolute";
		$(div).style.left=findPosX(obj)-150;
		$(div).style.top=findPosY(obj)-146;
	}

	if(show == '1')
		$(div).style.display="block";
	else
		$(div).style.display="none";

}


function s_div3(obj, div ,show ){
 
	if(is_ie()){
		var version = ie_ver(); 
		$(div).style.position = "absolute";
		
		if(version == '8'){ 

			$(div).style.left=findPosX(obj)+0;   
			$(div).style.top=findPosY(obj)+24;   
			
			
		}else if(version == '7'){ 
		
			$(div).style.left=findPosX(obj)+0;   
			$(div).style.top=findPosY(obj)+24;   
			
		}else if(version == '6'){ 

			$(div).style.left=findPosX(obj)+0;   
			$(div).style.top=findPosY(obj)+24;   
			
		}else{
		
			$(div).style.left=findPosX(obj);   
			$(div).style.top=findPosY(obj);   
			
		}
		
	}else{
		$(div).style.position = "absolute";
		$(div).style.left=findPosX(obj)-0;   
		$(div).style.top=findPosY(obj)-24;    
	}
	 		 
	if(show == '1')
		$(div).style.display="block";
	else
		$(div).style.display="none";
	  
}


function is_ie(){

     if (navigator.appName.indexOf('Microsoft') != -1)
          browser = 'IE'
     else if (navigator.appName.indexOf('Netscape') != -1)
          browser = 'Netscape'
     else browser = 'IE';

		return (browser == 'IE');

}

function ie_ver(){

    var version = 999; // we assume a sane browser
    if (navigator.appVersion.indexOf("MSIE") != -1)
	  // bah, IE again, lets downgrade version number
	  version = parseFloat(navigator.appVersion.split("MSIE")[1]);
	  return version;

}

function findPosX(obj)
{
var curleft = 0;

if(obj.offsetParent)
	while(1)
	{
	  curleft += obj.offsetLeft;
	  if(!obj.offsetParent)
		break;
	  obj = obj.offsetParent;
	}
else if(obj.x)
	curleft += obj.x;
return curleft;
}

function findPosY(obj)
{
var curtop = 0;
if(obj.offsetParent)
	while(1)
	{
	  curtop += obj.offsetTop;
	  if(!obj.offsetParent)
		break;
	  obj = obj.offsetParent;
	}
else if(obj.y)
	curtop += obj.y;
return curtop;
}

function clear_box(obj , v ){

	if(obj.value == v)
		obj.value = '';

}

function initSectionNav() {
	var navNodes = $$('.subnav_item');
	if (navNodes) {
		navNodes.each(function(ele) {
			ele.observe('mouseover', function() {
				ele.addClassName('hover');
			});
			ele.observe('mouseout', function() {
				ele.removeClassName('hover');
			});
		});
	}
}

function subnav(status,obj, id){

	if(status=='on'){ 

		obj.style.backgroundColor='#8faca1';
		obj.style.color='#FFFFFF';
		document.getElementById(id).src = '/images/arrow_sub_white.gif';
	  
	}else{ 

		obj.style.backgroundColor='#dcede7';
		obj.style.color='#8faca1';	
		document.getElementById(id).src = '/images/arrow_sub_green.gif';
	 
	}
 
} 

function resize_fullscreen(divid){  var frame = document.getElementById(divid);  var htmlheight = document.body.parentNode.scrollHeight;  var windowheight = window.innerHeight;  if ( htmlheight < windowheight ) { document.body.style.height = windowheight + "px"; frame.style.height = windowheight + "px"; }  else { document.body.style.height = htmlheight + "px"; frame.style.height = htmlheight + "px"; } } 


function show_view_bag(){

	div_display('full_screen_mask_side');
	div_display('full_screen_mask');
	div_display('popup_viewbag');

}

function show_view_bag_on(){

	div_display('full_screen_mask_side',1);
	div_display('full_screen_mask',1);
	div_display('popup_viewbag',1);

}