// Javascript Document

function bronze_demo() {
	var demo = new Demo_Widget('10');
	demo.bronze_demo('0');
}

function bronze_demo_scan(frame_count) {
	var count = frame_count + 1;
	var demo = new Demo_Widget('10');
	demo.bronze_demo(''+count+'');
}

function silver_demo() {
	var demo = new Demo_Widget('10');
	demo.silver_demo('0');
}

function silver_demo_scan(frame_count) {
	var count = frame_count + 1;
	var demo = new Demo_Widget('10');
	demo.silver_demo(''+count+'');
}

/*---------------------------------
 * Demo Widget
 *-------------------------------*/
function Demo_Widget(speed) {
	this.speed = speed;
}

Demo_Widget.prototype.bronze_demo =  function (frame_count) {
	var speed = this.speed * 1000;
	_get('bronze_frame').innerHTML = this.bronze_content(frame_count);
	if(frame_count <= 6) {
		setTimeout("bronze_demo_scan("+frame_count+")", speed);
	}
}

Demo_Widget.prototype.silver_demo =  function (frame_count) {
	var speed = this.speed * 1000;
	_get('silver_frame').innerHTML = this.silver_content(frame_count);
	if(frame_count <= 6) {
		setTimeout("silver_demo_scan("+frame_count+")", speed);
	}
}

Demo_Widget.prototype.bronze_content =  function (counter) {
	var html = "";
	var wrapper = "<div style=\"background: url('images/bronze_account.gif'); padding: 4px;\">";
 	switch (counter) {
 		case '0': 
 			html += "You may add <b>5 images</b> to your portfolio.<div style=\"height: 100px\"></div>Keep a professional look by adding high quality images that exemplify your abilities and experience."; break;
 		case '1': 
 			html += "Upload <b>1 video/flash</b> and add other videos you have uploaded to the web.<div style=\"height: 100px\"></div>Action speaks louder than words. Show off your motion graphic skills, live entertainment, or showcase yourself in a .swf video."; break;
 		case '2': 
 			html += "Use up to <b>500 word</b> descriptions.<div style=\"height: 100px\"></div>Give your images and videos brief descriptions. Your audience is trying to find out more about you. Let them know the what, where, how, and when."; break;
 		case '3': 
 			html += "Be able to update your <b>online resume</b>. Anytime.<div style=\"height: 100px\"></div>Give your resume a professional presence online. Keeping your resume up-to-date is easy with us."; break;
 		case '4': 
 			html += "Instant <b>email notifications</b> from interested employers.<div style=\"height: 100px\"></div>Anytime a job is posted to your account, a contact sends a message, or another user gives you a 'Wink', you will find out via email. "; break;
 		case '5': 
 			html += "Communicate your <b>availability</b> status.<div style=\"height: 100px\"></div>Updatng your availability takes one simple click. Only accept job opportunities when you want them."; break;
 		default: 
 			wrapper = "<div style=\"float: right; text-align: right; font-size: 10px; font-weight: normal\"><a class=\"bronze\">< <span onclick=\"bronze_demo()\">learn more</span></a></div><div>";
 			html += "<ul><li><span onClick=\"bronze_demo_scan(-1)\">5 images</span></li>"
 			+ "<li><span onClick=\"bronze_demo_scan(0)\">1 video/flash</span></li>"
 			+ "<li><span onClick=\"bronze_demo_scan(1)\">500 word descriptions</span></li>"
 			+ "<li><span onClick=\"bronze_demo_scan(2)\">Update your online resume anytime</span></li>"
 			+ "<li><span onClick=\"bronze_demo_scan(3)\">Receive email notifications</span></li>"
 			+ "<li><span onClick=\"bronze_demo_scan(4)\">Update your availability</span></li></ul>"
+ "</div>";
	}
	return wrapper + html + "</div>";
}

Demo_Widget.prototype.silver_content =  function (counter) {
	var html = "";
	var wrapper = "<div style=\"background: url('images/silver_account.gif'); padding: 4px;\">";
 	switch (counter) {
 		case '0': 
 			html += "You may add <b>50 images</b> to your gallery.<div style=\"height: 100px\"></div>Get your portfolio online. Keep a professional look within your own interactive gallery."; break;
 		case '1': 
 			html += "Upload <b>10 video/flash</b> and add other videos you have uploaded to the web.<div style=\"height: 100px\"></div>Show off your entire reel. These services will help exhibit your motion graphics, films, animation and on-stage creativity."; break;
 		case '2': 
 			html += "Use up to <b>1000 words</b> to describe your process and materials.<div style=\"height: 100px\"></div>Give extended descriptions of you artwork. Each piece serves as a unique reference to a style and expertise you have mastered. Describe your strengths to attract jobs and contracts."; break;
 		case '3': 
 			html += "Allow users to <b>download your resume</b>.<div style=\"height: 100px\"></div>You can upload a resume that will be out there for any interested employers."; break;
 		case '4': 
 			html += "<b>Online notifications</b> about job posts.<div style=\"height: 100px\"></div>Anytime a job is posted to your account, a personal contact sends a message, or another user gives you a 'Wink', you can manage it online. "; break;
 		case '5': 
 			html += "Project based <b>availability</b>. Coming soon...<div style=\"height: 100px\"></div>Imagine being able to specify the type of work you are looking for. Filter out un-wanted jobs based on the location, pay-rates, or work type: Freelance, Part-time or Full-time. Only accept job opportunities that fit your criteria."; break;
 		default: 
 			wrapper = "<div style=\"float: right; text-align: right; font-size: 10px; font-weight: normal\"><a class=\"silver\" href=\"\">< <span onclick=\"silver_demo()\">learn more</span></a></div><div>";
 			html += "<ul><li>50 images</li><li>10 videos/flash</li><li>1000 word descriptions</li><li>Upload resume attachments</li><li>Online notifications</li><li>Project based availability</li></ul>"
+ "</div>";
	}
	return wrapper + html + "</div>";
}