window.currentDivShowing = 1;

function moveDiv(newDivId){
	window.inMotion = true;
	var slider = $("selected_bg");
	var newDiv = $("bsection"+newDivId);
	var oldDiv = $("bsection"+window.currentDivShowing);
	var oldLink = $("fsectionlink"+window.currentDivShowing);
	var newLink = $("fsectionlink"+newDivId);
	var oldPlatform = $("platform"+window.currentDivShowing);
	var newPlatform = $("platform"+newDivId);
								
	/*for(i=8;i>0;i--){
		if(i == window.currentDivShowing || i == newDivId){
			
		}else{
			$("bsection"+i).setStyle({display: 'none'});
			$("bsection"+i).setOpacity(1);
		}
	}
	
	if(window.currentDivShowing < newDivId){ //going UP
		oldDiv.setStyle({display: 'block'});
		oldDiv.setOpacity(0.8);
		newDiv.setStyle({display: 'block'});
		newDiv.setOpacity(1);
	}else if(window.currentDivShowing > newDivId){ //going down
		oldDiv.setStyle({display: 'block'});
		oldDiv.setOpacity(0.8);
		newDiv.setStyle({display: 'block'});
		newDiv.setOpacity(1);
	}else{ //no change
		return true;
	}*/
	
	 
	oldDiv.setStyle({display: 'block'});
	oldDiv.setOpacity(1);
	newDiv.setStyle({display: 'block'});
	newDiv.setOpacity(1);
	
	
	if(window.currentDivShowing == newDivId){
		return true;
	}

	var left = 0;
	if(newDivId==1){
		left=26;
	}
	else if(newDivId==2){
		left=164;
	}
	else if(newDivId==3){
		left=282;
	}
	else if(newDivId==4){
		left=407;
	}
	else if(newDivId==5){
		left=550;
	}
	else if(newDivId==6){
		left=664;
	}
	else if(newDivId==7){
		left=768;
	}
	else if(newDivId==8){
		left=893;
	}
	
	/*if(newDivId<window.currentDivShowing){
		for(i=(window.currentDivShowing-1);i>newDivId;i--){
			$("bsection"+i).hide();
		}
	}
	
	
	//oldDiv.style.display="";
	//newDiv.style.display="";
				
	for(i=8;i>0;i--){
		if(i == window.currentDivShowing || i == newDivId){
			if(window.currentDivShowing<newDivId && i==window.currentDivShowing){
				break;
			}else if(newDivId<window.currentDivShowing && i==newDivId){
				break;
			}else{
				$("bsection"+i).show();
			}
		}else{
			$("bsection"+i).hide();
		}
	}
	*/
	
	$$(".flashbg .product_label").each(function(s){
		s.setStyle({display: 'none'});
	});

        if(newDivId == 1){
            
        }

	if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) { //quick
		
		new Effect.Parallel([
		  new Effect.Move(slider, { sync: true, x: left, y: -6, mode: 'absolute' }),
		  //new Effect.Move(oldPlatform, { sync: true, x: 0, y: 134, mode: 'relative' }),
		  //new Effect.Move(newPlatform, { sync: true, x: 0, y: -134, mode: 'relative' }),
		 // new Effect.Opacity(oldDiv, { sync: true, from: 1, to: 0.01 }),
		 // new Effect.Opacity(newDiv, { sync: true, from: 0.01, to: 1 }),
		 // new Effect.Morph(oldLink, { sync: true, style: 'color:#888' }),
		 // new Effect.Morph(newLink, { sync: true, style: 'color:#000' })
		], { 
	 		duration: 1.5, queue: { position: 'front', scope: 'fader'  }
		});
	
		// new Effect.Opacity("prodlabel"+newDivId, { from: 0, to: 1, duration: 1, queue: { position: 'end', scope: 'fader'  } });
		
		oldDiv.setOpacity(0.00);
		newDiv.setOpacity(1);
		
		newPlatform.setStyle({top: '0px'});
		oldLink.setStyle({color: '#888'});
		newLink.setStyle({color: '#fff'});
		
		$("prodlabel"+newDivId).setOpacity(0.00);	
		$("prodlabel"+newDivId).setStyle({display: 'block'});
		new Effect.Opacity("prodlabel"+newDivId, { from: 0, to: 1, duration: 1, queue: { position: 'end', scope: 'fader'  } });
	
	}else{ //beautiful
		
		new Effect.Parallel([
		  new Effect.Move(slider, { sync: true, x: left, y: -6, mode: 'absolute' }),
		  new Effect.Move(oldPlatform, { sync: true, x: 0, y: 134, mode: 'relative' }),
		  new Effect.Move(newPlatform, { sync: true, x: 0, y: -134, mode: 'relative' }),
		  new Effect.Opacity(oldDiv, { sync: true, from: 1, to: 0.0 }),
		  new Effect.Opacity(newDiv, { sync: true, from: 0.2, to: 1 }),
		  new Effect.Morph(oldLink, { sync: true, style: 'color:#888' }),
		  new Effect.Morph(newLink, { sync: true, style: 'color:#fff' })
		], { 
	 		duration: 1.2, queue: { position: 'front', scope: 'fader'  }
		});
		
		$("prodlabel"+newDivId).setOpacity(0.00);	
		$("prodlabel"+newDivId).setStyle({display: 'block'});
		new Effect.Opacity("prodlabel"+newDivId, { from: 0, to: 1, duration: 1, queue: { position: 'end', scope: 'fader'  } });
	}
	
	oldDiv.setStyle({display: 'none'});
	oldDiv.setOpacity(1);	
				
	window.currentDivShowing = newDivId;
	window.inMotion = false;
	return true;
}

function eliminateFaces(){
    $("bsection1a").setStyle({display: 'none'});
    $("bsection1").setStyle({display: 'block'});
}

function moveDivNew(newDivId){
	window.inMotion = true;
        $("selected_bg").show();
	var slider = $("selected_bg");
	var oldLink = $("fsectionlink"+window.currentDivShowing);
	var newLink = $("fsectionlink"+newDivId);

	if(window.currentDivShowing == newDivId){
		return true;
	}

	var left = 0;
	if(newDivId==1){
		left=26;
	}
	else if(newDivId==2){
		left=164;
	}
	else if(newDivId==3){
		left=282;
	}
	else if(newDivId==4){
		left=407;
	}
	else if(newDivId==5){
		left=550;
	}
	else if(newDivId==6){
		left=664;
	}
	else if(newDivId==7){
		left=768;
	}
	else if(newDivId==8){
		left=893;
	}

	$$(".flashbg .product_label").each(function(s){
		s.setStyle({display: 'none'});
	});

        if(newDivId == 1){

        }

	if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) { //quick

		new Effect.Parallel([
		  new Effect.Move(slider, { sync: true, x: left, y: -6, mode: 'absolute' }),
		  //new Effect.Move(oldPlatform, { sync: true, x: 0, y: 134, mode: 'relative' }),
		  //new Effect.Move(newPlatform, { sync: true, x: 0, y: -134, mode: 'relative' }),
		 // new Effect.Opacity(oldDiv, { sync: true, from: 1, to: 0.01 }),
		 // new Effect.Opacity(newDiv, { sync: true, from: 0.01, to: 1 }),
		 // new Effect.Morph(oldLink, { sync: true, style: 'color:#888' }),
		 // new Effect.Morph(newLink, { sync: true, style: 'color:#000' })
		], {
	 		duration: 0.6, queue: { position: 'front', scope: 'fader'  }
		});

		// new Effect.Opacity("prodlabel"+newDivId, { from: 0, to: 1, duration: 1, queue: { position: 'end', scope: 'fader'  } });

		
		oldLink.setStyle({color: '#888'});
		newLink.setStyle({color: '#fff'});

		//$("prodlabel"+newDivId).setOpacity(0.00);
		//$("prodlabel"+newDivId).setStyle({display: 'block'});
		//new Effect.Opacity("prodlabel"+newDivId, { from: 0, to: 1, duration: 1, queue: { position: 'end', scope: 'fader'  } });

	}else{ //beautiful

		new Effect.Parallel([
		  new Effect.Move(slider, { sync: true, x: left, y: -6, mode: 'absolute' }),
		  new Effect.Morph(oldLink, { sync: true, style: 'color:#888' }),
		  new Effect.Morph(newLink, { sync: true, style: 'color:#fff' })
		], {
	 		duration: 0.6, queue: { position: 'front', scope: 'fader'  }
		});

		//$("prodlabel"+newDivId).setOpacity(0.00);
		//$("prodlabel"+newDivId).setStyle({display: 'block'});
		//new Effect.Opacity("prodlabel"+newDivId, { from: 0, to: 1, duration: 1, queue: { position: 'end', scope: 'fader'  } });
	}

        for(var i=1;i<=8;i++){
            if(i!=newDivId){
                jQuery("#fsectionlink"+i).css("color","#888");
            }
        }
	window.currentDivShowing = newDivId;
	window.inMotion = false;
	return true;
}

function moveDivNewOut(newDivId){
     $("selected_bg").hide();
     jQuery("#fsectionlink"+newDivId).css("color","#888");
}
