var player    =  null;
var playlist  =  null;

var prepprint = 
function()
{
	$$('link').each(function(el){	
		var gone;
		if (el.href.match(/powerup.css/))
		{
			par = el.parentNode
			gone = el.remove();
			$('powerup_header').toggle();
			$('powerup_menu').toggle();
			$('powerup_footer').toggle();
			$('powerup_finish').down('div').down('div').toggle();
			window.print();
			alert('Remember to send a copy of the print out along with your parts!');
			par.appendChild($(gone));
			$('powerup_header').toggle();
			$('powerup_menu').toggle();
			$('powerup_footer').toggle();
			$('powerup_finish').down('div').down('div').toggle();
		}
	});
}

var zoomHandler =
function()
{
        $$('a.zoom').invoke('stopObserving','mouseover');
        $$('a.zoom').invoke('observe','mouseover',function(e)
        {
		$('zoomDiv').update('<a href="'+this.href+'"><img src="'+this.rel+'"/></a>');
        });
}


function loadPlayer(wid,hgt)
{
	var so = new SWFObject('/v2/apps/jwplayer/player-licensed.swf','playerOne',wid,hgt,'9','#ffffff');
	so.addParam('allowfullscreen','true');
	so.addParam('allowscriptaccess','always');
	so.addParam('wmode','opaque');
	so.addVariable('file','http://www.traxxas.com/v2/video/powerup/powerup_promo.flv');
	so.addVariable('image','http://www.traxxas.com/v2/video/powerup/powerup_promo.jpg');
	so.addVariable('controlbar','over');
	so.write('videoViewport');
};

function playerReady(obj)
{
	player = gid(obj.id);
        addListeners();
};

function addListeners()
{
        playlist = player.getPlaylist();
        if((playlist !== null) && (playlist !== undefined))
        {
		player.addModelListener('STATE', 'stateMonitor');
        } else {
		setTimeout("addListeners();", 100);
        }
};

function stateMonitor(obj)
{
	if(obj.newstate == 'PLAYING')
	{
		$$('div.largesplash').each(function(el){
			el.setStyle({'backgroundImage':'url(/v2/images/powerup/splash_video_bg_mute.jpg)'});
		});
	} else {
		$$('div.largesplash').each(function(el){
			el.setStyle({'backgroundImage':'url(/v2/images/powerup/splash_video_bg.jpg)'});
		});
	}
};

function gid(name)
{
	return document.getElementById(name);
};

var checkQty = 
function()
{
	var val=0;
	$$('input.spin-button').each(function(el){
		val = parseInt($(el).value)+parseInt(val);
	});
	if (parseInt(val) === 0)
	{
	        $$('input.spin-button').each(function(el){
			if($(el).id.match(/upgrade/))
			{
	                	hLightEl($(el),false);
			}
	        });		
		return false;
	} else {
		return true;
	}
}

var createSpin = 
function(ele)
{
        new SpinButton($(ele),{min:0, max:100});
}

var inputHandler = 
function()
{
	$$('input.focusblur').invoke('stopObserving','blur');
	$$('input.focusblur').invoke('stopObserving','focus');
	$$('input.focusblur').invoke('observe','blur',function(e)
	{
		if(this.value == '')
		{
			this.up('form').reset();
			this.setStyle({'color':'#CCC'});
		}
	});
	$$('input.focusblur').invoke('observe','focus',function(e)
	{
		this.value = '';
		this.setStyle({'color':'#000'});
	});

}

var rolloverHandler =
function()
{
        $$('a.roll').each(function(el){
                if(window.location.toString() == el.href.toString() && el.down('img').src.indexOf('_over') == -1)
                {
                        el.down('img').src=el.down('img').src.replace(/(\..{3,3})$/,"_over$1");
                }
        });
        $$('a.roll').invoke('stopObserving','mouseover');
        $$('a.roll').invoke('stopObserving','mouseout');
        $$('a.roll').invoke('observe','mouseover',function(e){
                $(e).stop();
                if(this.down('img').src.indexOf('_over') == -1)
                {
                        this.down('img').src=this.down('img').src.replace(/(\..{3,3})$/,"_over$1");
                }
        });
        $$('a.roll').invoke('observe','mouseout',function(e){
                $(e).stop();
                if(window.location.toString() != this.href.toString())
                {
                        this.down('img').src=this.down('img').src.replace(/_over(\..{3,3})/,"$1");
                }
        });
}

var hLightEl =
function(el,cond)
{
        if (!cond)
        {
                $(el).setStyle({border:'3px solid red'});
        } else {
                $(el).setStyle({border:'1px solid #7f9db9'});
        }
}

var sanchk =
function(el)
{
        var arr;
        var valid=true;
        arr = $(el).getElements();
        for (i=0;i<arr.length;i++)
        {
                if(arr[i].className.match(/req/))
                {
			if(arr[i].value.match(/^p\.?o\.?.*?box\s*?\#?\d+/i))
			{
				alert("We are unable to ship to P.O. Boxes."); 
				valid = false;
				 hLightEl(arr[i],false);
			}
                        switch(arr[i].type)
                        {
                                case 'select-one':
                                        if(arr[i].value == -1)
                                        {
                                                hLightEl(arr[i],false);
                                                valid = false;
                                        } else {
                                                hLightEl(arr[i],true);
                                        }
                                break;
				case 'password':
                                case 'text':
                                        if(arr[i].value.length < 1)
                                        {
                                                hLightEl(arr[i],false);
                                                valid = false;
                                        } else {
                                                hLightEl(arr[i],true);
                                        }
                                break;
                        }
                } else {
                        switch(arr[i].type)
                        {
                                case 'select-one':
				case 'password':
                                case 'text':
                                        hLightEl(arr[i],true);
                                break;
                        }
		}
        }
        return(valid);
}


var kickHandlers =
function()
{
        rolloverHandler();
	inputHandler();
	zoomHandler();
	if($('videoViewport').className == 'largevid')
	{
		loadPlayer(560,315);
		playerReady($('playerOne'));
	}
}

document.observe('dom:loaded',function(e){
	$$('a.zoom').each(function(el){
		pic = new Image();
		pic.src = el.rel;
	});
        kickHandlers();
});