$(document).ready(function() {		

		$("#back").css("background", "url(js/pics/back.png) 0 0");
		//$("#back").css("opacity", "1");
		$("#back").css("width", "100%");
		$("#back").css("min-height", "1500px");
		$("#back").css("top", "0");
		$("#back").css("left", "0");
		$("#back").css("z-index", "499999");
		$("#back").hide();
		
		$("#videoback").css("background", "url(js/pics/back.png) 0 0");
		//$("#videoback").css("opacity", "1");
		$("#videoback").css("width", "100%");
		$("#videoback").css("height", "1500px");
		$("#videoback").css("top", "0");
		$("#videoback").css("left", "0");
		$("#videoback").css("z-index", "899999");
		$("#videoback").hide();
		
		$("#imageback").css("background", "url(js/pics/back.png) 0 0");
		//$("#imageback").css("opacity", "1");
		$("#imageback").css("width", "100%");
		$("#imageback").css("min-height", "1500px");
		$("#imageback").css("top", "0");
		$("#imageback").css("left", "0");
		$("#imageback").css("z-index", "899999");
		$("#imageback").hide();
		

		$("html").css("overflow-x", "hidden");
		
		var browserName=navigator.appName;

		var browserVer=parseInt(navigator.appVersion);
		if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
			 var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
		}

		if (browserName=="Microsoft Internet Explorer" && ieversion<7)	{
			//alert(browserVer);
			$("#back").css("width", "102%");
			$("#back").css("height", "150%");
			$("#back").css("position", "absolute");
			$("#videoback").css("width", "102%");
			$("#videoback").css("height", "150%");
			$("#videoback").css("position", "absolute");
			$("#imageback").css("width", "102%");
			$("#imageback").css("height", "150%");
			$("#imageback").css("position", "absolute");
			$("#window").css("position", "absolute");
		} else {
			$("#back").css("position", "absolute");
			$("#videoback").css("position", "absolute");
			$("#imageback").css("position", "absolute");
			//$("#window").css("position", "fixed");
		}
 
		//$("#window").css("top", "50%");
		$("#window").css("left", "50%"); 
		$("#window").css("position", "absolute"); 
		$("#window").css("margin", "50px 0 0 -400px");
		$("#window").css("width", "800px");
		$("#window").css("height", "600px");
		$("#window").css("background", "white");
		$("#window").css("z-index", "6000000");
		$("#window").hide();
		
		$("#videowindow").css("left", "50%"); 
		$("#videowindow").css("position", "absolute"); 
		$("#videowindow").css("margin", "80px 0 0 -427px");
		$("#videowindow").css("width", "854px");
		$("#videowindow").css("height", "540px");
		$("#videowindow").css("z-index", "6000020");
		$("#videowindow").hide();
		
		$("#imagewindow").css("left", "50%"); 
		$("#imagewindow").css("position", "absolute"); 
		$("#imagewindow").css("margin", "80px 0 0 -427px");
		$("#imagewindow").css("width", "854px");
		$("#imagewindow").css("height", "700px");
		$("#imagewindow").css("background", "black");
		$("#imagewindow").css("z-index", "6000020");
		$("#imagewindow").hide();


		// FUNKCIJE
		
		function ieScroll() {
			if (browserName=="Microsoft Internet Explorer" && ieversion<7)	{ window.scrollTo(0,0); }
		}
		
		function windows() {
			$("#window").css("width", "800px");
			$("#window").css("height", "600px");
			$("#window").css("padding", "0");
			//$("#window").css("border", "10px solid white");
			$("#window").css("background", "url(js/pics/winback.png)");
			//$("#window").css("cursor", "pointer");
			$("#window").fadeIn("slow");
			//$("html").css("overflow-y", "hidden");
			$("#back").toggle();
		}
		
		function videowin(id) {
			$("#videowindow").css("background", "black");
			$("#videowindow").fadeIn("slow", function() {
				$("#videowindow").load("js/php/showvideo.php", {'id': id}, function() {
					videoclose(); imageclose();
				});
			});
			$("#videoback").toggle();
		}
		
		function imagewindow() {
			$("#imagewindow").fadeIn("slow");
			$("#imageback").toggle();
		}
		
		function close() {
			$("#closebutton").click(function() {
				$("#window").fadeOut("slow");
				$("#back").fadeOut("slow");
			});
		}
		
		function videoclose() {
			$("#videoclosebutton").click(function() {
				$("#videowindow").empty();
				$("#videowindow").fadeOut("slow");
				$("#videoback").fadeOut("slow");
			});
		}
		
		function imageclose() {
			$("#imageclosebutton").click(function() {
				$("#imagewindow").fadeOut("slow");
				$("#imageback").fadeOut("slow");
			});
		}
		
		$(".contact").click(function() {
			$("#window").load("js/php/contact.php", function() {
				windows(); close();
			});			
		});
		
		$(".bio").click(function() {
			$("#window").load("js/php/bio.php", function() {
				windows(); close();
			});			
		});
		
		$(".shop").click(function() {
			$("#window").load("js/php/shop.php", function() {
				windows(); close();
			});			
		});
		
		$(".download").click(function() {
			$("#window").load("js/php/download.php", function() {
				windows(); close();
			});			
		});
		
		$(".topcharts").click(function() {
			$("#window").load("js/php/topchart.php", function() {
				windows(); close();
			});			
		});
		
		$(".events").click(function() {
			$("#window").load("js/php/events.php", function() {
				windows();
				close();
			});			
		});
		
		$(".videos").click(function() {
			$("#window").load("js/php/videos.php", function() {
				windows(); close();
				$(".videothumb a").each(function() {
					$(this).click(function() {
						videowin($(this).attr('id'));
						
					});
				});
			});			
		});
		
		
		$(".images").click(function() {
			$("#window").load("js/php/images.php", function() {
				windows(); close();
				$(".videothumb a").each(function() {
					$(this).click(function() {

						var id = $(this).attr('id');
						var name = $(this).attr('name');
						$("#ajaxMain").load("js/php/showgallery.php", {'id': id, 'name': name}, function() {
							$(".imgg").each(function() {
								$(this).click(function() {
									var id = $(this).attr('id');
									
									imagewindow();
									$("#imagewindow").load("js/php/showimage.php", {'id': id}, function() {
										imageclose();
									});
								});							
							});
						});
					});
				});
			});			
		});	


		$("#audioplayer").css('opacity', '0');
		$("#audioplayer_button").click(function() {
			//alert("OK");
			if ($("#audioplayer").css('opacity') === '1') {$("#audioplayer").css('opacity', '0');} else {$("#audioplayer").css('opacity', '1');}
		});


	var playItem = 0;
 
	var myPlayList = [		
		{name:"DJ SHONE FEAT. ANABELA & ELITNI ODREDI - BEOGRAD (RADIO MIX)",mp3:"download/DJ SHONE FEAT. ANABELA & ELITNI ODREDI - BEOGRAD (RADIO MIX).mp3"},
		{name:"DJ SHONE FEAT. ANABELA & ELITNI ODREDI - BEOGRAD (EXTENDED MIX)",mp3:"download/DJ SHONE FEAT. ANABELA & ELITNI ODREDI - BEOGRAD (EXTENDED MIX).mp3"},
		{name:"DJ SHONE FEAT. GEO DA SILVA & JUICE - YOU MOVE (RADIO MIX)",mp3:"download/DJ SHONE FEAT. GEO DA SILVA & JUICE - YOU MOVE (RADIO MIX).mp3"},
		{name:"DJ SHONE FEAT. GEO DA SILVA & JUICE - YOU MOVE (EXTENDED MIX)",mp3:"download/DJ SHONE FEAT. GEO DA SILVA & JUICE - YOU MOVE (EXTENDED MIX).mp3"},
		{name:"DJ SHONE FEAT. JUICE - BAMBOLA (RADIO MIX)",mp3:"download/DJ SHONE FEAT. JUICE - BAMBOLA (RADIO MIX).mp3"},
		{name:"DJ SHONE FEAT. JUICE - BAMBOLA (EXTENDED MIX)",mp3:"download/DJ SHONE FEAT. JUICE - BAMBOLA (EXTENDED MIX).mp3"},
		{name:"DJ SHONE FEAT. IVANA SELAKOV & SHA - IGRAJ DOK POSTOJIS (RADIO MIX)",mp3:"download/DJ SHONE FEAT. IVANA SELAKOV & SHA - IGRAJ DOK POSTOJIS (RADIO MIX).mp3"},
		{name:"DJ SHONE FEAT. IVANA SELAKOV & SHA - IGRAJ DOK POSTOJIS (EXTENDED MIX)",mp3:"download/DJ SHONE FEAT. IVANA SELAKOV & SHA - IGRAJ DOK POSTOJIS (EXTENDED MIX).mp3"},
		{name:"DJ SHONE FEAT. CVIJA - DISKOTEKA",mp3:"download/Dj Shone feat. Cvija - Diskoteka.mp3"},
		{name:"DJ SHONE PRESENTS PROMO HOUSE MIX (GEO DA SILVA INTERNATIONAL MEGAMIX)",mp3:"download/DJ SHONE presents PROMO HOUSE MIX (GEO DA SILVA INTERNATIONAL MEGAMIX).mp3"},
		{name:"DJ SHONE PROMO HOUSE MIX (THE PARTY SHIFF AUSTRIA)",mp3:"download/DJ SHONE PROMO HOUSE MIX (THE PARTY SHIFF AUSTRIA).mp3"},
		{name:"DJ SHONE PROMO HOUSE MIX (SUMMER EDITION - LIVE IN CLUB ZALT - COPENHAGEN (DENMARK))",mp3:"download/DJ SHONE PROMO HOUSE MIX (SUMMER EDITION - LIVE IN CLUB ZALT - COPENHAGEN (DENMARK)).mp3"},
		{name:"DJ SHONE PROMO HOUSE MIX (FRIDAY CLUBBING - CLUB JIL - ZURICH (SWITZERLAND))",mp3:"download/DJ SHONE PROMO HOUSE MIX (FRIDAY CLUBBING - CLUB JIL - ZURICH (SWITZERLAND)).mp3"}
	];
 
	// Local copy of jQuery selectors, for performance.
	var jpPlayTime = $("#jplayer_play_time");
	var jpTotalTime = $("#jplayer_total_time");
	var jpStatus = $("#demo_status"); // For displaying information about jPlayer's status in the demo page
 
	$("#jquery_jplayer").jPlayer({
		ready: function() {
			displayPlayList();
			playListInit(true); // Parameter is a boolean for autoplay.
			demoInstanceInfo(this.element, $("#demo_info")); // This displays information about jPlayer's configuration in the demo page
		}
	})
	.jPlayer("onProgressChange", function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
		jpPlayTime.text($.jPlayer.convertTime(playedTime));
		jpTotalTime.text($.jPlayer.convertTime(totalTime));
 
		demoStatusInfo(this.element, jpStatus); // This displays information about jPlayer's status in the demo page
	})
	.jPlayer("onSoundComplete", function() {
		playListNext();
	})
	.jPlayer( {
	  swfPath: "/js"
	});
 
	$("#jplayer_previous").click( function() {
		playListPrev();
		$(this).blur();
		return false;
	});
 
	$("#jplayer_next").click( function() {
		playListNext();
		$(this).blur();
		return false;
	});
 
	function displayPlayList() {
		$("#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>";
			$("#jplayer_playlist ul").append(listItem);
			$("#jplayer_playlist_item_"+i).data( "index", i ).click( function() {
				var index = $(this).data("index");
				if (playItem != index) {
					playListChange( index );
				} else {
					//$("#jquery_jplayer").jPlayer("play");
				}
				$(this).blur();
				return false;
			});
		}
	}
 
	function playListInit(autoplay) {
		if(autoplay) {
			playListChange( playItem );
		} else {
			playListConfig( playItem );
		}
	}
 
	function playListConfig( index ) {
		$("#jplayer_playlist_item_"+playItem).removeClass("jplayer_playlist_current").parent().removeClass("jplayer_playlist_current");
		$("#jplayer_playlist_item_"+index).addClass("jplayer_playlist_current").parent().addClass("jplayer_playlist_current");
		playItem = index;
		$("#jquery_jplayer").jPlayer("setFile", myPlayList[playItem].mp3, myPlayList[playItem].ogg);
	}
 
	function playListChange( index ) {
		playListConfig( index );
		//$("#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 );
	}
});
