// JavaScript Document

var dataLoaded=null;
var newsDataObject=null;



function load_music_section(section) {
	var request = new Request.JSON({
		url: 'data.php?action=get_music_section&id='+section,
		onComplete: function(jsonObj) {
			dataLoaded='music';
			var album=jsonObj.albums[0];
			set_trail({'caption':'Music','onclick':''},{'caption':album.section,'onclick':'load_music_section('+album.section_id+')'});
			renderSection(jsonObj.albums);
			pngFix();
		}
	})
	request.send();
}


function load_album(album_id) {
	var request = new Request.JSON({
	url: 'data.php?action=get_album&id='+album_id,
	onComplete: function(jsonObj) {
		var album=jsonObj.album[0];
		set_trail({'caption':'Music','onclick':''},{'caption':album.section,'onclick':'load_music_section('+album.section_id+')'},{'caption':album.title,'onclick':''});
		renderAlbum(jsonObj.album[0]);
		pngFix();
	}
	})
	request.send();
}




function load_news() {
	var request = new Request.JSON({
	url: 'data.php?action=get_news',
	onComplete: function(jsonObj) {
		newsDataObject=jsonObj.news
		set_trail({'caption':'News','onclick':''});
		show_news(1);
		pngFix();
	}
	});
	request.send();
}


function load_clients() {
	var request = new Request.JSON({
	url: 'data.php?action=get_clients',
	onComplete: function(jsonObj) {
		set_trail({'caption':'Clients','onclick':''});
		show_clients(jsonObj.clients);
		pngFix();
	}
	});
	request.send();
}

function load_video_section(section_id) {
	var request = new Request.JSON({
	url: 'data.php?action=get_video_section&id='+section_id,
	onComplete: function(jsonObj) {
		var video=jsonObj.videos[0];
		set_trail({'caption':'Reels','onclick':''},{'caption':video.section,'onclick':'load_video_section('+section_id+')'});
		render_video_section(jsonObj.videos);
		pngFix();
	}
	});
	request.send();	
}

function load_video(video_id) {
	var request = new Request.JSON({
	url: 'data.php?action=get_video&id='+video_id,
	onComplete: function(jsonObj) {
		var video=jsonObj.video[0];
		set_trail({'caption':'Reels','onclick':''},{'caption':video.section,'onclick':'load_video_section('+video.section_id+')'},{'caption':video.title,'onclick':''});
		renderVideo(jsonObj.video[0]);
		pngFix();
	}
	})
	request.send();
}


function load_request_form(mtype,id) {
	var request = new Request.JSON({
	url: 'data.php?action=get_request_form',
	onComplete: function(jsonObj) {
		set_trail({'caption':'Request Media','onclick':''});
		renderRequestForm_page1(jsonObj,mtype,id);
		pngFix();
	}
	})
	request.send();	
}


function load_submissions_page() {
		set_trail({'caption':'Submissions','onclick':''});
		$('dynamic_content').load('data.php?action=get_submissions_page');
}

function renderSection(albums) {
	$('dynamic_content').innerHTML='';
	var holder = new Element('div',{'style':'margin:0px 33px'});
	for(var i=0;i<albums.length;i++) {
		var album=albums[i];
		var h = new Element('h2', {'html': album.title}).inject(holder);
		var img = new Element('img', {'src':'media/images/'+album.image, 'class':'album_art_left'}).inject(holder);
		var span = new Element('span',{'html':'Tracks:','class':'small_grey'}).inject(holder);
		var span = new Element('span',{'html':album.songs.length,'class':'lbl_track_count'}).inject(holder);
		var span = new Element('span',{'html':'Description:','class':'block small_grey'}).inject(holder);
		var p = new Element('p',{'html':album.description,'class':'list_album_descr'}).inject(holder);
		var div = new Element('div',{'id':'div_player','style':'clear:both;margin-left:-15px;'});
		
		var icons = new Element('div',{'class':'icons'})
		
		var a = new Element('a', {'href':'#','class':'lnk','rel':albums[i].id,'title':'preview individual tracks'});
		a.addEvent('click', function(e) {  
            load_album(this.rel)
		});
		
		var img = new Element('img', {'src':'images/listen_now.png'}).inject(a);
		var span = new Element('span',{'html':'view tracks'}).inject(a);
		a.inject(icons);
		
		var a = new Element('a', {'href':'download.php?album_id='+albums[i].id,'class':'lnk','title':'download entire album'});
		var img = new Element('img', {'src':'images/download_now.png'}).inject(a);
		var span = new Element('span',{'html':'download'}).inject(a);
		a.inject(icons);
		
		var a = new Element('a', {'href':'#','class':'lnk','rel':albums[i].id});
		var img = new Element('img', {'src':'images/request_cd.png'}).inject(a);
		var span = new Element('span',{'html':'request cd'}).inject(a);
		a.addEvent('click', function(e) {  
            load_request_form('album',this.rel)
		});
		
		a.inject(icons);
		icons.inject(holder);
		new Element('div',{'style':'height:0px;margin:0px 0px 20px 0px;clear:both;'}).inject(holder);
		//tr.inject(table);
			
			//var a = new Element('a', {'html':'listen','onclick': "alert('hello');",'href':'#'}).inject(tr);

		//tbl.inject(holder);
		holder.inject($('dynamic_content'));
	}
	footer();
	return false;
		
}

function render_video_section(videos) {
	$('dynamic_content').innerHTML='';
	var holder = new Element('div',{'style':'margin:0px 33px'});
	for(var i=0;i<videos.length;i++) {
		var video=videos[i];
		var h = new Element('h2', {'html': video.title}).inject(holder);
		var img = new Element('img', {'src':'media/video/frames/'+video.image, 'class':'album_art_left'}).inject(holder);
		var span = new Element('span',{'html':'Description:','class':'block small_grey'}).inject(holder);
		var p = new Element('p',{'html':video.description,'class':'list_album_descr'}).inject(holder);
		var div = new Element('div',{'id':'div_player','style':'clear:both;margin-left:-15px;'});
		
		var icons = new Element('div',{'class':'icons'})
		
		var a = new Element('a', {'href':'#','class':'lnk','rel':videos[i].id,'title':'watch video'});
		a.addEvent('click', function(e) {  
            load_video(this.rel)
		});
		
		var img = new Element('img', {'src':'images/watch_now.png'}).inject(a);
		var span = new Element('span',{'html':'watch now'}).inject(a);
		a.inject(icons);
		
		var a = new Element('a', {'href':'download.php?video_id='+videos[i].id,'class':'lnk','title':'download video'});
		var img = new Element('img', {'src':'images/download_now.png'}).inject(a);
		var span = new Element('span',{'html':'download'}).inject(a);
		a.inject(icons);
		
		var a = new Element('a', {'href':'#','class':'lnk','rel':videos[i].id});
		var img = new Element('img', {'src':'images/request_cd.png'}).inject(a);
		a.addEvent('click', function(e) {  
            load_request_form('video',this.rel)
		});
		var span = new Element('span',{'html':'request dvd'}).inject(a);
		a.inject(icons);
		icons.inject(holder);
		new Element('div',{'style':'height:0px;margin:0px 0px 20px 0px;clear:both;'}).inject(holder);
		//tr.inject(table);
			
			//var a = new Element('a', {'html':'listen','onclick': "alert('hello');",'href':'#'}).inject(tr);

		//tbl.inject(holder);
		holder.inject($('dynamic_content'));
	}
	footer();
	return false;
		
}

function renderAlbum(album) {
	$('dynamic_content').innerHTML='';

	var holder = new Element('div',{'style':'margin:0px 33px'});
	var h = new Element('h2', {'html': album.title}).inject(holder);
	var img = new Element('img', {'src':'media/images/'+album.image, 'class':'album_art_left'}).inject(holder);
	var span = new Element('span',{'html':'Tracks:','class':'small_grey'}).inject(holder);
	var span = new Element('span',{'html':album.songs.length,'class':'lbl_track_count'}).inject(holder);
	var span = new Element('span',{'html':'Description:','class':'block small_grey'}).inject(holder);
	var p = new Element('p',{'html':album.description,'class':'list_album_descr'}).inject(holder);
	var div = new Element('div',{'id':'div_player','style':'clear:both;margin-left:-15px;'});
	div.inject(holder);
	
	var ul = new Element('ol',{'class':'album_song_list'})
	for(var i=0;i<album.songs.length;i++) {
		song=album.songs[i];
		var li = new Element('li')
		var span = new Element('span',{'html':album.songs[i].title+" "}).inject(li);
		
		var a = new Element('a', {'href':'#','rel':'play_song("'+song.artist+'","'+album.title+'","'+song.title+'","'+song.year+'","'+song.genre+'")','title':'listen to '+song.title});
		a.addEvent('click', function(e) {  
            eval(this.rel);
			return false;
		});
		
		
		var img = new Element('img', {'src':'images/listen_now_small.gif'}).inject(a);
		a.inject(li);
		
		
		var a = new Element('a', {'href':'download.php?song_id='+song.id,'title':'download '+song.title});
		var img = new Element('img', {'src':'images/download_now_small.gif'}).inject(a);
		a.inject(li);
		
		
		var p = new Element('p',{'html': album.songs[i].description, 'class':'list_song_descr'}).inject(li);
		
		
		li.inject(ul);
	}
	ul.inject(holder);
	
		var p = new Element('p',{'class':'info'});
		var img = new Element('img', {'src':'images/download_now.png'}).inject(p);
		//var span = new Element('span',{'html':'&raquo;','class':'orange'}).inject(p);
		var span = new Element('span');
		span.appendText('Click ');
		var a = new Element('a', {'href':'download.php?album_id='+album.id,'title':'download entire album','html':'HERE'}).inject(span);
		span.appendText(' to download this entire album.');
		span.inject(p);
		p.inject(holder);
		
		var p = new Element('p',{'class':'info'});
		var img = new Element('img', {'src':'images/request_cd.png'}).inject(p);
		//var span = new Element('span',{'html':'&raquo;','class':'orange'}).inject(p);
		p.appendText('Click ');
		var a = new Element('a', {'href':'#','rel': album.id,'title':'request cd','html':'HERE'}).inject(p);
		a.addEvent('click', function(e) {  
            load_request_form('album',this.rel)
			return false;
		});
		p.appendText(' to request this album on CD.');
		p.inject(holder);
		
		
		//var img = new Element('img', {'src':'images/download_now.png'}).inject(a);
		//var span = new Element('span',{'html':'download now'}).inject(a);
		//a.inject(icons);
		/*
		var a = new Element('a', {'href':'#','class':'lnk'});
		var img = new Element('img', {'src':'images/request_cd.png'}).inject(a);
		var span = new Element('span',{'html':'request cd'}).inject(a);
		a.inject(icons);
	*/
	
	
	holder.inject($('dynamic_content'));
	footer();
	return false;
}




function renderVideo(video) {
		$('dynamic_content').innerHTML='';
		var holder = new Element('div',{'style':'margin:0px 33px'});
		var h = new Element('h2', {'html': video.title}).inject(holder);
		var div = new Element('div',{'id':'div_video_player','style':'clear:both;margin-left:-15px;'}).inject(holder);
		var span = new Element('span',{'html':'Description:','class':'block small_grey'}).inject(holder);
		var p = new Element('p',{'html':video.description,'class':'list_album_descr'}).inject(holder);
	

		new Element('div',{'style':'height:0px;margin:0px 0px 20px 0px;clear:both;'}).inject(holder);
		//tr.inject(table);
			
			//var a = new Element('a', {'html':'listen','onclick': "alert('hello');",'href':'#'}).inject(tr);

		//tbl.inject(holder);
		holder.inject($('dynamic_content'));
		
		
		
		
		
	
		var p = new Element('p',{'class':'info'});
		var img = new Element('img', {'src':'images/download_now.png'}).inject(p);
		//var span = new Element('span',{'html':'&raquo;','class':'orange'}).inject(p);
		var span = new Element('span');
		span.appendText('Click ');
		var a = new Element('a', {'href':'download.php?video_id='+video.id,'title':'download video','html':'HERE'}).inject(span);
		span.appendText(' to download this video.');
		span.inject(p);
		p.inject(holder);
		
		var p = new Element('p',{'class':'info'});
		var img = new Element('img', {'src':'images/request_cd.png'}).inject(p);
		//var span = new Element('span',{'html':'&raquo;','class':'orange'}).inject(p);
		p.appendText('Click ');
		var a = new Element('a', {'href':'#','rel':video.id,'title':'request dvd','html':'HERE'}).inject(p);
		a.addEvent('click', function(e) {  
            load_request_form('video',this.rel)
			return false;
		});
		p.appendText(' to request this video on DVD.');
		p.inject(holder);
		
		var p = new Element('p',{'class':'youtube'});
		p.appendText('external link: ');
		var a = new Element('a',{'href':video.youtube,'target':'_blank'}).inject(p);
		var img = new Element('img',{'src':'images/youtube.gif','alt':'watch it on youtube'}).inject(a);
		p.inject(holder);
		play_video('http://benkopec.com/media/video/flv/'+video.flv);
		
		//var img = new Element('img', {'src':'images/download_now.png'}).inject(a);
		//var span = new Element('span',{'html':'download now'}).inject(a);
		//a.inject(icons);
		/*
		var a = new Element('a', {'href':'#','class':'lnk'});
		var img = new Element('img', {'src':'images/request_cd.png'}).inject(a);
		var span = new Element('span',{'html':'request cd'}).inject(a);
		a.inject(icons);
	*/
	
	
	holder.inject($('dynamic_content'));
	footer();
	return false;
}





function page_num_list(pages,cur_page) {
        var i = 0;
        var myDiv = new Element('div',{'class':'div_pagination'});
		var p = new Element('p');
		var span = new Element('span',{'style':'','html':'Page '}).inject(p);
		var span = new Element('span',{'class':'font_medium_bold','html':cur_page}).inject(p);
		var span = new Element('span',{'style':'','html':' of '}).inject(p);
		var span = new Element('span',{'class':'font_medium_bold','html':pages}).inject(p);
		p.inject(myDiv);
		if(cur_page>1) {
			var a =new Element('a',{'class':'news_nextprev', 'style':'margin-left:3px','html':'&laquo; prev','href':"javascript:show_news("+(cur_page-1)+")"}).inject(myDiv);;	
		}
        for(i;i<pages;i++) {
				var a = new Element('a',{'html':i+1});
                if (i!=cur_page-1) { a.href="javascript:show_news("+(i+1)+")";a.title = 'view page [ '+(i+1)+ ' ]';};
                a.className= (i==cur_page-1) ? "paginationLink_u":"paginationLink";
                a.inject(myDiv)
        }
		
		if(cur_page<(pages)) {
			var a =new Element('a',{'class':'news_nextprev','html':'next &raquo;','href':"javascript:show_news("+(cur_page+1)+")"}).inject(myDiv);	
		}
        return myDiv;
}



function show_news(page) {
	set_trail({'caption':'News','onclick':''});
	$('dynamic_content').innerHTML='';
	var page_size=6;
	var page_count=Math.round((newsDataObject.length/page_size)+.4)
	
	//var start=(page-1) * 5;
	//var end=start+page_size;
	var end = page * page_size;
	var start = end - page_size;
	
	if(end > newsDataObject.length) { end = newsDataObject.length; }
	
	var holder = new Element('div',{'style':'margin:0px 33px'});
	var list=page_num_list(page_count,page);
	list.inject(holder);
	for(var i=start;i<end;i++) {
		var news_item=newsDataObject[i];
		var span = new Element('span',{'class':'news_date','html':news_item.date}).inject(holder);
		var p = new Element('p',{'class':'news_teaser','html':news_item.teaser}).inject(holder);
		var a = new Element('a', {'href':'javascript:show_news_item('+i+','+page+')','class':'news_readmore','html':'read more'}).inject(holder);
	}
	var list=page_num_list(page_count,page);
	list.inject(holder);
	holder.inject($('dynamic_content'));
	footer();
}


function show_news_item(index,page) {
	var news_item=newsDataObject[index];
	$('dynamic_content').innerHTML='';
	var holder = new Element('div',{'style':'margin:0px 33px'});
	var a = new Element('a', {'href':'javascript:show_news('+page+')','class':'back','html':'&laquo; Back'}).inject(holder);
	var span = new Element('span',{'class':'news_date','html':news_item.date}).inject(holder)
	var p = new Element('p',{'class':'bottom20 news_teaser_big','html':news_item.teaser}).inject(holder);
	var p = new Element('p',{'class':'news_body','html':news_item.body}).inject(holder);
	var a = new Element('a', {'href':'javascript:show_news('+page+')','class':'back','html':'&laquo; Back'}).inject(holder);
	holder.inject($('dynamic_content'));
	footer();
}

window.addEvent('domready', function() {
	show_home();
	set_trail({'caption':'Home','onclick':''});
	pngFix();
});





function set_trail() {
	$('trail').innerHTML="";
	for(var i=0;i<arguments.length;i++) {
		var caption=arguments[i].caption;
		var onclick=arguments[i].onclick;
		
		var span = new Element('span',{'class':'crumb_arrow','html':'/'}).inject($('trail'));
		var a = new Element('a', {'class':'crumb','html':caption,"href":"#"});
		a.rel=onclick;
		a.addEvent('click', function(e) {  
           if(this.rel) { eval(this.rel); }
		   return false;
		});
		a.inject($('trail'));
	}
	//.onclick=function() }	
}

function show_home() {
	 set_trail({'caption':'Home','onclick':''});
	$('dynamic_content').innerHTML=''
	var holder = new Element('div',{'style':'margin:0px 33px'});
	var p1="Ben Kopec is an international film and TV music composer. His musical strengths range from high impact trailer music, to heart wrenching strings and piano, to high energy sports music, to horror/suspense. Kopec has also released music for various reality TV shows and regularly composes exclusively for select libraries.";
	var p2="Some of Ben Kopec.s placements have included <strong>MTV</strong> (Dr. Drew, Parental Control), <strong>Showtime</strong>, <strong>A&E</strong> (Gene Simon.s Family Jewels), <strong>Sony Pictures</strong> (The Greg Behrendt Show), <strong>FOX Sports Music</strong> (NASCAR). Some film credits include <em>The Curse of Micah Rood, Never Surrender, Peril of Cemetery Road, and Inertia.</em>";
	var a = new Element('img',{'src':'images/mixxer.png','style':'margin-left:-23px'}).inject(holder);
	var p = new Element('p',{'class':'bottom20 font_medium stand_out','html':p1}).inject(holder);
	var p = new Element('p',{'class':'bottom20 font_medium stand_out','html':p2}).inject(holder);
	holder.inject($('dynamic_content'));
	footer();
	pngFix();
}

/*
			var el = new Element('div', {'class': 'preview'});
			var name = new Element('h3', {'html': image.name}).inject(el);
			var desc = new Element('span', {'html': image.description}).inject(name, 'after');
			var img = new Element('img', {'src': images_path + image.src}).inject(desc, 'after');
			var footer = new Element('span').inject(img, 'after');
			el.inject(gallery);
*/



function show_clients(clients) {
	$('dynamic_content').innerHTML='';
	var holder = new Element('div');
	var p = new Element('p',{'id':'client_p','html':'Ben Kopec has worked with many companies both large and small, some of which include but are not limited to the following:'}).inject(holder);
	var nl = new Element('ul',{'id':'client_list'});
	for(var i=0;i<clients.length;i++) {
		client=clients[i];
		var li = new Element('li');
		var span = new Element('span',{'html':client.company,'class':'client_name'}).inject(li);
		var a = new Element('a',{'href':'http://'+client.url,'target':'_blank','html':client.url}).inject(li);
		var p = new Element('p',{'class':'news_teaser','html':client.description}).inject(li);
		li.inject(nl);
	}
	nl.inject(holder);
	
	
	var p = new Element('p',{'class':'info'}).inject(holder);
	var img = new Element('img', {'src':'images/download_now.png'}).inject(p);
	var span = new Element('span');
	span.appendText('Click ');
	var a = new Element('a', {'href':'/media/pdf/Ben_Kopec-Credit_history.pdf','title':'download credits','html':'HERE'}).inject(span);
	span.appendText(' to download my full credit history as a pdf.');
	span.inject(p);

	
	
	holder.inject($('dynamic_content'));
	footer();
}


function renderRequestForm_page1(jsonObj,mtype,mID) {
	$('dynamic_content').innerHTML='';
	var holder = new Element('div',{'class':'request_form'});
	var p = new Element('p',{'html':'Please select which video(s) and or album(s) you would like to recieve on disk.'}).inject(holder);
	
	var h2 = new Element('h2',{'html':'Videos on DVD'}).inject(holder);
	videos=jsonObj.videos
	var ul = new Element('ul',{'id':'credit_list'});
	for(var i=0;i<videos.length;i++) {
		var li = new Element('li');
		
		var chkbx = new Element('input',{'type':'checkbox','class':'chkbox','value':'video: '+videos[i].title}).inject(li);
		if (mtype=='video' && mID==videos[i].id) {chkbx.checked=true};
		li.appendText(videos[i].title);
		li.inject(ul);
	}
	ul.inject(holder);
	
	var h2 = new Element('h2',{'html':'Album on CD'}).inject(holder);
	albums=jsonObj.albums
	var ul = new Element('ul',{'id':'credit_list'});
	for(var i=0;i<albums.length;i++) {

		var li = new Element('li');
		var chkbx = new Element('input',{'type':'checkbox','class':'chkbox','value': 'album: '+albums[i].title}).inject(li);
		if (mtype=='album' && mID==albums[i].id) {chkbx.checked=true}
		li.appendText(albums[i].title);
		li.inject(ul);
	}
	ul.inject(holder);
	
	var div = new Element('div', {'class':'request_button_holder'}).inject(holder);
	
	var btn_submit = new Element('button',{'html':'Next'}).inject(div);
	var btn_cancel = new Element('button',{'html':'Cancel'}).inject(div);
	
	btn_cancel.addEvent('click', function(e) {  
           show_home();
		   return false;
	});
	
	btn_submit.addEvent('click', function(e) {  
           submit_page1();
		   return false;
	});
	
	holder.inject($('dynamic_content'));
	footer();
}


function renderRequestForm_page2(selections) {
	$('dynamic_content').innerHTML='';
	//selections=selections.replace(/\r\n/g,"[nl]");
	var holder = new Element('div',{'class':'request_form'}).inject($('dynamic_content'));
	var input = new Element('input',{'type':'hidden','value':selections,'name':'txtMedia','id':'txtMedia'}).inject(holder);
	var p = new Element('p',{'html':'Please enter your mailing address in the form below to recieve your media.'}).inject(holder);
	var table = new Element('table').inject(holder);
	var thead = new Element('thead').inject(table);
	var tbody = new Element('tbody').inject(thead);
	
	var tr = new Element('tr').inject(tbody);
	var th = new Element('th',{'html':'Name:'}).inject(tr);
	var td = new Element('td').inject(tr);
	var input = new Element('input',{'type':'text','id':'txtName','name':'txtName'}).inject(td);
	
	var tr = new Element('tr').inject(tbody);
	var th = new Element('th',{'html':'Email:'}).inject(tr);
	var td = new Element('td').inject(tr);
	var input = new Element('input',{'type':'text','id':'txtEmail','name':'txtEmail'}).inject(td);
	
	var tr = new Element('tr').inject(tbody);
	var th = new Element('th',{'html':'Addr1:'}).inject(tr);
	var td = new Element('td').inject(tr);
	var input = new Element('input',{'type':'text','id':'txtAddr1','name':'txtAddr1'}).inject(td);
	
	var tr = new Element('tr').inject(tbody);
	var th = new Element('th',{'html':'Addr2:'}).inject(tr);
	var td = new Element('td').inject(tr);
	var input = new Element('input',{'type':'text','id':'txtAddr2','name':'txtAddr2'}).inject(td);
	
	var tr = new Element('tr').inject(tbody);
	var th = new Element('th',{'html':'City:'}).inject(tr);
	var td = new Element('td').inject(tr);
	var input = new Element('input',{'type':'text','id':'txtCity','name':'txtCity'}).inject(td);
	
	var tr = new Element('tr').inject(tbody);
	var th = new Element('th',{'html':'State:'}).inject(tr);
	var td = new Element('td').inject(tr);
	var input = new Element('input',{'type':'text','id':'txtState','name':'txtState'}).inject(td);
	
	var tr = new Element('tr').inject(tbody);
	var th = new Element('th',{'html':'Zip:'}).inject(tr);
	var td = new Element('td').inject(tr);
	var input = new Element('input',{'type':'text','id':'txtZip','name':'txtZip'}).inject(td);
	
	var h2 = new Element('h2',{'html':'Requesting:'}).inject(holder);
	var p = new Element('pre',{'html':selections}).inject(holder);
	
	var btn_submit = new Element('button',{'html':'Submit Request','id':'btnSend'}).inject(holder);
	var btn_cancel = new Element('button',{'html':'Cancel'}).inject(holder);
	
	btn_cancel.addEvent('click', function(e) {  
           show_home();
		   return false;
	});
	
	btn_submit.addEvent('click', function(e) {  
           submit_page2();
		   return false;
	});

}




function renderContactForm() {
	$('dynamic_content').innerHTML='';
	set_trail({'caption':'Contact','onclick':''});
	var holder = new Element('div',{'class':'contact_form'}).inject($('dynamic_content'));
	var p = new Element('p',{'html':'<strong>Ben Kopec</strong>,  <em>CEO</em> / <em>Songwriter & Composer</em>.<br/><strong>Cell:</strong> 203.668.7162<br/><strong>Email:</strong> BK@BenKopec.com'}).inject(holder);
	var p = new Element('p',{'html':'Please fill in the form below to send a message to Ben Kopec.'}).inject(holder);
	var table = new Element('table').inject(holder);
	var thead = new Element('thead').inject(table);
	var tbody = new Element('tbody').inject(thead);
	
	var tr = new Element('tr').inject(tbody);
	var th = new Element('th',{'html':'Name:'}).inject(tr);
	var td = new Element('td').inject(tr);
	var input = new Element('input',{'type':'text','id':'txtName','name':'txtName'}).inject(td);
	
	var tr = new Element('tr').inject(tbody);
	var th = new Element('th',{'html':'Email:'}).inject(tr);
	var td = new Element('td').inject(tr);
	var input = new Element('input',{'type':'text','id':'txtEmail','name':'txtEmail'}).inject(td);
	var span = new Element('span',{'class':'not_required','html':' (not required)'}).inject(td);
	
	
	var tr = new Element('tr').inject(tbody);
	var th = new Element('th',{'html':'Message:'}).inject(tr);
	var td = new Element('td').inject(tr);
	var input = new Element('textarea',{'cols':'35','rows':'6','id':'txtMessage','name':'txtMessage'}).inject(td);
	
	
	var btn_submit = new Element('button',{'html':'Send Message', 'class':'btnSend'}).inject(holder);
	var btn_cancel = new Element('button',{'html':'Cancel'}).inject(holder);
	
	btn_cancel.addEvent('click', function(e) {  
           show_home();
		   return false;
	});
	
	btn_submit.addEvent('click', function(e) {  
           submit_message();
		   return false;
	});

}


function renderRequestForm_page3() {
	$('dynamic_content').innerHTML='';
	//selections=selections.replace(/\r\n/g,"[nl]");
	var holder = new Element('div',{'class':'request_form'}).inject($('dynamic_content'));
	var p = new Element('p',{'html':'Thank you for your interest in my music. You will be contacted via email once your media has been sent.'}).inject(holder);
	holder.inject($('dynamic_content'));
}


function renderMessageSent() {
	$('dynamic_content').innerHTML='';
	//selections=selections.replace(/\r\n/g,"[nl]");
	var holder = new Element('div',{'class':'request_form'}).inject($('dynamic_content'));
	var p = new Element('p',{'html':'Your message has been sent.'}).inject(holder);
	holder.inject($('dynamic_content'));
}


function submit_page1() {
	var selections="";
	var checks =  $$('input[type^=checkbox]');
	for(var i=0;i<checks.length;i++) {
		if(checks[i].checked==true) {
			selections +=checks[i].value+"\r\n";	
		}
	}
	renderRequestForm_page2(selections);	
}

function submit_page2() {
	var inputs="";
	var text =  $$('input[type^=text]');
	for(var i=0;i<text.length;i++) {
		inputs+=text[i].name+"="+escape(text[i].value)+"&";
	}
	
	var hidden =  $$('input[type^=hidden]');
	for(var i=0;i<hidden.length;i++) {
		inputs+=hidden[i].name+"="+escape(hidden[i].value)+"&";
	}
	
	var myRequest = new Request({method: 'post', url: 'data.php?action=request_media'});
	myRequest.send(inputs);	
	renderRequestForm_page3();
}


function submit_message() {
	var inputs="";
	var text =  $$('input[type^=text]');
	for(var i=0;i<text.length;i++) {
		inputs+=text[i].name+"="+escape(text[i].value)+"&";
	}
	
	var hidden =  $$('textarea');
	for(var i=0;i<hidden.length;i++) {
		inputs+=hidden[i].name+"="+escape(hidden[i].value)+"&";
	}
	
	var myRequest = new Request({method: 'post', url: 'data.php?action=send_message'});
	myRequest.send(inputs);	
	renderMessageSent();
}

function play_song(artist,album,title,year,genre) {
	
	var flv = artist+"-("+album+")-"+title.replace(/'/g,"")+".mp3";
	flv='http://benkopec.com/media/music/'+flv.replace(/ /g,"_");
	flv=escape(flv);
	/*
	var so = new SWFObject("flash/player.swf", "mymovie", "420", "130", "9");
	so.addParam("quality", "high");
    so.addParam("wmode", "transparent");
    //so.addParam("salign", "t");
	so.addVariable("song_artist", artist);
	so.addVariable("song_album", album);
	so.addVariable("song_title", title);
	so.addVariable("song_year", year);
	so.addVariable("song_genre", genre);
    so.write($('div_player'));
	*/
	var s1 = new SWFObject("flash/movie_player.swf","ply","328","20","9","#FFFFFF");
	s1.addParam("allowfullscreen","true");
	s1.addParam("allowscriptaccess","always");
	s1.addParam("flashvars","file="+flv+"&autostart=true");
	s1.write($('div_player'));
}


function play_video(flv) {
	/*
	var so = new SWFObject("flash/video_player.swf", "mymovie", "320", "290", "8");
	so.addParam("quality", "high");
    so.addParam("wmode", "transparent");
    //so.addParam("salign", "t");
	//so.addParam('flashvars','file='+flv)
	so.addVariable("flv", flv);
	so.write($('div_video_player'));
	*/
	
	var s1 = new SWFObject("flash/movie_player.swf","ply","350","260","9","#FFFFFF");
	s1.addParam("allowfullscreen","true");
	s1.addParam("allowscriptaccess","always");
	s1.addParam("flashvars","file="+flv+"&autostart=true&stretching=fill&quality=high");
	s1.write($('div_video_player'));
}




function footer() {
	var foot = new Element('p',{'id':'footer'});
	var span = new Element('span',{'html':'All music copyright 1995 - 2010 &copy;'}).inject(foot);
	var span = new Element('span',{'html':'&copy; 2010 INTRICATE UNIT'}).inject(foot);
	foot.inject($('dynamic_content'));
}