$(document).ready( function() {

var clickIconShow = '<img src="styles/clickable2.gif" align="baseline" title="Click Me!" />'; //indicates which elements are clickable
//var clickIconHide = '<img src="styles/clickable3.gif" align="baseline" title="Click Me!" />'; //indicates which elements are clickable
function swapToggleIndicatorImage(){
	return ( 
		$(this).attr('src') == "styles/clickable2.gif" ?
		"styles/clickable3.gif" :
		"styles/clickable2.gif");
}



//radio player behavior   
    $('A[rel="saradio"]').click( function() {
        window.open( $(this).attr('href'), 'SA Radio', 'toolbar=no,scrollbars=no,menubar=no,location=no,toolbar=no,status=no,width=350px,height=200px,top=0,left=0' );
        return false;
    });

//define hidden elements on page load
//	$('#news2,#music2').hide();

//hide form for admin section if id is not set
if ( $(":input[name='id']").length == 0 ) {
	//define hidden elements on page load
	$('#news2,#band2,#music2,#shows2,#about2,#faq2,#links2,#rlyrics2,#testimonials2,#uberfans2,#setlists2,#venues2,#serialnum2,#mag2').hide();
	// shows hidden DIV on clicking the link with an ID of "toggle-link"
	$('a#toggle-link').click(function() {
		$('.toggle-vis').slideToggle('fast');
		$(this).text($(this).text() == 'Create A New Entry' ? 'Show List' : 'Create A New Entry');
		//$(this).text($(this).text() == 'Show Other Resources/Files' ? 'Show Forms' : 'Show Other Resources/Files');
		return false;
	});
};

//toggle category divs
$('div.listcatbody').hide();
$('div.listcatheader h2').prepend(clickIconShow);
$('div.listcatheader').click(function() {
	//$(this).removeClass("listcatheader").addClass("listheader");
	$(this).children('h2').children('img').attr('src', swapToggleIndicatorImage );
	$(this).next('div.listcatbody').slideToggle('fast');
	//$(this).parent('div.listcatbody:visible').slidetoggle('fast');
	return false;
});

//toggle list divs with header
$('div.listmiddle').hide();
$('div.listheader h3').prepend(clickIconShow);
$('div.listheader').click(function() {
	$(this).children('h3').children('img').attr('src', swapToggleIndicatorImage );
	$(this).next('div.listmiddle').slideToggle('fast');
	//$(this).parent('div.listcatbody:visible').slidetoggle('fast');
	return false;
});

//toggle fieldsets
//because of the heirarchy of fieldsets and legends, this only works if the elements of the fieldset are wrapped in a div
$('legend.togglable').prepend(clickIconShow);
$('legend.togglable').parent().children().not('legend').hide(); //hides elements of fieldset on pageload
$('legend.togglable').click(function() {
	$(this).children('img').attr('src', swapToggleIndicatorImage );
	$(this).parent().children('div').toggle('fast');
	return false;
	});

//toggle query div
$('span.toggleQuerydiv').append(clickIconShow).click(function() {
	$(this).next('div.hidden').slideToggle('fast');
	$(this).text($(this).text() == 'Show Query' ? 'Hide Query' : 'Show Query');
	//$(this).append(clickIcon);
	return false;
});
//toggle unaffected div
$('span.toggleUnchangeddiv').append(clickIconShow).click(function() {
	$(this).next('div.hidden').slideToggle('fast');
	$(this).text($(this).text() == 'Show Unchanged Entries' ? 'Hide Unchanged Entries' : 'Show Unchanged Entries');
	//$(this).append(clickIcon);
	return false;
});
//toggle matched div
$('span.toggleMatcheddiv').append(clickIconShow).click(function() {
	$(this).next('div.hidden').slideToggle('fast');
	$(this).text($(this).text() == 'Show Matched Entries' ? 'Hide Matched Entries' : 'Show Matched Entries');
	//$(this).append(clickIcon);
	return false;
});

//toggle pics flickrnav divs
$('ul.flickrlistsimple').hide();
/*$('div.listcatheader h2').prepend(clickIconShow);*/
$('div.flickrmenuheader').click(function() {
	//$(this).removeClass("listcatheader").addClass("listheader");
	/*$(this).children('h2').children('img').attr('src', swapToggleIndicatorImage );*/
	$(this).next('ul.flickrlistsimple').slideToggle('fast');
	$(this).text($(this).text() == 'View Other Sets' ? 'Hide Menu' : 'View Other Sets');
	//$(this).parent('div.listcatbody:visible').slidetoggle('fast');
	return false;
});

//DatePicker
$("#showdate").datepicker({
	dateFormat: 'yy-mm-dd', showOn: 'button', 
	buttonImage: 'styles/cal_icon.jpg', buttonText: 'Select the date from a calendar', 
	buttonImageOnly: true, showButtonPanel: true, 
	numberOfMonths: 2, stepMonths : 2,	
	});

//Colorbox
$(".iframe").colorbox({ //admin section
	height:500,
	width:850,
	iframe:true
});
$("a[rel='lightbox']").colorbox(); //pics.php



//Colorpicker Experimental
/*$('.pageheader').ColorPicker({
	color: '#0000ff',
	onShow: function (colpkr) {
		$(colpkr).fadeIn(500);
		return false;
	},
	onHide: function (colpkr) {
		$(colpkr).fadeOut(500);
		return false;
	},
	onChange: function (hsb, hex, rgb) {
		$('.pageheader div').css('backgroundColor', '#' + hex);
	}
});*/



}); //end document ready function

var handlerFlickrSwapImage = function FlickrSwapImage_Callback(str) {
	document.getElementById('mainphotodiv').innerHTML = str.responseText;
}
function FlickrSwapImage(pid,setid) {
	document.getElementById('mainphoto').src = 'images/loading.gif';
	document.getElementById('mainphoto').align = 'absmiddle';
	//document.getElementById('mainphotodiv').innerHTML = 'Loading...';
	//new Ajax.Updater('mainphotodiv','./libs/flickrsite/ajaxPhoto.php?pid='+pid+'&amp;setid='+setid+'', { method:'get', asynchronous:true,  onSuccess:handlerFlickrSwapImage });
	$('#mainphotodiv').load('./common/flickrapi/flickrajaxPhoto.php?pid='+pid+'&amp;setid='+setid+'', function() {
	//$('#mainphotodiv').load('./pics.php?action=ajax&amp;pid='+pid+'&amp;setid='+setid+'', function() {
	  //alert('Load was performed with pid = '+pid+'.');
	});
}