// (c) 2001 - 2009 Netsilik
// Internet : http://www.netsilik.nl
// E-mail   : info (at) netsilik x nl

var imgClicked = new Array();
imgClicked['signup'] = false;
imgClicked['showAnExample'] = false;
imgClicked['showAllFeatures'] = false;

var signupOut = new Image;
signupOut.src = '/images/signupOut.png';
var signupOver = new Image;
signupOver.src = '/images/signupOver.png';
var signupPassive = new Image;
signupPassive.src = '/images/signupPassive.png';
var signupActive = new Image;
signupActive.src = '/images/signupActive.png';
var signupDown = new Image;
signupDown.src = '/images/signupDown.png';

var viewAnExampleOut = new Image;
viewAnExampleOut.src = '/images/features/viewAnExampleOut.png';
var viewAnExampleOver = new Image;
viewAnExampleOver.src = '/images/features/viewAnExampleOver.png';
var viewAnExamplePassive = new Image;
viewAnExamplePassive.src = '/images/features/viewAnExamplePassive.png';
var viewAnExampleActive = new Image;
viewAnExampleActive.src = '/images/features/viewAnExampleActive.png';
var viewAnExampleDown = new Image;
viewAnExampleDown.src = '/images/features/viewAnExampleDown.png';

var showAllFeaturesOut = new Image;
showAllFeaturesOut.src = '/images/features/showAllFeaturesOut.png';
var showAllFeaturesOver = new Image;
showAllFeaturesOver.src = '/images/features/showAllFeaturesOver.png';
var showAllFeaturesPassive = new Image;
showAllFeaturesPassive.src = '/images/features/showAllFeaturesPassive.png';
var showAllFeaturesActive = new Image;
showAllFeaturesActive.src = '/images/features/showAllFeaturesActive.png';
var showAllFeaturesDown = new Image;
showAllFeaturesDown.src = '/images/features/showAllFeaturesDown.png';



function setClicked(imgName) {
	imgClicked[imgName] = true;
}

function swapButton(imgName, imgType) {// ugly, I know
	if (imgType == 'out') {
		if (imgClicked[imgName]) {
			eval("document.images['" + imgName + "Img'].src = " + imgName + "Passive.src;");
		} else {
			eval("document.images['" + imgName + "Img'].src = " + imgName + "Out.src;");
		}
	} else if (imgType == 'over') {
		if (imgClicked[imgName]) {
			eval("document.images['" + imgName + "Img'].src = " + imgName + "Active.src;");
		} else {
			eval("document.images['" + imgName + "Img'].src = " + imgName + "Over.src;");
		}
	} else if (imgType == 'up') {
		eval("document.images['" + imgName + "Img'].src = " + imgName + "Active.src;");
	} else { // down
		eval("document.images['" + imgName + "Img'].src = " + imgName + "Down.src;");
	}
}

function openRandomExample() {
	setClicked('viewAnExample');
//	window.open('/features/randomExample/', '_blank', 'width=1000, height=750, top=10, left=20, location=yes, menubar=yes, resizable=yes, toolbar=yes, scrollbars=yes');
//	return false;	
}



var sc0 = new Image();
sc0.src = "/images/features/screenshots_travel.jpg";

var sc1 = new Image();
sc1.src = "/images/features/screenshots_blog.jpg";

var sc2 = new Image();
sc2.src = "/images/features/screenshots_map.jpg";

var sc3 = new Image();
sc3.src = "/images/features/screenshots_album.jpg";

var sc4 = new Image();
sc4.src = "/images/features/screenshots_comments.jpg";

function swap(num) {
	if (num == 0) {
		document.images['screenShotsImage'].src = sc0.src;
		document.getElementById('coordsSet1').coords = '18,85, 39,85, 39,185, 132,185, 132,244, 18,244';
		document.getElementById('coordsSet2').coords = '39,0, 315,0, 315,103, 131,103, 131,185, 39,185';
		document.getElementById('coordsSet3').coords = '132,104, 323,104, 323,360, 239,360, 239,244, 132,244';
		document.getElementById('coordsSet4').coords = '0,245, 239,245, 239,417, 0,417';
	} else if (num == 1) {
		document.images['screenShotsImage'].src = sc1.src;
		document.getElementById('coordsSet1').coords = '4,53, 316,53, 316,355, 4,355';
		document.getElementById('coordsSet2').coords = '39,0, 315,0, 315,52, 39,52';	
		document.getElementById('coordsSet3').coords = '318,104, 323,104, 323,360, 239,360, 239,355, 318,355';
		document.getElementById('coordsSet4').coords = '0,245, 2,245, 2,356, 238,356, 238,417, 0,417';
	} else if (num == 2) {
		document.images['screenShotsImage'].src = sc2.src;
		document.getElementById('coordsSet1').coords = '18,217, 131,217, 131,244, 18,244';
		document.getElementById('coordsSet2').coords = '3,0, 326,0, 326,217, 3,217';
		document.getElementById('coordsSet3').coords = '132,217, 323,217, 323,360, 239,360, 239,244, 132,244';
		document.getElementById('coordsSet4').coords = '0,245, 239,245, 239,417, 0,417';
	} else if (num == 3) {
		document.images['screenShotsImage'].src = sc3.src;
		document.getElementById('coordsSet1').coords = '18,85, 20,85, 20,244, 18,244';
		document.getElementById('coordsSet2').coords = '39,0, 315,0, 315,5, 39,5';
		document.getElementById('coordsSet3').coords = '21,6, 323,6, 323,410, 21,410';
		document.getElementById('coordsSet4').coords = '0,245, 20,245, 20,411, 240,411, 239,417, 0,417';
	} else if (num == 4) {
		document.images['screenShotsImage'].src = sc4.src;
		document.getElementById('coordsSet1').coords = '18,85, 39,85, 39,183, 18,183';
		document.getElementById('coordsSet2').coords = '39,0, 315,0, 315,103, 131,103, 131,183, 39,183';
		document.getElementById('coordsSet3').coords = '132,104, 323,104, 323,183, 132,183';
		document.getElementById('coordsSet4').coords = '0,184, 323,184, 323,416, 0,416';
	}
}