var vpage = 0;
var perpage = 6; 
function setPg(dir) {	
	var mixes = jQuery.makeArray( $('.mix') );	  
	for (i=0;i<mixes.length;i++) {
		//mixes[i].style.display = 'none';	
	}	
	if (dir == 'dn' && vpage > 0) {
		vpage -= 1;
		$('.btn.up').show();
		if (vpage == 0) $('.btn.dn').hide();
	}
	else {
		$('.btn.dn').show(); 
	}						 
	
	//for (j=vpage*perpage;j<(vpage*perpage+perpage);j++) {
	for (j=0;j<mixes.length;j++) {	 
		if (j<mixes.length) { 
			mixes[j].style.display = 'block'; 
			var mixname = mixes[j].getElementsByTagName('a')[0].href;
			if (mixes[j].getElementsByTagName('iframe').length < 1) {
				var fb = document.createElement('iframe');
				fb.setAttribute('style','width:200px;height:30px;border-width:0px');
	fb.setAttribute('src','http://www.facebook.com/plugins/like.php?href='+mixname+'&amp;layout=box_count&amp;show_faces=true&amp;width=220&amp;action=like&amp;colorscheme=light&amp;height=20');
				var tw = document.createElement('a');
				tw.setAttribute('href','http://twitter.com/share');
				tw.setAttribute('class','twitter-share-button');
				tw.setAttribute('data-count','none');
				tw.setAttribute('data-via','DJSportCasual');
				tw.innerHTML = 'Tweet';	   
				var playertag = '<p id="player'+j+'">Flash Player</p><script type="text/javascript">var FU2 = { movie:"/swf/mp3player.swf",width:"182",height:"20",majorversion:"7",build:"0",bgcolor:"#FFFFFF",flashvars:"file='+mixname+'&autostart=false&repeat=true&lightcolor=0x66c3ff;&backcolor=0x666&frontcolor=0xffcb12&displayheight=0" };UFO.create(FU2,"player'+j+'");</script>';
				$(playertag).insertAfter(mixes[j].getElementsByTagName('img')[0]);
				//mixes[j].getElementsByTagName('div')[0].appendChild(tw);
				mixes[j].getElementsByTagName('div')[0].appendChild(fb);
			}
		} 
		else $('.btn.up').hide();
	}	
	if (dir == 'up' && vpage < mixes.length/perpage-1) vpage += 1;									   
} 
	
$(document).ready(function(){  

    $('.tags a').click(function(){	
    	var filtr = '>'+$(this).html()+'<';
		var mixes = jQuery.makeArray( $('.mix') );
		for (i=0;i<mixes.length;i++) {	
			mixes[i].style.display='none';
			if (mixes[i].innerHTML.indexOf(filtr)>0) { 
				mixes[i].style.display='block';
				var mixname = mixes[i].getElementsByTagName('a')[0].href;
				if (mixes[i].getElementsByTagName('iframe').length < 1) {
					var fb = document.createElement('iframe');
					fb.setAttribute('style','width:200px;height:30px;border:0px solid #BBB;');
		fb.setAttribute('src','http://www.facebook.com/plugins/like.php?href='+mixname+'&amp;layout=standard&amp;show_faces=true&amp;width=220&amp;action=like&amp;colorscheme=light&amp;height=20'); 
					var tw = document.createElement('a');
					tw.setAttribute('href','http://twitter.com/share');
					tw.setAttribute('class','twitter-share-button');
					tw.setAttribute('data-count','none');
					tw.setAttribute('data-via','DJSportCasual');
					tw.innerHTML = 'Tweet';
					//<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="DJSportCasual" data-related="">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
					
					var playertag = '<p id="player'+i+'"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p><script type="text/javascript">var FU2 = { movie:"/swf/mp3player.swf",width:"182",height:"20",majorversion:"7",build:"0",bgcolor:"#FFFFFF",flashvars:"file='+mixname+'&autostart=false&repeat=true&lightcolor=0x66c3ff;&backcolor=0x666&frontcolor=0xffcb12&displayheight=0" };UFO.create(FU2,"player'+i+'");</script>';
					$(playertag).insertAfter(mixes[i].getElementsByTagName('img')[0]);
					mixes[i].getElementsByTagName('div')[0].appendChild(fb);
					//mixes[i].getElementsByTagName('div')[0].appendChild(tw);
					
					$('.btn.dn').hide();
					$('.btn.up').hide();
			}
			}
		}
    })
	$('#tags a').click(function(){
		filt($(this));
	}) 
	
	$('.tags a:first-child').click(function(){
		vpage -= 1;
		setPg('up');
	}) 
	
	$('#gallery a').click(function(){	
    	alert('Coming soon');	 	
		return false;
    })
	
	setPg('up');
	$('.btn.dn').hide();
});	 

function filt(tag) {	
//alert(tag)
    	
		var filtr = '>'+tag.html()+'<';
		var mixes = jQuery.makeArray( $('.mix') );
		for (i=0;i<mixes.length;i++) {	
			mixes[i].style.display='none';
			if (mixes[i].innerHTML.indexOf(filtr)>0) { 
				mixes[i].style.display='block';
				var mixname = mixes[i].getElementsByTagName('a')[0].href;
				
			}
		} 
    } 
	
function submitform() {
	if (document.form.checkbox.checked) {
		if (document.form.name.value == "") {
			alert ("\n Please enter your first name.  ")
			document.form.name.focus();
			return false;
		}
		if (document.form.email.value == "") {
			alert ("\n Please your email address.  ")
			document.form.email.focus();
			return false;
		} 
	} 	  
	else {return false;}
}