/*-------------------------------------------------------------------
 General stuff
-------------------------------------------------------------------*/
function gid(name) {
	return document.getElementById(name);
}



/*-------------------------------------------------------------------
 AJAX calls
-------------------------------------------------------------------*/
var lsReqUrl = "/embed/livesearch.php";
var emReqUrl = "/embed/addemail.php";
var lsSearchId = "searchinput";
var lsStartDelay = 200;
var lsShowDelay = 8000;
var lsTimer = null;
var reqObj;
var resultId = "resultdiv";
function lsInit(){
	gid(lsSearchId).onkeypress = lsStart;
	if (lsShowDelay > 0) {
		gid(lsSearchId).onblur = function () {
			setTimeout('lsHideResults()',lsShowDelay)
		}
	}
}
function lsStart() {
	if (lsTimer) { window.clearTimeout(lsTimer); }
	lsTimer = window.setTimeout("lsDoSearch()",lsStartDelay);
}
function lsDoSearch() {
	var s = gid(lsSearchId).value;
	if (s == "")
		return false;
	var lsUrl = lsReqUrl + "?search=" + s;
	resultId = "resultdiv";
	getXML(lsUrl);
}
function emDoSubmit() {
	var e = gid('emInput').value;
	if(e.length < 5 || e.indexOf('@') < 2) {
		alert("please insert a valid email address");
	} else {
		var emUrl = emReqUrl + "?email=" + e;
		resultId = "emailfrm";
		getXML(emUrl);
	}
	return false;
}
function getXML(url){
	if (window.XMLHttpRequest) {
		reqObj = new XMLHttpRequest();
		reqObj.onreadystatechange = procReq;
		reqObj.open("GET",url,true);
		reqObj.send(null);
	} else if (window.ActiveXObject) {
		reqObj = new ActiveXObject("Microsoft.XMLHTTP");
		if (reqObj) {
			reqObj.onreadystatechange = procReq;
			reqObj.open("GET", url, true);
			reqObj.send();
		}
	}
}
function procReq(){
	if (reqObj.readyState == 4) {
		if (reqObj.status == 200) {
			var res = gid(resultId);
			if(reqObj.responseXML){
				response = reqObj.responseXML.documentElement;
				res.innerHTML = response.getElementsByTagName('result')[0].firstChild.data;
			} else {
				res.innerHTML = reqObj.responseText;
			}
			res.style.display = '';
		} else {
			alert("There was a problem retrieving the XML data:\n" + reqObj.statusText);
		}
	}
}
function lsHideResults(){
	gid("resultdiv").innerHTML = '.. or <a href="http://www.jeroenwijering.com/?page=sitemap" title="sitemap">check the sitemap</a>';
}



/*-------------------------------------------------------------------
Menu toggles
-------------------------------------------------------------------*/
function resetMenu() {
	gid('projectsub').style.display = '';
	gid('scriptsub').style.display = '';
	gid('tutorialsub').style.display = '';
	gid('projects').style.backgroundColor = '';
	gid('scripts').style.backgroundColor = '';
	gid('tutorials').style.backgroundColor = '';
	gid('projects').style.color = '';
	gid('scripts').style.color = '';
	gid('tutorials').style.color = '';
}
function toggleMenu(menu,col) {
	var submenu = menu+'ub';
	if (gid(submenu).style.display == 'block') {
		gid(submenu).style.display = 'none';
		gid(menu).style.backgroundColor = '';
		gid(menu).style.color = '';
	} else {
		resetMenu();
		gid(submenu).style.display = 'block';
		gid(menu).style.color = 'white';
		gid(menu).style.backgroundColor = col;
	}
	return false;
}



/*-------------------------------------------------------------------
 Forum rollovers
-------------------------------------------------------------------*/
function overThread(obj,col) {
	obj.style.backgroundColor = col;
	obj.firstChild.style.color = '#FFFFFF';
	obj.firstChild.nextSibling.style.color = '#FFFFFF';
}
function outThread(obj,col) {
	obj.style.backgroundColor = '';
	obj.firstChild.style.color = col;
	obj.firstChild.nextSibling.style.color='#000000';
}
function overLink(obj) {
	obj.style.color = '#000000';
}
function outLink(obj,col) {
	obj.style.color = col;
}



/*-------------------------------------------------------------------
BBCode insertions
-------------------------------------------------------------------*/
function insertURL(myField,i) {
	var defaultValue = 'http://';
	var URL = prompt('enter your url' ,defaultValue);
	if (URL) {
		ii = '[url='+ URL + ']';
		insertBB(ii,'click here[/url]');
	} else {
		insertBB('[url=]','[/url]');
	}
};
function insertBB(i,o) {
    if(o == undefined) { o=''; }
    var myField = gid('textfield');
	if (document.selection) {
		myField.focus();
		sel = document.selection.createRange();
		if (sel.text.length > 0) {
			sel.text = i + sel.text + o;
		} else {
			sel.text = i + o;
		}
		myField.focus();
	} else if (myField.selectionStart || myField.selectionStart == '0') {
		var startPos = myField.selectionStart;
		var endPos = myField.selectionEnd;
		var cursorPos = endPos;
		var scrollTop = myField.scrollTop;
		if (startPos != endPos) {
			myField.value = myField.value.substring(0, startPos)
			+ i
 			+ myField.value.substring(startPos, endPos)
			+ o
			+ myField.value.substring(endPos, myField.value.length);
			cursorPos = cursorPos + i.length + o.length;
		} else {
			myField.value = myField.value.substring(0, startPos)
			+ i
			+ o
			+ myField.value.substring(endPos, myField.value.length);
			cursorPos = startPos + i.length;
		}
		myField.focus();
		myField.selectionStart = cursorPos;
		myField.selectionEnd = cursorPos;
		myField.scrollTop = scrollTop;
	} else {
		myField.value += i+o;
		myField.focus();
	}
}



/*-------------------------------------------------------------------
Form submits
-------------------------------------------------------------------*/
function checkForm() {
	var tf = gid('titlefield');
	var df = gid('dudefield');
	if (tf.value.length < 5) {
		alert('please insert a descriptive thread title');
		return false;
	} else if(df.value.length < 2) {
		alert('please insert your (nick)name');
		return false;
	} else {
		return true;
	}
}
function antiSpam() {
	var i = document.createElement('input');
	i.name = 'antispaminput';
	i.value = 'bye bye spambots';
	i.type = 'hidden';
	gid('reactfrm').appendChild(i);
}



/*-------------------------------------------------------------------
 Order updates
-------------------------------------------------------------------*/
function process(act) {
	var nam = gid('name').value;
	var eml = gid('email').value;
	var amt = gid('sites').value;
	var err = '';
	if (nam.length <= 2) { err += '- please enter your name\n'; }
	if (eml.length <= 2 || eml.indexOf('@') < 0 || eml.indexOf('.') < 0) {
		err += '- please enter your email address\n';
	}
	if (amt == 0) {
		err += '- please select the amount of websites you want to license\n';
	}
	if (err.length > 0) {
		alert('You have not entered all required data:\n\n'+err);
		gid('name').focus();
	} else {
		gid('orderfrm').act.value = act;
		gid('orderfrm').submit();
	}
}



/*-------------------------------------------------------------------
Wizard toggles and update
-------------------------------------------------------------------*/
var usedvars;
var flashvars;
function toggleDisplay(itm) {
	if(gid(itm).style.display == 'block') {
		gid(itm).style.display = 'none';
	} else {
		gid(itm).style.display = 'block';
	}
}
function showEmbed() {
	gid('embedcode').style.display = 'block';
	gid('embedswitch').style.display = 'block';
	gid('swfobjswitch').style.display = 'none';
	gid('swfobjcode').style.display = 'none';
}
function showSWFObj() {
	gid('embedcode').style.display = 'none';
	gid('embedswitch').style.display = 'none';
	gid('swfobjswitch').style.display = 'block';
	gid('swfobjcode').style.display = 'block';
}
function updatePreview() {
	getUsedVars();
	writePreview();
	printEmbed();
	printSWFObj();
	return false;
}
function getUsedVars() {
	flashvars = "";
	usedvars = new Object();
	var ar1 = gid('varsform').getElementsByTagName('input');
	for (var i=0; i<ar1.length; i++) {
		if (ar1[i].value != '' && ar1[i].name != 'example') {
			usedvars[ar1[i].name] = ar1[i].value;
		}
	}
	var ar2 = gid('varsform').getElementsByTagName('select');
	for (var i=0; i<ar2.length; i++) {
		if (ar2[i].value != '') {
			usedvars[ar2[i].name] = ar2[i].value;
		}
	}
	for(var itm in usedvars) {
		if(itm  != 'source') { flashvars += "&amp;"+itm+"="+usedvars[itm]; }
	}
}
function writePreview() {
	var so = new SWFObject(usedvars['source'],'mpl',usedvars['width'],usedvars['height'],'8');
	so.addParam('allowscriptaccess','always');
	so.addParam('allowfullscreen','true');
	so.addParam('flashvars',flashvars);
	so.write('preview');
}
function printEmbed() {
	var ebc = "&lt;embed\nsrc=\""+usedvars['source']+"\"\nwidth=\""+usedvars['width']+"\"\nheight=\""+usedvars['height']+"\"\nallowscriptaccess=\"always\"\nallowfullscreen=\"true\"\nflashvars=\""+flashvars.substr(5)+"\"\n/&gt;";
	gid('embedcode').innerHTML = ebc;
}
function printSWFObj() {
	var swcvrs = "";
	for(var itm in usedvars) {
		if(itm  != 'source') { swcvrs += "so.addVariable('"+itm+"','"+usedvars[itm]+"');\n"; }
	}
	var swc = "&lt;script type=\"text/javascript\" src=\"http://www.jeroenwijering.com/embed/swfobject.js\"&gt;&lt;/script&gt;\n\n&lt;div id=\"player\"&gt;This text will be replaced&lt;/div&gt;\n\n&lt;script type=\"text/javascript\"&gt;\nvar so = new SWFObject('"+usedvars['source']+"','mpl','"+usedvars['width']+"','"+usedvars['height']+"','8');\nso.addParam('allowscriptaccess','always');\nso.addParam('allowfullscreen','true');\n"+swcvrs+"so.write('player');\n&lt;/script&gt;";
	gid('swfobjcode').innerHTML = swc;
}



/*-------------------------------------------------------------------
Player javascript API
-------------------------------------------------------------------*/
function sendEvent(swf,typ,prm) {
	thisMovie(swf).sendEvent(typ,prm);
};
function getUpdate(typ,pr1,pr2,swf) {
	if(typ == "state" && swf == "jstest") {
		gid('stateshow').innerHTML = pr1;
	}
};
/**
 *
 * @access public
 * @return void
 **/
function stop(swf){
	thisMovie(swf).state=0;
}

function playit(swf){
	thisMovie(swf).state=1;
	thisMovie(swf).state=2;
}


function loadFile(swf,obj) {
	thisMovie(swf).loadFile(obj);

};
function getLength(swf) {
	var len = thisMovie(swf).getLength();
	alert('the length of the playlist is: '+len);
};
function addItem(swf,obj,idx) {
	thisMovie(swf).addItem(obj,idx);
};
function removeItem(swf,idx) {
	thisMovie(swf).removeItem(idx);
};
function itemData(swf,idx) {
	var obj = thisMovie(swf).itemData(idx);
	var txt = "";
	for(var i in obj) {
		txt += i+": "+obj[i]+"\n";
	}
	alert(txt);
};
function thisMovie(movieName) {
return document[movieName];
	if(navigator.appName.indexOf("Microsoft") < 0) {

		return window[movieName];
	} else {

		return document[movieName];
	}
};

/*-------------------------------------------------------------------
Javascript Banner
-------------------------------------------------------------------*/
var sliderStatus	= 0;
var current			= 0;
var Ttimer			= {};
var prevImg			= '';

function prevSlide() {
	clearTimeout(Ttimer);
	current	= current - 2;
	_Slider();
}

function nextSlide() {
	clearTimeout(Ttimer);
	_Slider();
}

function _Slider() {
	var url	= 'ajax-' + current;
	new Ajax.Request(url, {
	  method: 'get',
	  onSuccess: function(transport) {
	    var x	= transport.responseText;
	    x		= x.split('#');
	    current	= parseInt(x[2]);
	    Slider(x[0], x[1]);
	  }
	});
}// _Slider2

function Slider(img, ref) {
	$('sliderLink').href	= ref;
	$('sliderImg').src		= img
	$('A').style.background	= 'url(' + prevImg + ') no-repeat top center';
	prevImg	= img;
	var slider	= $('slider');
	var center	= 'margin: 0px 0px 0px 0px';

	switch (sliderStatus) {
		case 0:
			//from top
			slider.style.margin	= '-300px 0px 0px 0px';
			efx('slider', center, img);
			break;
		case 1:
			// from right
			slider.style.margin	= '0px 0px 0px 533px';
			efx('slider', center, img);
			break;
		case 2:
			// from bottom
			slider.style.margin	= '300px 0px 0px 0px';
			efx('slider', center, img);
			break;
		case 3:
			// from left
			slider.style.margin	= '0px 0px 0px -533px';
			efx('slider', center, img);
			break;
	} // switch

	if (sliderStatus > 3) {
		sliderStatus	= 0;
	}// IF

	Ttimer	= setTimeout('_Slider();', 6000);

}// Slider2

function efx(id, css, img) {
	new Effect.Morph(id, {
  	style: css, // CSS Properties
  	duration: 1.0 // Core Effect properties
	});
	sliderStatus	= sliderStatus + 1;
}// slide

/**
* Gallery Object
**/
function Gallery(xmlPath) {
	// window.gallery - save reference to the instance of this object
	window.gallery=this;
	this.xmlPath = xmlPath;
	this.ul = $('sliderTarget');
	// (array) bigList - used for timer method, saves al img src's
	this.bigList = [];
	// (obj) t - timeout instance
	this.t	= {};
	this.active = '';
	// (int) unit - with for thumbnail slide effect
	this.unit = 102;
	// (int) ulMargin -  margin for thumbnail slide effect
	this.ulMargin = 0;
	// N - li count
	this.N = 0;
	// C - current thumbnail (active)
	this.C = 0;
	this.createChildren();
}
/*
	Methods
*/
Gallery.prototype = {
	// switches the big image every 6 sec
	timer: function() {
		// find the index of the active img
		var n=this.bigList.length, i=0, x='';
		for (i;i<n;i=i+1) {
			x = this.bigList[i];
			if (x === this.active) {
				break;
			}
		}// FOR
		// set the next one
		i=i+1;
		if (i<n) {
			k=i;
		} else {
			k=0;
		}
		this.swap(this.bigList[k]);
	},//timer
	slideLeft: function() {
		if (this.N > 3 && this.C > 3) {
			this.ulMargin = this.ulMargin + this.unit;
			this.animate(this.ulMargin);
			this.C = this.C - 1;
		}
	},// slideLeft
	slideRight: function() {
		if (this.N > 3 && this.C < (this.N - 1)) {
			this.ulMargin = this.ulMargin - this.unit;
			this.animate(this.ulMargin);
			this.C = this.C + 1;
		}
	},// slideLeft
	// animates the slide
	animate: function(val) {
		new Effect.Morph('sliderTarget', {
		  style: 'margin-left: ' + val + 'px;', // CSS Properties
		  duration: 0.2 // Core Effect properties
		});
	},
	// sets useful object attributes
	countChildren: function() {
		var i=0,list = this.ul.childNodes, n = list.length, comp={}, k=1;
		for(i;i<n;i=i+1) {
			if (!(i in comp) && list[i].className === 'targetLi') {
				k = k + 1;
			}
		}// FOR
		if (k > 3) {
			this.C = 3;
		} else {
			this.C = k;
		}// IF ELSE
		this.N = k;
	},// countChildren
	// populates the thumbnails
	createChildren: function() {
		new Ajax.Request(this.xmlPath, {
		   method:'get',
		   onSuccess: function(transport){
		    var xml = transport.responseText;
		    // Parse xml from text
		    try  {
				xmlDoc			= new ActiveXObject("Microsoft.XMLDOM");
				xmlDoc.async	= 'false';
				xmlDoc.loadXML(xml);
			}
			catch(e) {
				try {
					parser	= new DOMParser();
					xmlDoc	= parser.parseFromString(xml, 'text/xml');
				} catch(e) {
					return;
				}//eof try
			}//eof try
			// get tags and values from xml
			var x = xmlDoc.getElementsByTagName('image'), n=x.length,list='',i=0;
			for (i=0;i<n;i=i+1)
			{
				big	= x[i].getAttribute('url');
				if (i===0) {
					// add the default big image
					this.gallery.swap(big);
				}
				// save the img src for timer method
				this.gallery.bigList.push(big);
				//thumb = x[i].getElementsByTagName("thumbnails")[0].childNodes[0].nodeValue;
				list+='<li class="targetLi"><img onclick="window.gallery.swap(\''+big+'\');" src="';
				list+=big;
				list+='" border="0" alt="Image" width="100" height="67" />';
			}//eof for
			// add the html content
			$('sliderTarget').innerHTML=list;
			this.gallery.countChildren();
		   }
		 });
	},// createChildren
	// Swaps a thumbnail for the big image
	swap: function(url) {
		clearTimeout(this.t);
		this.active	= url;
		var x = $('targetImage');
		x.src=url;
		x.style.margin='0px 0px 0px -540px';
		new Effect.Morph(x.id, {
	  	style: 'margin:0px 0px 0px 0px;', // CSS Properties
	  	duration: 1.0 // Core Effect properties
		});
		this.t = setTimeout("this.gallery.timer();", 4000);
	}
};