// base function to slide left only (home page)
function slideContent(){
	if($('Page2').style.display != 'block'){
		/* start method 2 */
		$('Page2').style.width = '670px';
		new Effect.Fade('Page1',{duration: 0.3,fps: 30,queue: 'end'});
		new Effect.Move('packshot',{ x: (300 - $(slide).width), y: 44, mode: 'absolute',queue: 'end',fps: 60});// 390px = right edge
		new Effect.Appear('Page2',{duration: 0.3, fps: 30, queue: 'end' ,afterFinish: function(){
			$('Page1').style.display = 'none';
			$('Page2').style.display = 'block';
			setTimeout(function(){
				if (currentSlide != "slide1"){
					new Effect.Fade(currentSlide, { 
					      duration: 0.8,
					      fps: 50,
					      queue: 'end',
					      limit: 2,
					      afterFinish: function(){
					      	$('packshot').style.left = '141px';// position of default slide
				      	  }
				    });
				    
				    new Effect.Appear('slide1', {
				      duration: 0.8,
				      fps: 50,
				      queue: 'end',
				      limit: 2,
				      afterFinish: function(){
				    	currentSlide = slide;
				    	busy = false;
			            	}
				    	});
			    	}
				},2000);
		}});
		/* end method 2 */
	}else {
		new Effect.Fade('Page2',{duration: 0.3,fps: 30,queue: 'end'});
		new Effect.Move('packshot',{ x: 670, y: 44, mode: 'absolute',queue: 'end',fps: 60});// 390px = right edge
		new Effect.Appear('Page1',{duration: 0.3, fps: 30, queue: 'end' ,afterFinish: function(){
			$('Page2').style.display = 'none';
			$('Page1').style.display = 'block';
			setTimeout(function(){
				if (currentSlide != "slide1"){
					new Effect.Fade(currentSlide, { 
					      duration: 0.8,
					      fps: 50,
					      queue: 'end',
					      limit: 2,
					      afterFinish: function(){
					      	$('packshot').style.left = '141px';// position of default slide
				      	  }
				    });
				    
				    new Effect.Appear('slide1', {
				      duration: 0.8,
				      fps: 50,
				      queue: 'end',
				      limit: 2,
				      afterFinish: function(){
				    	currentSlide = slide;
				    	busy = false;
			            	}
				    	});
			    	}
				},2000);
		}});
	}
}
// base function to slide left and right without image change (info page)
function slideContent2(){
	$('main').style.backgroundImage = "url(../images/bg_frame.gif)";
	if($('Page2').style.display != 'block'){
		/* start method 2 */
		$('Page2').style.width = '670px';
		new Effect.Parallel([
		  new Effect.Fade('Page1', { sync: true }), 
		  new Effect.Fade('priceBox', { sync: true })
		], { 
		  duration: 0.3,
		  queue: 'end'
		});

		
		
		
		/*new Effect.Fade('Page1',{duration: 0.3,fps: 30,queue: 'end'});*/
		new Effect.Move('packshot',{ x: (300 - $(slide).width), y: 44, mode: 'absolute',queue: 'end',fps: 60});// 390px = right edge
		new Effect.Appear('Page2',{duration: 0.3, fps: 30, queue: 'end' ,afterFinish: function(){
			$('Page1').style.display = 'none';
			$('Page2').style.display = 'block';
		}});
		/* end method 2 */
	}else{
		new Effect.Fade('Page2',{duration: 0.3,fps: 30,queue: 'end'});
		new Effect.Move('packshot',{ x: 530, y: 44, mode: 'absolute',queue: 'end',fps: 60});// 390px = right edge
		/*
		new Effect.Appear('Page1',{duration: 0.3, fps: 30, queue: 'end' ,afterFinish: function(){
			$('Page2').style.display = 'none';
			$('Page1').style.display = 'block';
			viewSlide('slide1');
		}});*/
		new Effect.Parallel([
		  new Effect.Appear('Page1', { sync: true }), 
		  new Effect.Appear('priceBox', { sync: true }) 
		], { 
		  duration: 0.3,
		  queue: 'end',
		  afterFinish: function(){
			$('Page2').style.display = 'none';
			$('Page1').style.display = 'block';
			loadPreviousPrice();
			}
		});
	}
}
function slideContent3(){
	if($('Page2').style.display != 'block'){
		/* start method 2 */
		$('Page2').style.width = '650px';
		new Effect.Fade('Page1',{duration: 0.3,fps: 30,queue: 'end'});
		new Effect.Move('packshot',{ x: (300 - $(slide).width), y: 44, mode: 'absolute',queue: 'end',fps: 60});// 390px = right edge
		new Effect.Appear('Page2',{duration: 0.3, fps: 30, queue: 'end' ,afterFinish: function(){
			$('Page1').style.display = 'none';
			$('Page2').style.display = 'block';
		}});
		/* end method 2 */
	}else {
		new Effect.Fade('Page2',{duration: 0.3,fps: 30,queue: 'end'});
		new Effect.Move('packshot',{ x: 630, y: 44, mode: 'absolute',queue: 'end',fps: 60});// 390px = right edge
		new Effect.Appear('Page1',{duration: 0.3, fps: 30, queue: 'end' ,afterFinish: function(){
			$('Page2').style.display = 'none';
			$('Page1').style.display = 'block';
		}});
	}
}
// switch image
var currentSlide = "slide1";
var slide = "slide1";
var busy = false;
function viewSlide(myslide,speed){
	speed = (speed == null)? 0.6 : speed;
	if(!busy && currentSlide != myslide){
		slide=myslide;
		busy = true;
		new Effect.Fade(currentSlide, { 
		      duration: speed,
		      fps: 50,
		      queue: 'end',
		      limit: 2
	    });
		new Effect.Appear(slide, {
		      duration: speed,
		      fps: 50,
		      queue: 'end',
		      limit: 2,
		      afterFinish: function(){
		    	currentSlide = slide;
		    	busy = false;
	              		}
	    });
    }
}
function viewSlide2(myslide,speed){
	speed = (speed == null)? 0.6 : speed;
	if(!busy && currentSlide != myslide){
		slide=myslide;
		busy = true;
		new Effect.Fade(currentSlide, { 
		      duration: speed,
		      fps: 50,
		      queue: 'end',
		      limit: 2
	    });
		new Effect.Appear(slide, {
		      duration: speed,
		      fps: 50,
		      queue: 'end',
		      limit: 2,
		      afterFinish: function(){
		    	currentSlide = slide;
		    	busy = false;
		    	if($('device1') && $('device1').checked)viewSlide2('slide1');
		    	else if($('device2') && $('device2').checked)viewSlide2('slide2');
		    	else if($('device3') && $('device3').checked)viewSlide2('slide3');
		    	else if($('device4') && $('device4').checked)viewSlide2('slide4');
	             }
	    });
    }
}

// Collabsable boxes on home page
function showHideInfo(el){
	if($(el).next('div.hidebox').style.display == 'none'){
		for(i=1;i<=3;i++){
			if($('slidebox'+i).down('div.hidebox').style.display != 'none')	{	
				Effect.BlindUp($('slidebox'+i).down('div.hidebox'),{duration: 0.3});
				$('slidebox'+i).down('a').removeClassName('active');
				$('slidebox'+i).down('span.title').style.color = "#000";
			}
		}
		
		Effect.BlindDown($(el).next('div.hidebox'),{duration: 0.3,queue: 'end'});
		$(el).addClassName('active');
		$('thumbs').style.display = "none";
	}
	else {
		Effect.BlindUp($(el).next('div.hidebox'),{duration: 0.3,queue: 'end'});
		$(el).removeClassName('active');
		$('thumbs').style.display = "block";
	}
}
// Collabsable boxes on tech info page
function showHideInfo2(el){
	if($(el).next('div.hidebox').style.display == 'none'){
		for(i=1;i<=11;i++){
			if($('slidebox'+i).down('div.hidebox').style.display != 'none')	{	
				Effect.BlindUp($('slidebox'+i).down('div.hidebox'),{duration: 0.3});
				$('slidebox'+i).down('a').removeClassName('active');
				$('slidebox'+i).down('a').style.color = "#999";
			}
		}
		
		Effect.BlindDown($(el).next('div.hidebox'),{duration: 0.3,queue: 'end'});
		$(el).addClassName('active');
	}
	else {
		Effect.BlindUp($(el).next('div.hidebox'),{duration: 0.3,queue: 'end'});
		$(el).removeClassName('active');
	}
}
// Collabsable boxes on faq page
function showHideInfo3(el){
	if($(el).next('div.hidebox').style.display == 'none'){
		for(i=1;i<=7;i++){
			if($('slidebox'+i).down('div.hidebox').style.display != 'none')	{	
				Effect.BlindUp($('slidebox'+i).down('div.hidebox'),{duration: 0.3});
				$('slidebox'+i).down('a').removeClassName('active');
				$('slidebox'+i).down('a').style.color = "#999";
			}
		}
		Effect.BlindDown($(el).next('div.hidebox'),{duration: 0.3,queue: 'end'});
		$(el).addClassName('active');
	}
	else {
		Effect.BlindUp($(el).next('div.hidebox'),{duration: 0.3,queue: 'end'});
		$(el).removeClassName('active');
	}
}
var currentFaqId = 'question_1-1';
function showFaq(id){
	//answers = $('answers').childElements();
	/*for (i=0;i<(answers.length-1);i++){
		answers[i].style.display="none";
	}*/
	$(currentFaqId).style.display='none';
	$(id).style.display='block';
	currentFaqId = id;
	slideContent3();
}
/* IE does not feel like doing css for a change f*cking piece of sh*t */
function hoverItem(el){
	el.style.background = "transparent url('../images/info_button_over.gif') no-repeat 424px 20px";
	$(el).down('span.title').style.color = "#08c";
}
function unhoverItem(el){
	el.style.background = "transparent url('../images/info_button.gif') no-repeat 424px 20px";
	$(el).down('span.title').style.color = "#000";
}
function hoverBack(el){
	el.style.background = "transparent url('../images/button_back_over.gif') no-repeat";
	$(el).style.color = "#08c";
}
function unhoverBack(el){
	el.style.background = "transparent url('../images/button_back.gif') no-repeat";
	$(el).style.color = "#000";
}
function hoverItemHome(el){
	if ($(el).hasClassName('active')){
	el.style.background = "transparent url('../images/home_up_over.gif') no-repeat 440px 15px";
	$(el).down('span.title').style.color = "#08c";
	}else {	
	el.style.background = "transparent url('../images/home_down_over.gif') no-repeat 440px 15px";
	$(el).down('span.title').style.color = "#08c";
	}
}
function unhoverItemHome(el){
	if ($(el).hasClassName('active')){
	el.style.background = "transparent url('../images/home_up.gif') no-repeat 440px 15px";
	$(el).down('span.title').style.color = "#08c";
	}else {	
	el.style.background = "transparent url('../images/home_down.gif') no-repeat 440px 15px";
	$(el).down('span.title').style.color = "#000";
	}
}
function hoverItemTech(el){
	if ($(el).hasClassName('active')){
	el.style.background = "transparent url('../images/tech_up_over.gif') no-repeat 420px 3px";
	$(el).style.color = "#08c";
	}else {	
	el.style.background = "transparent url('../images/tech_down_over.gif') no-repeat 420px 3px";
	$(el).style.color = "#08c";
	}
}
function unhoverItemTech(el){
	if ($(el).hasClassName('active')){
	el.style.background = "transparent url('../images/tech_up.gif') no-repeat 420px 3px";
	$(el).style.color = "#08c";
	}else {	
	el.style.background = "transparent url('../images/tech_down.gif') no-repeat 420px 3px";
	$(el).style.color = "#999";
	}
}
/* end of IE bullsh*t */
// slide right and show correct info field 
function showDetails(item){
	$('info3G').style.display = "none";
	$('infoGPS').style.display = "none";
	$('infoApp').style.display = "none";
	$('infoDesign').style.display = "none";
	$(item).style.display = "block";
	
	if(item == 'infoTech'){
		$('info').style.display = 'none';
		$('info3G').style.display = "block";
	}else {
		$('info').style.display = 'block';
		$('infoTech').style.display = "none";
	}
	slideContent2();
	
	viewSlide('slide5');
	
	if(item == 'infoDesign'){
		setTimeout ( function(){
			$('main').style.backgroundImage = "url(../images/bg_frame_apps.gif)";
			}, 1300 );
	}
}
// switch info on info subpage
var contAnim;
function showContent(item){
	if(contAnim){
		var busyEl = contAnim.element;
		contAnim.cancel();
		busyEl.style.display = 'none';
	}
	if($(item).style.display == 'none'){
		if($('info3G').style.display != 'none') Effect.Fade('info3G', { duration: 0.4,queue:{position: 'end',scope: 'content',limit: 2} });
		else if($('infoGPS').style.display != 'none') Effect.Fade('infoGPS', { duration: 0.4,queue:{position: 'end',scope: 'content',limit: 2} });
		else if($('infoApp').style.display != 'none') Effect.Fade('infoApp', { duration: 0.4,queue:{position: 'end',scope: 'content',limit: 2} });
		else if($('infoDesign').style.display != 'none')Effect.Fade('infoDesign', { duration: 0.4,queue:{position: 'end',scope: 'content',limit: 2} });
		
		contAnim = new Effect.Appear(item, { duration: 0.4, queue:{position: 'end',scope: 'content',limit: 2},afterFinish:function(){contAnim = false;} });
		if(item == 'infoDesign'){
			//switchColor(0.4);
			setTimeout ( function(){
			$('main').style.backgroundImage = "url(../images/bg_frame_apps.gif)";
			}, 500 );
		}else {
			viewSlide('slide5',0.4);
			$('main').style.backgroundImage = "url(../images/bg_frame.gif)";
		}
	}
}
// show the tech stuff
function showTech(){
	Effect.Fade('info', { duration: 0.6, queue:{position: 'end',scope: 'content',limit: 2}});
	Effect.Appear('infoTech', { duration: 0.6, queue:{position: 'end',scope: 'content',limit: 2},afterFinish: function(){viewSlide('slide5');} });
	
}
// hide the tech (unused atm)
function hideTech(){
	Effect.Fade('infoTech', { duration: 0.6, queue:{position: 'end',scope: 'content',limit: 2}});
	Effect.Appear('info', { duration: 0.6, queue:{position: 'end',scope: 'content',limit: 2} });
	if($('infoDesign').style.display != 'none') switchColor();
}
// change the back color of the iphone (design subpage)
function switchColor(speed){
	if ($('slide2').style.display == 'none'){
		viewSlide('slide2',speed); //white
		$('whiteDot').addClassName('active');
		$('blackDot').removeClassName('active');
	}else if ($('slide3').style.display == 'none'){
		viewSlide('slide3',speed); //black
		$('blackDot').addClassName('active');
		$('whiteDot').removeClassName('active');
	}
}

function loadPreviousPrice() {
	if (!busy){
		if($('model1').style.display == '' || $('model1').style.display == 'block' ){
			viewSlide('slide3',0.6);
			new Effect.Fade('model1',{duration: 0.6, queue: { position: 'end', scope: 'pricechange',
limit: 2 } });
			new Effect.Appear('model3',{duration: 0.6, queue: { position: 'end', scope: 'pricechange',
limit: 2 } });
		}
		else if($('model2').style.display == '' || $('model2').style.display == 'block' ){
			viewSlide('slide1',0.6);
			new Effect.Fade('model2',{duration: 0.6, queue: { position: 'end', scope: 'pricechange',
limit: 2 } });
			new Effect.Appear('model1',{duration: 0.6, queue: { position: 'end', scope: 'pricechange',
limit: 2 } });
		}
		else if($('model3').style.display == '' || $('model3').style.display == 'block' ){
			viewSlide('slide2',0.6);
			new Effect.Fade('model3',{duration: 0.6, queue: { position: 'end', scope: 'pricechange',
limit: 2 } });
			new Effect.Appear('model2',{duration: 0.6, queue: { position: 'end', scope: 'pricechange',
limit: 2 } });
		}
	}
}
function loadNextPrice() {
	if (!busy){
		if($('model1').style.display == '' || $('model1').style.display == 'block' ){
			viewSlide('slide2',0.6);
			new Effect.Fade('model1',{duration: 0.6, queue: { position: 'end', scope: 'pricechange',
limit: 2 } });
			new Effect.Appear('model2',{duration: 0.6, queue: { position: 'end', scope: 'pricechange',
limit: 2 } });
		}
		else if($('model2').style.display == '' || $('model2').style.display == 'block' ){
			viewSlide('slide3',0.6);
			new Effect.Fade('model2',{duration: 0.6, queue: { position: 'end', scope: 'pricechange',
limit: 2 } });
			new Effect.Appear('model3',{duration: 0.6, queue: { position: 'end', scope: 'pricechange',
limit: 2 } });
		}
		else if($('model3').style.display == '' || $('model3').style.display == 'block' ){
			viewSlide('slide1',0.6);
			new Effect.Fade('model3',{duration: 0.6, queue: { position: 'end', scope: 'pricechange',
limit: 2 } });
			new Effect.Appear('model1',{duration: 0.6, queue: { position: 'end', scope: 'pricechange',
limit: 2 } });
		}
	}
}
// Form validation
function checkForm(form)
{
	if (form.firstname.value.match(/^\s*$/))
	{
		alert('Gelieve het veld "Voornaam" in te vullen.');
		form.firstname.focus();
		return(false);
	}
	if (form.firstname.value=="Voornaam")
	{
		alert('Gelieve het veld "Voornaam" in te vullen.');
		form.firstname.focus();
		return(false);
	}
	if (form.lastname.value.match(/^\s*$/))
	{
		alert('Gelieve het veld "Naam" in te vullen.');
		form.lastname.focus();
		return(false);
	}
	if (form.lastname.value=="Naam")
	{
		alert('Gelieve het veld "Naam" in te vullen.');
		form.lastname.focus();
		return(false);
	}
	if (form.email.value.match(/^\s*$/))
	{
		alert('Gelieve het veld "E-mailadres" in te vullen.');
		form.email.focus();
		return(false);
	}
	if (form.email.value=="E-mailadres")
	{
		alert('Gelieve het veld "E-mailadres" in te vullen.');
		form.email.focus();
		return(false);
	}
	if (!form.email.value.match(/^[^\s\.]\S*@[^\s\.]\S*[^\s\.]\.[^\s\.][^\s\.]+$/))
	{
		alert('Gelieve het veld "Naam" als volgt in te vullen : x@xx.xx');
		form.email.focus();
		return(false);
	}
	if (!form.alreadyclient[0].checked&&!form.alreadyclient[1].checked)
	{
		alert('Gelieve het veld "Al Mobistar-klant" in te vullen.');
		return(false);
	}
	return(true);
}