// (c) 2001 - 2010 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(event) {
	setClicked('viewAnExample');
	return inlinePost(event, '/features/randomExample/', {}, '_blank');
}



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_worldMap.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) { //travel
		getElemnt('screenShotsImage').src = sc0.src;
		getElemnt('coordsSet1').coords = '54,96, 13,96, 13,238, 136,238, 136,174, 54,174';
		getElemnt('coordsSet2').coords = '136,174, 136,106, 316,106, 316,0, 53,0, 53,96, 54,96, 54,174';
		getElemnt('coordsSet3').coords = '136,106, 327,106, 327,365, 258,365, 258,238, 136,238';
		getElemnt('coordsSet4').coords = '0,238, 258,238, 258,419, 0,419';
	} else if (num == 1) { //blog
		getElemnt('screenShotsImage').src = sc1.src;
		getElemnt('coordsSet1').coords = '9,85, 317,85, 317,336, 10,336, 10,238, 9,238';
		getElemnt('coordsSet2').coords = '53,0, 316,0, 316,85 53,85';	
		getElemnt('coordsSet3').coords = '258,365, 327,365, 327,106, 317,106, 317,336, 258,336, 258,364';
		getElemnt('coordsSet4').coords = '10,238, 0,238, 0,419, 258,419, 258,336, 10,336';
	} else if (num == 2) { //map
		getElemnt('screenShotsImage').src = sc2.src;
		getElemnt('coordsSet1').coords = '13,214, 126,214, 126,238, 13,238';
		getElemnt('coordsSet2').coords = '0,0, 324,0, 324,214, 0,214';
		getElemnt('coordsSet3').coords = '327,106, 324,106, 324,214, 126,214, 126,238, 258,238, 258,365, 327,365';
		getElemnt('coordsSet4').coords = '0,238, 258,238, 258,419, 0,419';
	} else if (num == 3) { //album
		getElemnt('screenShotsImage').src = sc3.src;
		getElemnt('coordsSet1').coords = '13,96, 38,96, 38,238, 13,238';
		getElemnt('coordsSet2').coords = '53,0, 316,0, 316,16, 53,16';
		getElemnt('coordsSet3').coords = '37,16, 37,96, 38,96, 38,408, 326,408, 326,16';
		getElemnt('coordsSet4').coords = '0,238, 38,238, 38,408, 258,408, 258,419, 0,419';
	} else if (num == 4) { //comments
		getElemnt('screenShotsImage').src = sc4.src;
		getElemnt('coordsSet1').coords = '54,96, 13,96, 13,193, 136,193, 136,174, 54,174';
		getElemnt('coordsSet2').coords = '53,1, 53,96, 54,96, 54,174, 136,174, 136,106, 316,106, 316,0, 53,0';
		getElemnt('coordsSet3').coords = '327,106, 136,106, 136,193, 322,193, 322,365, 327,365';
		getElemnt('coordsSet4').coords = '0,193, 322,192, 322,419, 0,419';
	}
}