/* 
 * phones animated scroller
 * 
 */

/*
var selectedPhone;
var phones;
var currPhone = 2;
var phoneW = 92;		// individual phone width (view css)
var phonesSpeed = 1000;	// animation speed
var phoneSteps = 3;		// take x steps in one click
var vsPhone = phoneSteps;

function phonesMove(dir){
	phones = $('#phones li').length;
	$('#phones').css("width",phones*phoneW+'px');
	if(dir) {
		if(vsPhone < phones) {
			phoneHideSel();
			currPhone = false;
			if((vsPhone+phoneSteps) > phones) {
				$("#phones").animate({marginLeft: '-='+(phoneW*(phones-vsPhone))+'px'}, phonesSpeed);
				vsPhone += phones-vsPhone;
			} else {
				vsPhone += phoneSteps;
				$("#phones").animate({marginLeft: '-='+(phoneW*phoneSteps)+'px'}, phonesSpeed);			
			}
		}
	} else {
		if(vsPhone >= phoneSteps) {
			phoneHideSel();
			currPhone = false;
			if((vsPhone-phoneSteps) < phoneSteps) {
				vsPhone = phoneSteps;
				$("#phones").animate({marginLeft: '0px'}, phonesSpeed);
			} else {
				vsPhone -= phoneSteps;
				$("#phones").animate({marginLeft: '+='+(phoneW*phoneSteps)+'px'}, phonesSpeed);				
			}	
		}
	}
}

function selectPhone(phone) {
	phones = $('#phones li').length;
	$('#phones').css("width",phones*phoneW+'px');
	if(currPhone == phone) phoneShowSel();
	else {
		if(phone == (vsPhone-1)) {
			vsPhone = phone+1;
			phoneShowSel();
		} else {
			phoneHideSel();
			if(phone < (vsPhone-1)) {
				$("#phones").animate({ marginLeft: "+="+phoneW+"px" }, phonesSpeed);
				vsPhone--;
			} else {
				$("#phones").animate({ marginLeft: "-="+phoneW+"px" }, phonesSpeed);
				vsPhone++;
			}
			setTimeout("phoneShowSel()", phonesSpeed);
		}
		currPhone = phone;
	}
}

function phoneShowSel() {
	$('#phoneModelWrapper').css("background", "transparent");
	$('#btn_handset').fadeIn("slow");
}

function phoneHideSel() {
	$('#phoneModelWrapper').css("background", "transparent");
	$('#btn_handset').fadeOut("slow");	
}

function LoadControl() {
    alert("DEBUG");
	vsPhone = phoneSteps;
	phones = $('#phones li').length;
	$('#phones').css("width",phones*phoneW+'px');
}

*/

/* 
 * phones animated scroller
 * 
 */

var selectedPhone;
var phones;
var vsPhone;
var currPhone = 2;
var phoneW = 70;		// individual phone width (view css)
var phonesSpeed = 1000;	// animation speed
var phoneSteps = 3;		// take x steps in one click
var autoMove = true;

function makePhonesMove(dir){
    autoMove = false;
    phonesMove(dir);
}

function phonesMove(dir){
	if(dir) {
		if(vsPhone < phones) {
			phoneHideSel();
			currPhone = false;
			if((vsPhone+phoneSteps) > phones) {
				$("#phones").animate({marginLeft: '-='+(phoneW*(phones-vsPhone))+'px'}, phonesSpeed);
				vsPhone += phones-vsPhone;
			} else {
				vsPhone += phoneSteps;
				$("#phones").animate({marginLeft: '-='+(phoneW*phoneSteps)+'px'}, phonesSpeed);			
			}
		}
	} else {
		if(vsPhone >= phoneSteps) {
			phoneHideSel();
			currPhone = false;
			if((vsPhone-phoneSteps) < phoneSteps) {
				vsPhone = phoneSteps;
				$("#phones").animate({marginLeft: '0px'}, phonesSpeed);
			} else {
				vsPhone -= phoneSteps;
				$("#phones").animate({marginLeft: '+='+(phoneW*phoneSteps)+'px'}, phonesSpeed);				
			}	
		}
	}
}

function selectPhone(phone) {
	clearInterval(miv);
	if(currPhone == phone) phoneShowSel();
	else {
		if(phone == (vsPhone-1)) {
			vsPhone = phone+1;
			phoneShowSel();
		} else {
			phoneHideSel();
			if(phone < (vsPhone-1)) {
				$("#phones").animate({ marginLeft: "+="+phoneW+"px" }, phonesSpeed);
				vsPhone--;
			} else {
				$("#phones").animate({ marginLeft: "-="+phoneW+"px" }, phonesSpeed);
				vsPhone++;
			}
			setTimeout("phoneShowSel()", phonesSpeed);
		}
		currPhone = phone;
	}
}

function phoneShowSel() {
	$('#phoneModelWrapper').css("background", "transparent no-repeat");
	$('#btn_handset').fadeIn("slow");
}

function phoneHideSel() {
	$('#phoneModelWrapper').css("background", "transparent no-repeat");
	$('#btn_handset').fadeOut("slow");	
}

var miv;
var mdir = 1;
$(document).ready(function(){
	miv = setInterval(function() {
		if(mdir == 1 && vsPhone >= phones) mdir = 0;
		else if(mdir == 0 && vsPhone <= 3) mdir = 1;
		if (autoMove) { phonesMove(mdir) };
	}, 5000);
});




/* 
 * MSN spacers hack
 * 
 */

$(document).ready(function() {
	$('#subhead').hide();
	$('#area1').hide();
	$('#area2').hide();
	$('#area3').hide();
	$('#area4').hide();
	$('#area5').hide();
	$('#subfoot').hide();
	$('#aspnetForm').parent('div').show();
	$("img[name='s_i_msnportalemeamobilehub']").hide();
	$("img[name='s_i_msnportalemeamobilehubdev']").hide();
	$("img[name='s_i_msnportalemeamobilehubrefreshdev']").hide();
	$("img[name='s_i_msnportalemeamobilehubrefresh']").hide();
	$('#page').css('width', 780);
	$('#head').css('width', 780);
	$('#aspnetForm').css({ 'width': 780, 'overflow': 'hidden', 'margin': 'auto' });
});