var JQ = jQuery.noConflict();
JQ(document).ready(function(){
	
	JQ(".container").wtRotator({
					width:180,
					height:220,
					button_width:12,
					button_height:12,
					button_margin:3,
					auto_start:true,
					delay:5000,
					transition:"fade",
					transition_speed:800,
					cpanel_position:"inside",
					cpanel_align:"BR",
					timer_align:"top",
					display_thumbs:true,
					display_dbuttons:true,
					display_playbutton:true,
					display_numbers:true,
					display_timer:true,
					mouseover_pause:false,
					cpanel_mouseover:true,
					text_mouseover:false,
					text_effect:"fade",
					text_sync:true,
					tooltip_type:"image",
					shuffle:false,
					block_size:75,
					vert_size:55,
					horz_size:50,
					block_delay:25,
					vstripe_delay:75,
					hstripe_delay:180					
				});
	JQ("#banner_top").wtRotator({
					width:460,
					height:112,
					button_width:12,
					button_height:12,
					button_margin:3,
					auto_start:true,
					delay:5000,
					transition:"fade",
					transition_speed:800,
					cpanel_position:"inside",
					cpanel_align:"BR",
					timer_align:"top",
					display_thumbs:false,
					display_dbuttons:false,
					display_playbutton:false,
					display_numbers:false,
					display_timer:false,
					mouseover_pause:false,
					cpanel_mouseover:false,
					text_mouseover:false,
					text_effect:"fade",
					text_sync:true,
					tooltip_type:"image",
					shuffle:false,
					block_size:75,
					vert_size:55,
					horz_size:50,
					block_delay:25,
					vstripe_delay:75,
					hstripe_delay:180					
				});
	JQ("#banner_dx").wtRotator({
					width:180,
					height:220,
					button_width:12,
					button_height:12,
					button_margin:3,
					auto_start:true,
					delay:3500,
					transition:"fade",
					transition_speed:800,
					cpanel_position:"inside",
					cpanel_align:"BR",
					timer_align:"top",
					display_thumbs:false,
					display_dbuttons:false,
					display_playbutton:false,
					display_numbers:false,
					display_timer:false,
					mouseover_pause:false,
					cpanel_mouseover:false,
					text_mouseover:false,
					text_effect:"fade",
					text_sync:true,
					tooltip_type:"image",
					shuffle:false,
					block_size:75,
					vert_size:55,
					horz_size:50,
					block_delay:25,
					vstripe_delay:75,
					hstripe_delay:180					
				});
				
		JQ("#karima").wtRotator({
					width:180,
					height:220,
					button_width:12,
					button_height:12,
					button_margin:3,
					auto_start:true,
					delay:5000,
					transition:"fade",
					transition_speed:2000,
					cpanel_position:"inside",
					cpanel_align:"BR",
					timer_align:"top",
					display_thumbs:false,
					display_dbuttons:false,
					display_playbutton:false,
					display_numbers:false,
					display_timer:false,
					mouseover_pause:false,
					cpanel_mouseover:false,
					text_mouseover:false,
					text_effect:"fade",
					text_sync:true,
					tooltip_type:"image",
					shuffle:false,
					block_size:75,
					vert_size:55,
					horz_size:50,
					block_delay:25,
					vstripe_delay:75,
					hstripe_delay:180					
				});
		JQ("#facebook_add").wtRotator({
					width:180,
					height:220,
					button_width:12,
					button_height:12,
					button_margin:3,
					auto_start:true,
					delay:5000,
					transition:"fade",
					transition_speed:2000,
					cpanel_position:"inside",
					cpanel_align:"BR",
					timer_align:"top",
					display_thumbs:false,
					display_dbuttons:false,
					display_playbutton:false,
					display_numbers:false,
					display_timer:false,
					mouseover_pause:false,
					cpanel_mouseover:false,
					text_mouseover:false,
					text_effect:"fade",
					text_sync:true,
					tooltip_type:"image",
					shuffle:false,
					block_size:75,
					vert_size:55,
					horz_size:50,
					block_delay:25,
					vstripe_delay:75,
					hstripe_delay:180					
				});
		
				
	// Local copy of jQuery selectors, for performance.
	var jpPlayTime = JQ("#jplayer_play_time");
	var jpTotalTime = JQ("#jplayer_total_time");
	var jpStatus = JQ("#demo_status"); // For displaying information about jPlayer's status in the demo page

	JQ("#jquery_jplayer").jPlayer({
		ready: function() {
			displayPlayList();
			playListInit(false); // Parameter is a boolean for autoplay.
			demoInstanceInfo(this.element, JQ("#demo_info")); // This displays information about jPlayer's configuration in the demo page
		},
		oggSupport: false
	})
	.jPlayer("onProgressChange", function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
		jpPlayTime.text(JQ.jPlayer.convertTime(playedTime));
		jpTotalTime.text(JQ.jPlayer.convertTime(totalTime));

		demoStatusInfo(this.element, jpStatus); // This displays information about jPlayer's status in the demo page
	})
	.jPlayer("onSoundComplete", function() {
		playListNext();
	});

	JQ("#jplayer_previous").click( function() {
		playListPrev();
		JQ(this).blur();
		return false;
	});

	JQ("#jplayer_next").click( function() {
		playListNext();
		JQ(this).blur();
		return false;
	});

	function displayPlayList() {
		JQ("#jplayer_playlist ul").empty();
		for (i=0; i < myPlayList.length; i++) {
			var listItem = (i == myPlayList.length-1) ? "<li class='jplayer_playlist_item_last'>" : "<li>";
			listItem += "<a href='#' id='jplayer_playlist_item_"+i+"' tabindex='1'>"+ myPlayList[i].name +"</a></li>";
			JQ("#jplayer_playlist ul").append(listItem);
			JQ("#jplayer_playlist_item_"+i).data( "index", i ).click( function() {
				var index = JQ(this).data("index");
				if (playItem != index) {
					playListChange( index );
				} else {
					JQ("#jquery_jplayer").jPlayer("play");
				}
				JQ(this).blur();
				return false;
			});
		}
	}

	function playListInit(autoplay) {
		if(autoplay) {
			playListChange( playItem );
		} else {
			playListConfig( playItem );
		}
	}

	function playListConfig( index ) {
		JQ("#jplayer_playlist_item_"+playItem).removeClass("jplayer_playlist_current").parent().removeClass("jplayer_playlist_current");
		JQ("#jplayer_playlist_item_"+index).addClass("jplayer_playlist_current").parent().addClass("jplayer_playlist_current");
		playItem = index;
		JQ("#jquery_jplayer").jPlayer("setFile", myPlayList[playItem].mp3);
	}

	function playListChange( index ) {
		playListConfig( index );
		JQ("#jquery_jplayer").jPlayer("play");
	}

	function playListNext() {
		var index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
		playListChange( index );
	}

	function playListPrev() {
		var index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
		playListChange( index );
	}
	
	
	JQ('#top_myspace').mouseover( function(){
		JQ(this).fadeTo('fast',0.5);
	});
	JQ('#top_myspace').mouseout( function(){
		JQ(this).fadeTo('fast',1.0);
	});
	
	JQ('#top_facebook').mouseover( function(){
		JQ(this).fadeTo('fast',0.5);
	});
	JQ('#top_facebook').mouseout( function(){
		JQ(this).fadeTo('fast',1.0);
	});
	
	JQ('#top_youtube').mouseover( function(){
		JQ(this).fadeTo('fast',0.5);
	});
	JQ('#top_youtube').mouseout( function(){
		JQ(this).fadeTo('fast',1.0);
	});
	
	JQ('#top_twitter').mouseover( function(){
		JQ(this).fadeTo('fast',0.5);
	});
	JQ('#top_twitter').mouseout( function(){
		JQ(this).fadeTo('fast',1.0);
	});
	
	JQ('#top_background').mouseover( function(){
		JQ(this).fadeTo('fast',0.5);
	});
	JQ('#top_background').mouseout( function(){
		JQ(this).fadeTo('fast',1.0);
	});
	
	
}); // ON READY 

function change_css(pref){
		if(pref=='black') ch='white'; else ch='black';
		var okDate = new Date();		
		okDate.setDate(okDate.getDate()+30);	
		cookieValue = 'css_pref='+ch+'; expires='+okDate.toGMTString()+'; path=/; domain=.dalessandroegalli.com;';
		document.cookie = cookieValue;
		location.reload(true);
}
