/* PCinvent.org javascript - functions
 * The Following code is written by Andy Ng <http://www.PCinvent.info>
 * All Rights Reserved
 */
/*------------------------------------------------------------------*/
/* Browser Detect Lite
------------------------------------------------------------------*/
function BrowserDetectLite() {
	var ua = navigator.userAgent.toLowerCase();
	
	// browser name
	this.isGecko     = (ua.indexOf('gecko') != -1 && ua.indexOf('safari') == -1);
	this.isMozilla   = (this.isGecko && ua.indexOf('gecko/') + 14 == ua.length);
	this.isNS        = ( (this.isGecko) ? (ua.indexOf('netscape') != -1) : ( (ua.indexOf('mozilla') != -1) && (ua.indexOf('spoofer') == -1) && (ua.indexOf('compatible') == -1) && (ua.indexOf('opera') == -1) && (ua.indexOf('webtv') == -1) && (ua.indexOf('hotjava') == -1) ) );
	this.isIE        = ( (ua.indexOf('msie') != -1) && (ua.indexOf('opera') == -1) && (ua.indexOf('webtv') == -1) );
	this.isSafari    = (ua.indexOf('safari') != - 1);
	this.isOpera     = (ua.indexOf('opera') != -1);
	this.isKonqueror = (ua.indexOf('konqueror') != -1 && !this.isSafari);
	this.isIcab      = (ua.indexOf('icab') != -1);
	this.isAol       = (ua.indexOf('aol') != -1);
	
	// spoofing and compatible browsers
	this.isIECompatible = ( (ua.indexOf('msie') != -1) && !this.isIE);
	this.isNSCompatible = ( (ua.indexOf('mozilla') != -1) && !this.isNS && !this.isMozilla);
	
	// browser version
	this.versionMinor = parseFloat(navigator.appVersion);
	
	// correct version number
	if (this.isNS && this.isGecko) {
		this.versionMinor = parseFloat( ua.substring( ua.lastIndexOf('/') + 1 ) );
	}
	else if (this.isIE && this.versionMinor >= 4) {
		this.versionMinor = parseFloat( ua.substring( ua.indexOf('msie ') + 5 ) );
	}
	else if (this.isMozilla) {
		this.versionMinor = parseFloat( ua.substring( ua.indexOf('rv:') + 3 ) );
	}
	else if (this.isSafari) {
		this.versionMinor = parseFloat( ua.substring( ua.lastIndexOf('/') + 1 ) );
	}
	else if (this.isOpera) {
		if (ua.indexOf('opera/') != -1) {
			this.versionMinor = parseFloat( ua.substring( ua.indexOf('opera/') + 6 ) );
		}
		else {
			this.versionMinor = parseFloat( ua.substring( ua.indexOf('opera ') + 6 ) );
		}
	}
	else if (this.isKonqueror) {
		this.versionMinor = parseFloat( ua.substring( ua.indexOf('konqueror/') + 10 ) );
	}
	else if (this.isIcab) {
		if (ua.indexOf('icab/') != -1) {
			this.versionMinor = parseFloat( ua.substring( ua.indexOf('icab/') + 6 ) );
		}
		else {
			this.versionMinor = parseFloat( ua.substring( ua.indexOf('icab ') + 6 ) );
		}
	}
	
	this.versionMajor = parseInt(this.versionMinor);
	this.geckoVersion = ( (this.isGecko) ? ua.substring( (ua.lastIndexOf('gecko/') + 6), (ua.lastIndexOf('gecko/') + 14) ) : -1 );
	
	// dom support
	this.isDOM1 = (document.getElementById);
	this.isDOM2Event = (document.addEventListener && document.removeEventListener);
	
	// css compatibility mode
	this.mode = document.compatMode ? document.compatMode : 'BackCompat';
	
	// platform
	this.isWin   = (ua.indexOf('win') != -1);
	this.isWin32 = (this.isWin && ( ua.indexOf('95') != -1 || ua.indexOf('98') != -1 || ua.indexOf('nt') != -1 || ua.indexOf('win32') != -1 || ua.indexOf('32bit') != -1 || ua.indexOf('xp') != -1) );
	this.isMac   = (ua.indexOf('mac') != -1);
	this.isUnix  = (ua.indexOf('unix') != -1 || ua.indexOf('sunos') != -1 || ua.indexOf('bsd') != -1 || ua.indexOf('x11') != -1)
	this.isLinux = (ua.indexOf('linux') != -1);
	
	// specific browser shortcuts
	this.isNS4x  = (this.isNS && this.versionMajor == 4);
	this.isNS40x = (this.isNS4x && this.versionMinor < 4.5);
	this.isNS47x = (this.isNS4x && this.versionMinor >= 4.7);
	this.isNS4up = (this.isNS && this.versionMinor >= 4);
	this.isNS6x  = (this.isNS && this.versionMajor == 6);
	this.isNS6up = (this.isNS && this.versionMajor >= 6);
	this.isNS7x  = (this.isNS && this.versionMajor == 7);
	this.isNS7up = (this.isNS && this.versionMajor >= 7);
	
	this.isIE4x  = (this.isIE && this.versionMajor == 4);
	this.isIE4up = (this.isIE && this.versionMajor >= 4);
	this.isIE5x  = (this.isIE && this.versionMajor == 5);
	this.isIE55  = (this.isIE && this.versionMinor == 5.5);
	this.isIE5up = (this.isIE && this.versionMajor >= 5);
	this.isIE6x  = (this.isIE && this.versionMajor == 6);
	this.isIE6up = (this.isIE && this.versionMajor >= 6);
	
	this.isIE4xMac = (this.isIE4x && this.isMac);
}
var browser = new BrowserDetectLite();


/* Register event handlers
------------------------------------------------------------------*/
Event.observe(window, 'load', function() {
	
	// Initialize the UI
	uiStart();

	// Attach event handlers to document elements
	var events = {
		'#navigation li:click': handleClick
	}
	EventSelectors.start(events);
	
	// Traffic tracker
	if (document.images) {
		var tracker = new Image();
		//ang::remove: tracker.src = 'http://silicon.xs4all.nl/x/tracker.php?tracker=PuTTY&referrer=' + URLencode(document.referrer);
	}
	
	// Preload IE fix image
	if ((browser.isIE5x || browser.isIE6x) && document.images) {
		var preloadImage = new Image();
		preloadImage.src = '../img/logo.gif';
	}
});


/* Initialize user interface elements
------------------------------------------------------------------*/
function uiStart() {
	if($('content_learn') != undefined) // other pages are not using effect
	{
		$('content_learn').style.display = 'block';
		$('content_wrap').visibleContent = 'content_learn';
	}
	$('content_wrap').animating = false;

	// Make logo draggable
	new Draggable('icon', {
		revert: function(element) {
			element.style.top = '20px';
			element.style.left = '45px';
			if (browser.isIE5x || browser.isIE6x) {
				element.timerID = setTimeout(function() {
					fixPNGs();
				}, 250);
			}
		},
		change: function() {
			if ((browser.isIE5x || browser.isIE6x) && !$(icon).ieDragFixed) {
				fixIEIcon();
			}
		}
	});
	
	// Create drop point
	Droppables.add('icondrop', {
		accept: 'dropicon',
		onHover: function(element) {
			var dropElement = $('icondrop');
			
			clearTimeout(dropElement.timerID);
			dropElement.timerID = setTimeout(function() {
				dropElement.hovering = false;
				dropElement.setStyle({ backgroundPosition: '0px 0px' });
			}, 1000);
			
			if (!dropElement.hovering) {
				dropElement.hovering = true;
				dropElement.setStyle({ backgroundPosition: '0px -85px' });
			}			
		},
		onDrop: function(element) { 
			startDownload();
		}}
	);

	// Fix PNGs
	if (browser.isIE5x || browser.isIE6x) {
		fixPNGs();
	}

}


/* Event handlers
------------------------------------------------------------------*/
function handleClick(el, e, e_el) {
	if ($('content_wrap').animating) { return false; }
	var temp = e_el.id.split('_');
	var contentLayer = 'content_' + temp[1];

	// Already open?
	if ($('content_wrap').visibleContent == contentLayer) {
		new Effect.Shake($($('content_wrap').visibleContent), {
			beforeStart: function() {
				$('content_wrap').animating = true;
			},
			afterFinish: function() {
				$('content_wrap').animating = false;
			}
		});
		return false;
	}
	
	// Switch content with animation
	new Effect.BlindUp($($('content_wrap').visibleContent), {
		duration: 0.5,
		beforeStart: function() {
			$('content_wrap').animating = true;
		},
		afterFinish: function() {
			new Effect.BlindDown($(contentLayer), {
				duration: 0.5,
				afterFinish: function() {
					$('content_wrap').visibleContent = contentLayer;
					$('content_wrap').animating = false;
				}
			});
		}
	});
}


/* Other functions
------------------------------------------------------------------*/

function fixPNGs() {
	$('icon').ieDragFixed = false;
	$('icon').style.background = 'none';
	$('icon').style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.png', sizingMethod='scale')";
}

function fixIEIcon() {
	$('icon').ieDragFixed = true;
	$('icon').style.filter = '';
	$('icon').style.background = 'url(../img/logo.gif)';
}