/**
 * @(#)default8/info8_css.js
 *
 * Copyright 1999-2007(c) MijnWinkel B.V.
 *
 * $Revision: 6122 $
 * 
 * $Date: 2010-08-08 23:02:36 -0300 (dom, 08 ago 2010) $
 */

function headerInner(){
	var s=new SB();
	var styleLink=makeStyle("font-family",getFontName("Verdana,Arial,Helvetica,sans-serif"),"font-size",getFontSize(7.5)+"pt");
	s.append('<a id="myshp_info_back_button" href="javascript:void(0);" onclick="javascript:return pageBack(),false;"',styleLink,'>&lt;&lt;&#160;',m("back.toproductlist"),'</a>');
	s.append('<a id="myshp_info_next_button" href="javascript:void(0);" onclick="javascript:return goToInfoPage(',_inf['oidnext'],'),false;"',styleLink,'>&#160;',m("next.lowercase"),'&#160;&gt;&gt;</a>');
	s.append('<a id="myshp_info_prev_button" href="javascript:void(0);" onclick="javascript:return goToInfoPage(',_inf['oidprev'],'),false;"',styleLink,'>&#160&#160&#160&#160&lt;&lt;&#160;',m("previous.lowercase"),'&#160;</a>');
	return s.toString();
}

function header(){
	var s=new SB();
	s.append('<div id="myshp_info_navigation"><span id="myshp-header">',headerInner(),'</span></div>');
	s.append('<span id="myshp-product">');
	return s.toString();
}

function imageCheck(picture,pictW){
	if(picture.width>pictW&&hasLayout()){
		var newHeight=(pictW/picture.width)*picture.height; 
		picture.width=pictW;
		picture.height=newHeight;
	}
	picture.style.display='inline';
}
function buildBlock(columns){
	var s=new SB(),i=1,imgIndex=null,sT=new SB();
	var	price='',priceshow=false,priceLabel='',pl=hasPL(),indexPL=getPLIndex(),modulus='';
	var fontName=getFontName("Verdana,Arial,Helvetica,sans-serif");
	var fontSize=getFontSize(7.5);
	var styleTitle=makeStyle("font-family",fontName,"font-size",(fontSize+1)+"pt");
	var styleText=makeStyle("font-family",fontName,"font-size",(fontSize+1)+"pt");
	var styleLink=makeStyle("font-family",fontName,"font-size",fontSize+"pt");
	var styleLabel=makeStyle("font-family",fontName,"font-size",fontSize+"pt");
	var stylePrice=makeStyle("font-family",fontName,"font-size",(fontSize+2)+"pt");
	
	s.append('<div id="myshp_info_product">');
	if(getMoreInfoPictureIndex()!='')imgIndex=getMoreInfoPictureIndex();
	if(imgIndex!=null){
		if(isImage(imgIndex)){
			s.append('<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="top"><div class="myshp_info_image" style="',(hasLayout()?'width:300px':'auto'),';"><img src="/pic/transparent.gif" style="float:left;" width="1" height="10" alt="" class="myshp_info_image_transparent" /><br/>',getPicture(imgIndex,'align="center" onload="imageCheck(this,300);" class="myshp_info_image_large" style="position:relative;"'));
			s.append(insertPictureList(pl),'</div></td>');
			pl=false;	
		}
	}else s.append('<table cellpadding="0" cellspacing="0" border="0"><tr><td><div class="myshp_info_image"></div></td>');
	s.append('<td valign="top"><h2 id="myshp_info_title" ',styleTitle,'>',getInfoTitle(),'</h2>');
	s.append('<div class="myshp_info_description" ',styleText,'>',fieldPlain(getShortDescIndex()),'</div>');
	s.append('<table class="myshp_info_features">')
	for(;i<columns;i++) {
		if(getInfoShow(i)&&!fieldIsEmpty(i)){
			if(i==getPrice()){
				priceshow=true;
				price=fieldPlain(i);
				priceLabel=fieldLabel(i);
			}
			if(i!=getPrice()&&!(pl&&i==indexPL)){
				modulus=(modulus=="even")?"odd":"even";
				s.append('<tr class="myshp_info_row_',modulus,'">');
		
				s.append('<td class="myshp_info_label" ',styleLabel,'>',fieldLabel(i),':</td>');
				if(isImage(i))s.append(fieldFormated(i,'nowrap'));
				else{
					if(selection.has(getOID(),i)){
						var list=selection.get(getOID(),i),n=0,len=list.length-1,active=selection.active(getOID(),i);
						s.append('<td class="myshp_info_select_value">');
						if(len>1){
							if(selection.isInlineSelection(getOID(),i))s.append('<input type=hidden name="_selectionall',getOID(),'_',(i-1),'" value="',selection.get(getOID(),i,true),'">');
							s.append('<select class="myshp_info_select_field" style="font-size:',fontSize,'pt;" onchange="selectProduct(this,',i,',\'',getOID(),'\'',');" name="_selection',getOID(),'_',(i-1),'">');
							for(;n<len;n++)s.append('<option class="myshp_info_select_field_option" value="',escape(list[n]),'" ',((list[n]==active)?' selected ':''),'>',escapeValue(list[n]),'</option>');
							s.append('</select>');
						}else s.append('<span ',styleText,'>',list[0],'</span>');
						s.append("</td>");
					}
					else s.append('<td class="myshp_info_value" ',styleText,'>',fieldPlain(i),'</td>');
				}
				s.append('</tr>');
			}
		}
	}
	if(priceshow)s.append('<tr><td class="myshp_info_price myshp_info_price_label" ',styleLabel,'>',priceLabel,':</td><td class="myshp_info_price_value" ',stylePrice,'>',price,'&#160;</td></tr>');	
	if(!outOfStock){
		if(getQFType()==1){
			var only1=getQFOption()==2;
			if(only1||getQFLabel()=="")s.append('<tr><td>&nbsp;');
			else s.append('<tr class="myshp_info_row"><td class="myshp_info_label" ',styleLabel,'>',getQFLabel(),':');
			s.append('</td><td class="myshp_info_value"><input name="quantity" type="',((only1)?'hidden':'text'),'" value="',getInfoQuantity("quantity"),'" maxlength="6" size="4" onkeypress="javascript:return keyPress(arguments[0],this,',getOID(),');" onkeyup="javascript:return keyUp(this);"/>&nbsp;');
			if(!only1&&self.getMetric)s.append(getMetric());
			s.append('</td></tr>');
		}
		var oo=getOrderOptions();
		if((oo==3||oo==2)&&self.OrderFields){
			// add the custom order fields
			var fldlbl,fld,flds=new OrderFields();
			while(flds.hasNext()){
				fld=flds.next();
				fldlbl=fld.getLabel();
				if(!empty(fldlbl)){
					s.append('<tr class="myshp_info_row"><td class="myshp_info_label" ',styleLabel,'>',fldlbl,':</td><td>');
					// insert the control
					if(fld.type==1){
						// text area
						if(fld.rows>1)s.append('<textarea  name="text',fld.name,'"  cols="',fld.size,'" rows="',fld.rows,'" onkeypress="javascript:return doFlush(arguments[0]);"></textarea>');
						else s.append('<input  name="text',fld.name,'" type="text" maxlength="',fld.maxLength,'" size="',fld.size,'" onkeypress="javascript:return doFlush(arguments[0]);" />');
					}
					else if(fld.type==2){
						// upload
						s.append('<input  name="upload',fld.name,'" type="file" maxlength="',fld.maxLength,'" size="',fld.size,'" onkeypress="javascript:return doFlush(arguments[0]);"/>');
						s.append('<input type=hidden name="idupload',fld.name,'" value="',fld.getUploadId(getVID(),getCID(),getOID()),'"/>');
					}
					s.append('&nbsp;</td></tr>');
				}
			}
		}
	}
		
	
	// Quantity field
	var outOfStock=(checkStock()&&getStockVal(null,getOID())<1);
	if(hasQuotation()){
		s.append('<tr><td class="myshp_info_label">&nbsp;</td><td class="myshp_info_value">')
		if(getQFType()==1) {
			s.append('<div id="myshp_info_quotation">',makeCssCmd('void(0)',('placeOrder(null,'+getOID()+',\'quantity\')'),'myshp_info_quotation_button',m("quotation"),180,22),'<div class="clear"></div></div>');
		} else {
			s.append(getInfoQuotationButton());
		}
		s.append('</td></tr>');
	}
	if(hasOrder()){
		s.append('<tr><td class="myshp_info_label">&nbsp;</td><td class="myshp_info_value">')
		if(outOfStock)s.append('&nbsp;');
		else s.append('<div id="myshp_info_order">',makeCssCmd('void(0)',('placeOrder(null,'+getOID()+',\'quantity\')'),'myshp_info_order_button',m("order"),124,22),'<div class="clear"></div></div>');
		s.append('</td></tr>');
	}
	s.append('</table></td></tr></table>')
	s.append(insertPictureList(pl,styleText));
	s.append('<br/><div class="myshp_info_description_long" ',styleText,'>',fieldPlain(getLongDescIndex()),'</div><br/>');
	return s.toString();
}

function insertPictureList(pl,styleText){
	var s=new SB();
	if(pl){
		var list=new HashMap()
		list.add(fieldRaw(getPLIndex()));
		if(list.size()>0){
			s.append('<div class="myshp_info_images" style="width:300px;">')
			if(styleText!=null){
				while(list.next())s.append('<div class="myshp_info_image">','<img style="cursor:hand;cursor:pointer;margin: 0 4px 4px 0;" border=0 width="',getPLWidth(),'"',((getPLHeight()!="")?' height="'+getPLHeight()+'"':''),' src="',(getPLLocation(list.key())),'" onclick="javascript:popup(\'',m('click.to.close'),'\',dt_IMAGE,\'',(getPLLocation(list.value())),'\')">','</div>');
			}else{
				s.append('<br/><br/>');
				while(list.next())s.append('<img style="cursor:hand;cursor:pointer;margin: 0 4px 4px 0;" border=0 width="',getPLWidth(),'"',((getPLHeight()!="")?' height="'+getPLHeight()+'"':''),' src="',(getPLLocation(list.key())),'" onclick="javascript:popup(\'',m('click.to.close'),'\',dt_IMAGE,\'',(getPLLocation(list.value())),'\')">');
			}
			s.append('</div>')
		}
	}else s.append(''); 
	return s.toString();
}

function hasPL(){return _cv("CA",0)==1&&getPLIndex()>0&&getPLLocation()!=""}
function getPLIndex(){return _cv("CB",0)}
function getPLLocation(image){
	var loc=_cv("CC","");
	if(loc!=null){
		if(loc.indexOf("myshop.s3-")!=-1){
			if(image!=null){
				var s3="shop"+getMasterShopId()+".pictures.";
				if(image.indexOf(s3)==-1)loc+="/"+s3+image;
				else loc+="/"+image;
			}
		}
		else if(image!=null)loc+="/"+image;
	}
	return loc;
}
function getPLWidth(){return _cv("CD","100")}
function getPLHeight(){return _cv("CE","")}

var _move2Back=false;
function pageBack(){
	window.history.go(-1);
	if(_move2Back)window.history.go(-1);
}

function footer(){
	if(_inf['vid']==26979){
		_move2Back=true;
		try{window.parent.parent.location="http://www.afaxion.nl/index.php?option=com_wrapper&Itemid=28#top"}catch(e){}
	}
	var iframeurl=trim(""+getBag().get("s.system.iframe_page"));
	if(iframeurl!=""){
		_move2Back=true;
		try{window.parent.parent.location=iframeurl+"#top"}catch(e){}
	}
	
	var s=new SB();
	s.append('</div></span>');
	s.append('<span id="myshp-related">');
	s.append(_rel.toString());
	s.append('</span>');
	if((getSponsorLevel()>3)||(getStatType(true)=="onestatbasic")){
		s.append(writeNavBottomInfo());
	}
	else if((getStatType(true)=="onestatpremium")||(getStatType(true)=="onestatebusiness"))s.append(writeNavBottomInfo());
	return s.toString();
}

function writeNavBottomInfo(){
	var s=new SB();
	s.append('</div><div id="myshp_info_footer_bottom"><div id="myshp_info_footer">');
	if (getSponsorLevel()>3){
		s.append('shop powered by <a target="_blank" href="http://www.mijnwinkel.nl?pow=sm'+getVID()+'"class="myshp_info_footer_poweredby">mijnwinkel.nl</a>');
	}
	s.append((self.__statistic)?__statistic.getCounter():'');
	s.append('</div>')
	return s;
}

function relatedHeader(){
	_rel.init();
	_rel.append('<div id="myshp_info_related">');
	_rel.append('<h3 class="myshp_info_related_header" style="color:',getColor(4),';">',m("related.title"),'</h3>');
	return ""	
}

function relatedBuildBlock(columns,relatedInfo){
	_rel.append('<div class="myshp_info_related_product" id="myshp-related',_rel.count,'">',relatedBuildBlockInner(columns,relatedInfo),'<div class="clear"></div>');
	_rel.increment();
	return ""
}

function relatedBuildBlockInner(columns,relatedInfo){
	var	price='',priceshow=false,priceLabel='',fields=new SB(),imgIndex=null,s=new SB();
	var fontName=getFontName("Verdana,Arial,Helvetica,sans-serif");
	var fontSize=getFontSize(7.5);
	var styleTitle=makeStyle("font-family",fontName,"font-size",(fontSize+1)+"pt");
	var styleText=makeStyle("font-family",fontName,"font-size",(fontSize+1)+"pt");
	var styleLink=makeStyle("font-family",fontName,"font-size",fontSize+"pt");
	var styleLabel=makeStyle("font-family",fontName,"font-size",fontSize+"pt");
	var stylePrice=makeStyle("font-family",fontName,"font-size",(fontSize+2)+"pt");
	s.append('<table cellpadding="0" cellspacing="0" border="0">');
	fields.append('<td valign="top"><div class="myshp_info_related_features_wrapper"><table cellpadding="0" cellspacing="0" border="0" class="myshp_info_related_features">');
	for (var i=1;i<columns;i++){
		if (((relatedInfo !=null)?relatedInfo.show(i):getInfoShow(i))&&!fieldIsEmpty(i)){
			if (i==getPrice()){priceshow=true;price=fieldPlain(i);priceLabel=fieldLabel(i);}
			else if (!imgIndex&&isImage(i))imgIndex=i;
			else if (selection.has(getOID(),i)) {
				var list=selection.get(getOID(),i),n=0,len=list.length-1,active=selection.active(getOID(),i);
				fields.append('<tr>');
				if (len>1) {
					fields.append('<td class="myshp_info_related_label"',styleLabel,'>',fieldLabel(i),':</td>');
					if (selection.isInlineSelection(getOID(), i))s.append('<input type=hidden name="_selectionall',_rel.active,'_',getOID(),'_',(i-1),'" value="',selection.get(getOID(),i,true),'">');
					fields.append('<td class="myshp_info_related_value"><select style="font-size:',fontSize,'pt;" onchange="selectProductRel(this,',i,',\'',getOID(),'\'',',',_rel.active,');" name="_selection',_rel.active,'_', getOID(),'_',(i-1),'" class="myshp_info_related_select_field">');
					for (;n<len; n++)fields.append('<option class="myshp_info_related_select_field_option" value="',escape(list[n]),'"',((list[n]==active)?'selected':''),'>',escapeValue(list[n]),'</option>');								
					fields.append('</select></td>');
				}else fields.append('<td class="myshp_info_related_label"',styleLabel,'>',fieldLabel(i),':</td><td class="myshp_info_related_value"',styleText,'>',list[0],'</td>');
				fields.append('</tr>');
			}else {
				fields.append('<tr><td class="myshp_info_related_label"', styleLabel,'>', fieldLabel(i),':</td><td class="myshp_info_related_value"',styleText,'>',fieldPlain(i),'</td></tr>');
			}
		}
	}	
	if (priceshow) {
		fields.append('<tr><td class="myshp_info_related_label myshp_info_related_price_label"', styleLabel, '>', priceLabel, ':</td><td class="myshp_info_related_value myshp_info_related_price_value"', styleLink, '><strong>', price, '</strong>&#160');
		if(hasInfo())fields.append('<a href="javascript:info(' + getOID() + ');"', styleLink, '><u>', m("moreinfo"), '</u></a>');
		fields.append('</td></tr>');
	}
	else if(hasInfo()){
		fields.append('<tr><td class="myshp_info_related_value"',styleLink,'>');
		fields.append('<a href="javascript:info(' + getOID() + ');"', styleLink, '><u>', m("moreinfo"), '</u></a>');
		fields.append('</td><td></td></tr>');
	}
	var fldName='quantity'+getCID()+'_'+getOID();
	var stock=(getStockVal(_rel.active,getOID())>0)
	if(isOrderActive()&&(stock||!checkStock())&&getQFType()==1){
		fields.append('<tr><td class="myshp_info_related_label myshp_info_related_quantity_label"',styleLabel,'>');
		if(getQFLabel()!="")fields.append(getQFLabel(),':</td>');
		else fields.append (':</td>');
		fields.append('<td class="myshp_info_related_value myshp_info_related_quantity_value"><input name="'+fldName+'" type=text onclick="javascript:return false;" value="',getInfoQuantity(fldName),'" maxlength="6" size="4" onkeypress="javascript:return keyPress(arguments[0],this,',getOID(),',',getCID(),',',_rel.active,');" onkeyup="javascript:return keyUp(this);" class="myshp_info_related_quantity_field" />&nbsp;');
		if(self.getMetric)fields.append(getMetric());
		fields.append ('</td></tr>');
	}
	fields.append('</table><div class="myshp_info_related_order">'); /*----Bring it on!!!!-----*/
	if(hasQuotation()){
		if(getQFType()==1)fields.append('<a ',styleLink,' href="javascript:void(0);" onclick="javascript:return placeOrder(null,',getOID(),',\'',fldName,'\',',getCID(),',',_rel.active+'),false;" class="fieldsQuotation"><img border="0" align="absmiddle" alt="',m('quotation.long'),'" src="/pic/cmd/',getLanguage(),'/quotationlist.gif"</a>');
		else fields.append(getQuotationButton(getCID(),_rel.active));
	}
	if(hasOrder()){
		fields.append('&nbsp;&nbsp;&nbsp;')
		if(checkStock()&&!stock)fields.append('&nbsp;');
		else{
			if(getQFType()==1)fields.append('<a ',styleLink,' href="javascript:void(0);" onclick="javascript:return placeOrderRelated(null,',getOID(),',\'',fldName,'\',',getCID(),',',_rel.active+'),false;" class="fieldsQuotation"><img border="0" align="absmiddle" alt="',m('order.lowercase'),'" src="/pic/cmd/',getLanguage(),'/orderlist.gif"</a>');
			else fields.append(getOrderButton(getCID(),_rel.active));
		}
	}
	fields.append('<div class="clear"></div></div><div class="clear"></div>');	
	fields.append('</td>');
	s.append('<tr><td valign="top"><div class="myshp_info_related_images_container">');
	if(getRPictureIndex()!='')imgIndex=getRPictureIndex();
	if(imgIndex){
		s.append('<ul class="myshp_info_related_images">');
		if(hasInfo()){
			s.append('<li class="myshp_info_related_image"><a href="javascript:info(' + getOID() + ');"', styleLink, '>', getRPicture(imgIndex)+'&nbsp;','</a></li>');	
		}else{
			s.append('<li class="myshp_info_related_image">', getRPicture(imgIndex)+'&nbsp;','</li>');
		}
		s.append('</ul>');
	}
	var rTitleIndex=(getRTitleIndex()!=''),rShortDescIndex=(getRShortDescIndex()!='');
	if ((rTitleIndex) || (rShortDescIndex)) {
		s.append('<div style="float:right;"> <div class="myshp_info_related_title" ', styleTitle, '>', ((rTitleIndex) ? fieldPlain(getRTitleIndex()) + '<br /><span class="myshp_info_related_description" ' + styleText + '>' : ""), ((rShortDescIndex) ? fieldPlain(getRShortDescIndex()) : ""), '</span></div></div>');
	 };
	s.append('<div class="clear"></div></div></td>')
	s.append(fields.toString(),'</tr></table></div>');
	return s.toString();
}


function relatedFooter(){
	_rel.append('</div>');
	return ""
}


var _navImage=['nextinfo.gif','nextbackinfo.gif'];
function getInfoPrevButton(){return makeCssCmd('void(0)','goToInfoPage('+(_inf['oidprev'])+')','myshp_info_prev_button',m("prev"),25,22)}
function getInfoNextButton(){return makeCssCmd('void(0)','goToInfoPage('+(_inf['oidnext'])+')','myshp_info_next_button',m("next"),25,22)}
function getInfoBackButton(){return makeCssCmd('_pageBack()',null,'myshp_info_back_button',m("back"),73,23)}
function getInfoQuotationButton(){return makeCmd('void(0)','order('+getOID()+')','b-quotation.gif',m("quotation"))}
function getInfoOrderButton(){return makeCmd('void(0)','order('+getOID()+')','b-orderinfo.gif',m("order"))}
function getOrderButton(cid,count){return makeOrderCmd(cid,'order',count)}
function makeOrderCmd(cid,n,count){
	var c=(count!=null)?count+'__':'';
	var cmd='order(\''+c+getOID()+'\')';
	if(cid!=null)cmd='showPopup(\''+c+getOID()+'\','+cid+((getViewType()==vt_BASKET)?',null,null,1':'')+')';
	return makeCmd('void(0)',cmd,n+'list.gif',m(n))
}
function pageLoad() {
	if(hasLayout()) {
	 	var menuSideTopBar=document.getElementById('myshp_menu_side_topbar'),searchBlock=document.getElementById('myshp_info_search_block');
		if(menuSideTopBar&&searchBlock)searchBlock.style.height=menuSideTopBar.style.height;
	 }
}