function showPic(id,pic,side) {
	document.getElementById("block"+id).style.backgroundImage="url('"+pic+"')";
	if(side=='right')
		{
		document.getElementById("block"+id).style.backgroundPosition="120px 25px";
		}
	else if(side=='left')
		{
		document.getElementById("block"+id).style.backgroundPosition="20px 25px";
		}

	
}

function hidePic(id) {
	document.getElementById("block"+id).style.backgroundImage="none";
}


function showBlock(id,dir) {
	if(dir=='right')
		{
		left=document.getElementById("link"+id).offsetLeft+79;
		}
	else if(dir=='left')
		{
		left=document.getElementById("link"+id).offsetLeft-220;
		}
	document.getElementById("block"+id).style.display="block";
	document.getElementById("block"+id).style.left=left+"px";

}

function hideBlock(id) {
	document.getElementById("block"+id).style.display="none";
}

function scrollTo(top) {
	document.getElementById("mods_list").scrollTop=top;
}

function validate_email(form_name,em_fld){
 var email=eval('document.'+form_name+'.'+em_fld);
 var reg = new RegExp("[0-9a-z_]+@[0-9a-z_^.]+\\.[a-z]", 'i');
 if (!reg.test(email.value)) {alert('Неверный адрес электронной почты'); return false;}
 else return true;
}

function showAdd2Basket2(alfa) {
	document.getElementById("add2basket2").style.display="block";
 	document.getElementById("add2basket2").style.opacity= alfa/100;
	document.getElementById("add2basket2").style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
	document.getElementById("add2basket2").style.filter= "alpha(opacity="+alfa+")";
	if (alfa!=100)
		{
		setTimeout("showAdd2Basket2("+(alfa+10)+");",100);
		}
//	else
//		{
//		setTimeout("hideAdd2Basket2("+(alfa)+");",4000);
//		}		
}

function hideAdd2Basket2(alfa) {
 	document.getElementById("add2basket2").style.opacity= alfa/100;
	document.getElementById("add2basket2").style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
	document.getElementById("add2basket2").style.filter= "alpha(opacity="+alfa+")";
	if (alfa!=0)
		{
		setTimeout("hideAdd2Basket2("+(alfa-10)+");",100);
		}
	else 
		{
		document.getElementById("add2basket2").style.display="none";
		}
}

function showAdd2Basket(alfa) {
	document.getElementById("add2basket").style.display="block";
 	document.getElementById("add2basket").style.opacity= alfa/100;
	document.getElementById("add2basket").style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
	document.getElementById("add2basket").style.filter= "alpha(opacity="+alfa+")";
	if (alfa!=100)
		{
		setTimeout("showAdd2Basket("+(alfa+10)+");",100);
		}
//	else
//		{
//		setTimeout("hideAdd2Basket("+(alfa)+");",1000);
//		}		
}

function hideAdd2Basket(alfa) {
 	document.getElementById("add2basket").style.opacity= alfa/100;
	document.getElementById("add2basket").style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
	document.getElementById("add2basket").style.filter= "alpha(opacity="+alfa+")";
	if (alfa!=0)
		{
		setTimeout("hideAdd2Basket("+(alfa-10)+");",100);
		}
	else 
		{
		document.getElementById("add2basket").style.display="none";
		}
}

function closeBigPic(alfa) {
	document.getElementById("bike_big_pic").style.display="none";
 	document.getElementById("curtain").style.opacity= alfa/100;
	document.getElementById("curtain").style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
	document.getElementById("curtain").style.filter= "alpha(opacity="+alfa+")";
//	document.getElementById("facts").style.display="none";
	if (alfa!=0)
		{
		setTimeout("closeBigPic("+(alfa-10)+");",10);
		}
	else 
		{
		document.getElementById("curtain").style.display="none";
		}
}

function showCurtain(alfa,pic) {
	document.getElementById("curtain").style.display="block";
 	document.getElementById("curtain").style.opacity= alfa/100;
	document.getElementById("curtain").style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
	document.getElementById("curtain").style.filter= "alpha(opacity="+alfa+")";
	if (alfa!=30)
		{
		setTimeout("showCurtain("+(alfa+10)+",'"+pic+"');",10);
		}
	else
		{
		showBigPic(pic)
		}

}

function showBigPic(pic) {
	document.getElementById("bike_big_pic").style.display="block";
	document.getElementById("bike_big_pic").style.backgroundImage="url('/upload/"+pic+"')";	
}

function showFacts(alfa) {
	document.getElementById("facts").style.display="block";
 	document.getElementById("facts").style.opacity= alfa/100;
	document.getElementById("facts").style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
	document.getElementById("facts").style.filter= "alpha(opacity="+alfa+")";
	if (alfa!=100)
		{
		setTimeout("showFacts("+(alfa+10)+");",5);
		}
}

function hideFacts(alfa) {
 	document.getElementById("facts").style.opacity= alfa/100;
	document.getElementById("facts").style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
	document.getElementById("facts").style.filter= "alpha(opacity="+alfa+")";
//	document.getElementById("facts").style.display="none";
	if (alfa!=0)
		{
		setTimeout("hideFacts("+(alfa-10)+");",5);
		}
}

function showSpecs(alfa) {
	document.getElementById("specs").style.display="block";
 	document.getElementById("specs").style.opacity= alfa/100;
	document.getElementById("specs").style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
	document.getElementById("specs").style.filter= "alpha(opacity="+alfa+")";
	if (alfa!=90)
		{
		setTimeout("showSpecs("+(alfa+10)+");",5);
		}
		
	$('.dostavkadop').hide();
}

function hideSpecs(alfa) {
 	document.getElementById("specs").style.opacity= alfa/100;
	document.getElementById("specs").style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
	document.getElementById("specs").style.filter= "alpha(opacity="+alfa+")";
//	document.getElementById("facts").style.display="none";
	if (alfa!=0)
		{
		setTimeout("hideSpecs("+(alfa-10)+");",5);
		}
	else
		{
		document.getElementById("specs").style.display="none";
		}
	$('.dostavkadop').show();
}

function showSubmenu(id) {

	document.getElementById(id+"_button").style.backgroundColor="#283933";
	left=document.getElementById(id+"_button").offsetLeft+0;
	width=document.getElementById(id+"_button").offsetWidth;
	document.getElementById(id+"_submenu").style.display="block";
	document.getElementById(id+"_submenu").style.left=left+'px';
	if(document.getElementById(id+"_submenu").offsetWidth<width)
		{
		width=width-2;
		document.getElementById(id+"_submenu").style.width=width+'px';
		}
}

function hideAll() {
	document.getElementById('bikes_submenu').style.display="none";
	document.getElementById('bikes_button').style.backgroundColor="transparent";
	document.getElementById('features_submenu').style.display="none";
	document.getElementById('features_button').style.backgroundColor="transparent";
	document.getElementById('ordr_submenu').style.display="none";
	document.getElementById('ordr_button').style.backgroundColor="transparent";
	document.getElementById('galleries_submenu').style.display="none";
	document.getElementById('galleries_button').style.backgroundColor="transparent";

}

function animate(tagId,alfa,step){
 div = document.getElementById(tagId);
 var items = new Array();
 //??  ? ?
 for(c=i=0;i<div.childNodes.length;i++){
  if (div.childNodes[i].tagName=="IMG"){
   items[c] = div.childNodes[i];
   c++;
  }
 }
 last = items[items.length-1];
 next = items[items.length-2];
 // ?  ?(??) ?  ?
 last.style.opacity= alfa/100;
 last.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
 last.style.filter= "alpha(opacity="+alfa+")";

 if ((alfa-step)>0){
  //?   ?  ?? ? ? - ? 
   setTimeout("animate('"+tagId+"',"+(alfa-step)+","+step+");",50);
 }else{
  //? ?  ?? ? ?
  // ?? ? ?? ?
  next.style.opacity= 1;
  next.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  next.style.filter= "alpha(opacity=100)";
  //  ? ? ??   ?
  tmp = last;
  div.removeChild(last);
  div.insertBefore(tmp,items[0]);
  tmp.style.opacity= 1;
  tmp.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  tmp.style.filter= "alpha(opacity=100)";

  setTimeout( "slideSwitch('"+tagId+"',1000)", 2000 );
 }
}

// ?     ?  ? (??  , ?  ?  ? ? ?)  ? 
function slideSwitch(tagId,speed){
 div = document.getElementById(tagId);
 if (div.style.visibility!="visible"){
      div.style.visibility = "visible";
 }
 items = div.getElementsByTagName('img');
 if (items.length>0){
  animate(tagId,100,10);
 }
}

function startSlideShow(tagId) {
	setTimeout( "slideSwitch('"+tagId+"',1000);",2000 );
}