function setFont()
{
	if(document.cookie)
	{
		if(document.cookie.indexOf('RVFont=') > -1)
		{
			fontSize = document.cookie.split('RVFont=');
			document.body.style.fontSize = fontSize[1];
			}
	}
}
function font_increase()
{
	if(parseInt(document.body.style.fontSize) < 130 || document.body.style.fontSize == "")
	{
		if(document.body.style.fontSize == "")
		{
			document.body.style.fontSize = "70%";
		}
		document.body.style.fontSize = (parseInt(document.body.style.fontSize) +10) + '%';
		setRvCookie();
	}
}
function font_decrease()
{
	if(parseInt(document.body.style.fontSize) > 70 || document.body.style.fontSize == "")
	{
		
		if(document.body.style.fontSize == "")
		{
			document.body.style.fontSize = "70%";
		}
		document.body.style.fontSize = (parseInt(document.body.style.fontSize) -10) + '%';
		setRvCookie();
	}
}
function setRvCookie()
{
	document.cookie = "RVFont="+document.body.style.fontSize+"; path= /;";
}

window.onload = function()
{
	setFont();
}




/**************************/
/***** WATCHES PAGES *****/
/************************/

	var Watches 		= new Object();
		Watches.Status	= 'true';
		Watches.Change	= 'false';

/***** GET THE FUNCTIONS STARTED *****/

	Watches.Start = function() {
		if (typeof mensContainer != 'undefined')
		{
		  Event.observe($(mensContainer), 'mouseover', function() { Watches.Shifter(mensContainer); } );
		}
		if (typeof womensContainer != 'undefined')
		{
		  Event.observe($(womensContainer), 'mouseover', function() { Watches.Shifter(womensContainer); } );
		}
	}
	
	Watches.Shifter = function(id) {
		if(Watches.Change == 'false') {
			var appearFrom	= 0.3;
			var appearTo	= 1;
			var fadeFrom	= 1;
			var fadeTo		= 0.3;
			//alert('change');
			
			
			if(id == mensContainer) {
				var divOpener 	= mensContainer;
				var divCloser 	= womensContainer;
				var arrowOpener	= 'arrow_right';
				var arrowCloser	= 'arrow_left';
				var divBGCloser = $('womenbg');
				var divBGOpener = $$('#' + divOpener + ' .bg')[0];
			} else {
				var divOpener 	= womensContainer;
				var divCloser 	= mensContainer;
				var arrowOpener	= 'arrow_left';
				var arrowCloser	= 'arrow_right';
				var divBGCloser = $$('#' + divCloser + ' .bg')[0];
				var divBGOpener = $('womenbg');
			}
			var divContainerOpener 	= $$('#' + divOpener + ' .container')[0];
			var divContainerCloser 	= $$('#' + divCloser + ' .container')[0];
			var divContentOpener 	= $$('#' + divOpener + ' .container .content')[0];
			var divContentCloser 	= $$('#' + divCloser + ' .container .content')[0];
			//var divBGOpener 		= $$('#' + divOpener + ' .bg')[0];
			//var divBGCloser = $$('#' + divCloser + ' .bg')[0];
			
			if(Watches.Status == 'true') {
				
				new Effect.Parallel([
				// Change DIV sizes
					new Effect.Morph($(divOpener), { style: { width: '660px' }, sync: true }),
					new Effect.Morph($(divCloser), { style: { width: '52px' }, sync: true }),
					
				// Fade the closing DIV container
					new Effect.Fade($(divContainerCloser), { from: fadeFrom, to: fadeTo, sync: true }),
					
				// Fade in the opening DIV content
					new Effect.Appear($(divContentOpener), { from: 0, to: 1, sync: true }),
					
				// Fade in the closing BG
					//new Effect.Appear($(divBGCloser), { from: 0, to: 0.7, sync: true }),
				
				// Fade in the arrow
					new Effect.Appear($(arrowCloser), { from: 0, to: 1, sync: true })
				], { beforeStart: function() {
					Watches.Change = 'true';
				}, duration: 1,
				afterFinish: function() {
					Watches.Change = 'false';
					Watches.Status = '';
					Event.stopObserving($(divOpener), 'mouseover');
					Event.observe($(divCloser), 'mouseover', function() { Watches.Shifter(divCloser); } );
					
				}});

			} else {

				new Effect.Parallel([
				// Change DIV sizes
					
					new Effect.Morph($(divCloser), { style: { width: '52px' }, sync: true }),
					new Effect.Morph($(divOpener), { style: { width: '660px' }, sync: true }),
				// Change the containers
					new Effect.Appear($(divContainerOpener), { from: appearFrom, to: appearTo, sync: true }),
					new Effect.Fade($(divContainerCloser), { from: fadeFrom, to: fadeTo, sync: true }),
				
				// Change the content
					new Effect.Appear($(divContentOpener), { from: 0, to: 1, sync: true }),
					new Effect.Fade($(divContentCloser), { from: 1, to: 0, sync: true }),
				
				// Change the BG
					//new Effect.Appear($(divBGCloser), { from: 0, to: 0.7, sync: true }),
					//new Effect.Fade($(divBGOpener), { from: 0.7, to: 0, sync: true }),
				
				// The arrows
					new Effect.Appear($(arrowCloser), { from: 0, to: 1, sync: true }),
					new Effect.Fade($(arrowOpener), { from: 1, to: 0, sync: true })
				], { beforeStart: function() {
					Watches.Change = 'true';
				}, duration: 1,
				afterFinish: function() {
					Watches.Change = 'false';
					Event.stopObserving($(divOpener), 'mouseover');
					Event.observe($(divCloser), 'mouseover', function() { Watches.Shifter(divCloser); } );
				}});

			}
		}
	}

	Event.observe(window, 'load', function() { Watches.Start(); });