var rand_no = Math.random();

document.write("<div id=\"wirenode_" + rand_no + "_widget\"><a href=\"http://themakeupgirl.wirenode.mobi\">my mobile web</a> by <a href=\"http://wirenode.com\">Wirenode</a></div>");
paint_widget();

function paint_widget() {
	(function(){
		var local_id = rand_no;
		var widget = document.getElementById('wirenode_' + local_id + '_widget');
		widget.innerHTML = "";

		widget.style.position = "relative";
		widget.style.overflow = "hidden";
		widget.style.fontFamily = "sans-serif";
		widget.style.fontSize = "15px";
		widget.style.width = "150px";
		widget.style.height = "97px";
		widget.style.margin = "0";
		widget.style.padding = "0";
		widget.style.color = "black";
		widget.style.textAlign = "left";
		widget.style.backgroundImage = "url(http://banner.wirenode.com/widgets/blue/bg.gif)";

	//screen 0
		var screen0 = document.createElement('div');
		screen0.style.left = "0";
		screen0.style.top = "0";
		screen0.style.position = "absolute";
		screen0.style.width = "150px";
		screen0.style.height = "97px";
		widget.appendChild(screen0);

		var text0 = document.createElement('div');
		text0.style.position = "absolute";
		text0.style.left = "6px";
		text0.style.top = "6px";
		text0.style.width = "137px";
		text0.style.height = "75px";
		text0.style.margin = "0";
		text0.style.padding = "0";
		text0.style.fontWeight = "bold";
		text0.innerHTML = "Try<br/>the mobile<br/>version";
		screen0.appendChild(text0);

		var image0 = document.createElement('img');
		image0.src = "http://banner.wirenode.com/widgets/blue/mobile.gif";
		image0.style.position = "absolute";
		image0.style.right = "0";
		image0.style.top = "0";
		image0.style.margin = "0";
		image0.style.padding = "0";
		image0.style.borderSize = "0";
		image0.style.borderStyle = "none";
		screen0.appendChild(image0);

		var next0 = document.createElement('img');
		next0.src = "http://banner.wirenode.com/widgets/blue/next.gif";
		next0.style.position = "absolute";
		next0.style.right = "1px";
		next0.style.bottom = "1px";
		next0.style.margin = "0";
		next0.style.padding = "0";
		next0.style.cursor = "pointer";
		next0.style.borderSize = "0";
		next0.style.borderStyle = "none";
		next0.onclick = function() {
			switch_tip(1, local_id);
		}
		screen0.appendChild(next0);

	//screen 1
		var screen1 = document.createElement('div');
		screen1.style.left = "150px";
		screen1.style.top = "0";
		screen1.style.position = "absolute";
		screen1.style.width = "150px";
		screen1.style.height = "97px";
		widget.appendChild(screen1);

		var text1 = document.createElement('div');
		text1.style.position = "absolute";
		text1.style.left = "6px";
		text1.style.top = "6px";
		text1.style.width = "137px";
		text1.style.height = "75px";
		text1.style.margin = "0";
		text1.style.padding = "0";
		text1.innerHTML = "Take a mobile phone and browse to address...";
		screen1.appendChild(text1);

		var next1 = document.createElement('img');
		next1.src = "http://banner.wirenode.com/widgets/blue/next.gif";
		next1.style.position = "absolute";
		next1.style.right = "1px";
		next1.style.bottom = "1px";
		next1.style.margin = "0";
		next1.style.padding = "0";
		next1.style.cursor = "pointer";
		next1.style.borderSize = "0";
		next1.style.borderStyle = "none";
		next1.onclick = function() {
			switch_tip(2, local_id);
		}
		screen1.appendChild(next1);

	// screen 2
		var screen2 = document.createElement('div');
		screen2.style.left = "300px";
		screen2.style.top = "0";
		screen2.style.position = "absolute";
		screen2.style.width = "150px";
		screen2.style.height = "97px";
		screen2.style.backgroundImage = "url(http://banner.wirenode.com/widgets/blue/in_bg.gif)";
		widget.appendChild(screen2);

		var text20 = document.createElement('div');
		text20.style.position = "absolute";
		text20.style.left = "16px";
		text20.style.top = "36px";
		text20.style.width = "137px";
		text20.style.height = "75px";
		text20.style.margin = "0";
		text20.style.padding = "0";
		text20.style.fontWeight = "bold";
		text20.innerHTML = "http://themakeupgirl";
		screen2.appendChild(text20);

		var text21 = document.createElement('div');
		text21.style.position = "absolute";
		text21.style.left = "20px";
		text21.style.top = "56px";
		text21.style.width = "137px";
		text21.style.height = "75px";
		text21.style.margin = "0";
		text21.style.padding = "0";
		text21.style.fontWeight = "bold";
		text21.innerHTML = ".wirenode.mobi";
		screen2.appendChild(text21);

		var back = document.createElement('img');
		back.src = "http://banner.wirenode.com/widgets/blue/replay.gif";
		back.style.position = "absolute";
		back.style.right = "1px";
		back.style.top = "1px";
		back.style.margin = "0";
		back.style.padding = "0";
		back.style.cursor = "pointer";
		back.style.borderSize = "0";
		back.style.borderStyle = "none";
		back.onclick = function() {
			switch_tip(0, local_id);
		}
		screen2.appendChild(back);

		var link0 = document.createElement('a');
		link0.innerHTML = "by&nbsp;wirenode.com";
		link0.href = "http://www.wirenode.com";
		link0.style.width = "100px";
		link0.style.textAlign = "center";
		link0.style.left = "0px";
		link0.style.bottom = "0px";
		link0.style.position = "absolute";
		link0.style.fontSize = "10px";
		link0.style.backgroundColor = "#BBD3A5";
		link0.style.borderStyle = "solid";
		link0.style.borderWidth = "1px";
		link0.style.borderColor = "#41731C";
		link0.style.padding = "1px";
		link0.style.paddingTop = "0px";
		link0.style.color = "#000000";
		link0.style.lineHeight = "100%";
		link0.id = 'wirenode_' + rand_no + '_link';
		widget.appendChild(link0);
	})()
}

function switch_tip(slide, rand_no) {
	var tips = document.getElementById('wirenode_' + rand_no + '_widget');

	target_position = slide * 150;

	if (tips.scrollLeft < target_position) {
		if (target_position - tips.scrollLeft > 10) {
			tips.scrollLeft = tips.scrollLeft + 10;
		} else {
			tips.scrollLeft = target_position;
		}
	} else {
		if (tips.scrollLeft - target_position > 20) {
			tips.scrollLeft = tips.scrollLeft - 20;
		} else {
			tips.scrollLeft = target_position;
		}
	}

	if (target_position != tips.scrollLeft) {
		setTimeout("switch_tip(" + slide + ", " + rand_no + ")", 0);
	} else {
		setTimeout(function() {
			var the_link = document.getElementById('wirenode_' + rand_no + '_link');
			the_link.style.left = ((slide * 150)) + 'px';
		}, 1000);
	}
}