function countlilist() {
	$('.scroll').jScrollPaneRemove();
	$('.scroll').jScrollPane({dragMaxHeight:50});
}
function radio_player() {
	var Playlist = function(instance, playlist, options) {
		var self = this;

		this.instance = instance; // String: To associate specific HTML with this playlist
		this.playlist = playlist; // Array of Objects: The playlist
		this.options = options; // Object: The jPlayer constructor options for this playlist

		this.current = 0;

		this.cssId = {
			jPlayer: "jquery_jplayer_",
			interface: "jp_interface_",
			playlist: "jp_playlist_"
		};
		this.cssSelector = {};

		$.each(this.cssId, function(entity, id) {
			self.cssSelector[entity] = "#" + id + self.instance;
		});

		if(!this.options.cssSelectorAncestor) {
			this.options.cssSelectorAncestor = this.cssSelector.interface;
		}

		$(this.cssSelector.jPlayer).jPlayer(this.options);

		$(this.cssSelector.interface + " .jp-previous").click(function() {
			self.playlistPrev();
			$(this).blur();
			return false;
		});

		$(this.cssSelector.interface + " .jp-next").click(function() {
			self.playlistNext();
			$(this).blur();
			return false;
		});
	};

	Playlist.prototype = {
		displayPlaylist: function() {
			var self = this;
			$(this.cssSelector.playlist + " ul").empty();
			for (i=0; i < this.playlist.length; i++) {
				var listItem = (i === this.playlist.length-1) ? "<li class='jp-playlist-last'>" : "<li>";
				listItem += "<a href='#' id='" + this.cssId.playlist + this.instance + "_item_" + i +"' tabindex='1'>"+ this.playlist[i].name +"</a>";

				// Create links to free media
				if(this.playlist[i].free) {
					var first = true;
					listItem += "<div class='jp-free-media'>(";
					$.each(this.playlist[i], function(property,value) {
						if($.jPlayer.prototype.format[property]) { // Check property is a media format.
							if(first) {
								first = false;
							} else {
								listItem += " | ";
							}
							listItem += "<a id='" + self.cssId.playlist + self.instance + "_item_" + i + "_" + property + "' href='" + value + "' tabindex='1'>" + property + "</a>";
						}
					});
					listItem += ")</span>";
				}

				listItem += "</li>";

				// Associate playlist items with their media
				$(this.cssSelector.playlist + " ul").append(listItem);
				$(this.cssSelector.playlist + "_item_" + i).data("index", i).click(function() {
					var index = $(this).data("index");
					if(self.current !== index) {
						self.playlistChange(index);
					} else {
						$(self.cssSelector.jPlayer).jPlayer("play");
					}
					$(this).blur();
					return false;
				});

				// Disable free media links to force access via right click
				if(this.playlist[i].free) {
					$.each(this.playlist[i], function(property,value) {
						if($.jPlayer.prototype.format[property]) { // Check property is a media format.
							$(self.cssSelector.playlist + "_item_" + i + "_" + property).data("index", i).click(function() {
								var index = $(this).data("index");
								$(self.cssSelector.playlist + "_item_" + index).click();
								$(this).blur();
								return false;
							});
						}
					});
				}
			}
		},
		playlistInit: function(autoplay) {
			if(autoplay) {
				this.playlistChange(this.current);
			} else {
				this.playlistConfig(this.current);
			}
		},
		playlistConfig: function(index) {
			$(this.cssSelector.playlist + "_item_" + this.current).removeClass("jp-playlist-current").parent().removeClass("jp-playlist-current");
			$(this.cssSelector.playlist + "_item_" + index).addClass("jp-playlist-current").parent().addClass("jp-playlist-current");
			this.current = index;
			$(this.cssSelector.jPlayer).jPlayer("setMedia", this.playlist[this.current]);
		},
		playlistChange: function(index) {
			this.playlistConfig(index);
			$(this.cssSelector.jPlayer).jPlayer("play");
		},
		playlistNext: function() {
			var index = (this.current + 1 < this.playlist.length) ? this.current + 1 : 0;
			this.playlistChange(index);
		},
		playlistPrev: function() {
			var index = (this.current - 1 >= 0) ? this.current - 1 : this.playlist.length - 1;
			this.playlistChange(index);
		}

	};

	var audioPlaylist = new Playlist("1", [
		{
			name:"Bic - On the Go",
			mp3:"radio-spots/BIC-ON-THE-GO.mp3"
		},
		{
			name:"Canal Sat - Barclays 01",
			mp3:"radio-spots/CanalSat-Barclays01.mp3"
		},
		{
			name:"Canal Sat - Barclays 02",
			mp3:"radio-spots/CanalSat-Barclays02.mp3"
		},
		{
			name:"Canal Sat - Barclays 03",
			mp3:"radio-spots/CanalSat-Barclays03.mp3"
		},
		{
			name:"Canal Sat - StarPlus",
			mp3:"radio-spots/CanalSat-StarPlus.mp3"
		},
		{
			name:"Coroi - Mosquito Barrier",
			mp3:"radio-spots/mosquito-barrier.mp3"
		},
		{
			name:"DHL - DHL it student",
			mp3:"radio-spots/dhl.mp3"
		},
		{
			name:"Earth Hour",
			mp3:"radio-spots/earth-hour.mp3"
		},
		{
			name:"IBL Consumer Goods - Amira",
			mp3:"radio-spots/amira-37s.mp3"
		},
		{
			name:"IBL Consumer Goods - Mimil - Chatophone",
			mp3:"radio-spots/mimil-chatophone.mp3"
		},
		{
			name:"IBL Consumer Goods - Mimil - Chientophone",
			mp3:"radio-spots/mimil-chientophone.mp3"
		},
		{
			name:"IBL Consumer Goods - Thon Tropical - boeuf",
			mp3:"radio-spots/thon-tropical-boeuf.mp3"
		},
		{
			name:"IBL Consumer Goods - Thon Tropical - mouton",
			mp3:"radio-spots/thon-tropical-mouton.mp3"
		},
		{
			name:"IBL Consumer Goods - Thon Tropical - poulet",
			mp3:"radio-spots/thon-tropical-poule.mp3"
		},
		{
			name:"IBL Domestic Appliances - Kodak",
			mp3:"radio-spots/kodak.mp3"
		},
		{
			name:"IBL Head Office - CSR - Zenfan Soleil (performed and written by Crossbreed Supersoul)",
			mp3:"radio-spots/crossbreed-enfan-soley.mp3"
		},
		{
			name:"Inicia - Oeudor",
			mp3:"radio-spots/oeudor.mp3"
		},
		{
			name:"Lucozade 01",
			mp3:"radio-spots/Lucozade-01.mp3"
		},
		{
			name:"Lucozade 02",
			mp3:"radio-spots/Lucozade-02.mp3"
		},
		{
			name:"Nestlé - Kit Kat",
			mp3:"radio-spots/kitkat.mp3"
		},
		{
			name:"Scott Consumer Goods - Sunlolly 1",
			mp3:"radio-spots/sunlolly1.mp3"
		},
		{
			name:"Scott Consumer Goods - Sunlolly 2",
			mp3:"radio-spots/sunlolly2.mp3"
		},
		{
			name:"Winner's - Caddix 2009",
			mp3:"radio-spots/winners-caddix09.mp3"
		},
		{
			name:"Winner's - Alexandrie",
			mp3:"radio-spots/winners-alexandrie.mp3"
		},
		{
			name:"Winner's - Sega",
			mp3:"radio-spots/winners-bel-sega-57s.mp3"
		}
	], {
		ready: function() {
			audioPlaylist.displayPlaylist();
			audioPlaylist.playlistInit(false);
		},
		ended: function() {
			audioPlaylist.playlistNext();
		},
		play: function() {
			$(this).jPlayer("pauseOthers");
		},
		swfPath: "js",
		supplied: "mp3"
	});
	if($.browser.msie) {setTimeout("countlilist()",3000);}
	else{setTimeout("countlilist()",3500);}
}

$(document).ready(function () {
	$("#zclloader").hide();
	$("#wrapper").delay(1000).show();
	if($.browser.msie) {pngFix();}
	
	if(!$.browser.msie) {
		$(".logo-home .logo").css({"opacity" : "0"}).animate({opacity:1},1000);
		$(".homepic").css({"opacity" : "0"}).delay(1500).animate({opacity: 1},1000);
		$(".menu").css({"opacity" : "0"}).delay(1500).animate({opacity: 1},1000);
		$(".container").css({"opacity":"0"}).delay(2000).animate({opacity:1},1500);
	}
	
	$(".menu a").click(function() {
		if($(this).attr("href") != '#') {
			var href	=	$(this).attr("href") + ' .container > div';
			var rel		=	$(this).attr("rel");
			$(".menu a").removeClass("selected");
			
			$(".menu a").each(function(i) {
				var url=$(this).attr("href");
				var rev=$(this).attr("rev");
				
				if(url=='#' && rev!='') {
					$(this).attr("href",rev);
					$(this).attr("rev",'');
				}
			});
			
			if(rel=='redhome') {
				$("#sty").attr("href","css/style-red.css");
				changeLogo("images/logo-home.png",275,55);
				if ($(".homepic").css('display') === 'none'){
					$(".homepic").fadeIn(1000);
					$("#FlashID").css({display:'block'});
				}
			} if(rel=='white') {
				$("#sty").attr("href","css/style-white.css");
				changeLogo("images/logo-interior-red.png",275,55);
				if ($(".homepic").css('display') == 'block'){$(".homepic").hide()/*fadeOut(1000)*/;}
			}
			
			$("#zclloader").show();
			$('.container').html('&nbsp;');
			$('.container').load(href, function(response, status, xhr) {
				if (status == "error") {
					var msg = "Sorry but there was an error: ";
					$(this).html(msg + xhr.status + " " + xhr.statusText);
				} else {
					Shadowbox.setup();Shadowbox.init();
					generateSlider();
					portfolioFade();
					centerContainer();
					radio_player();
					printsubpages();
					monitorCareerSelectBox();
				}
				$("#zclloader").hide();
			});
			
			
			$(this).parent().parent().parent().parent().parent().children('a').addClass("selected");
			$(this).parent().parent().parent().children('a').addClass("selected");
			
			$(this).addClass("selected");
			
			var menuurl=$(this).attr("href");
			$(this).attr("href","#");
			$(this).attr("rev",menuurl);
		}
		return false;
	});
	
	function changeLogo(imgsrc,imgwidth,imgheight) {
		$(".logo-home .logo").empty().html('<img src="'+imgsrc+'" width="313" height="62" />');
		if($.browser.msie) {pngFix();}
	}
	function generateSlider() {
		$('.content-conveyor div').last().css('width', '265px');
		var conveyor = $(".content-conveyor", $("#sliderContent")),
		item = $(".item", $("#sliderContent"));
		var conveyor_width=(item.length * parseInt(item.css("width")))-57;
		conveyor.css("width", conveyor_width);
		var sliderOpts = {
			max: conveyor_width - parseInt($(".viewer", $("#sliderContent")).css("width")),
			slide: function(e, ui) {
				conveyor.css("left", "-" + ui.value + "px");
			}
		};
		$("#slider").slider(sliderOpts);
	}
	
	
	// FORCE MENU WIDTH 
	var menuchildtotalwidth=0;var menuchildtotalwidth2=0;
	$(".menu > ul > li").each(function(){
		menuchildtotalwidth+=$(this).width();
	});
	$(".menu > ul > li > ul > li:not(.separator)").each(function(){
		menuchildtotalwidth2+=$(this).width();
	});
	$('.menu').css("width",menuchildtotalwidth);
	$('.menu > ul').css("width",menuchildtotalwidth);
	$('.menu > ul > li > ul').css("width",menuchildtotalwidth2);
	$('.menu > ul > li > ul > li.separator').css("width",menuchildtotalwidth2-20);
	// END
	
	
	$(".menu ul li").each(function(){
		var list=$(this);$(list.has('ul')).children('ul').hide();
		
		$(list).hover(function() {
			if(!$.browser.msie) {$(list.has('ul')).children('ul').fadeIn(300);}
			else{$(list.has('ul')).children('ul').show();}
			$(list).children('a').addClass('selected_hover');
		},function() {
			if(!$.browser.msie) {$(list.has('ul')).children('ul').fadeOut(300);}
			else{$(list.has('ul')).children('ul').hide();}
			$('.menu ul li').show();$(list).children('a').removeClass('selected_hover');
		});
	});

	
	function portfolioFade() {
		$('#sliderContent img').animate({opacity:.5},500);
	
		$('#sliderContent a').hover(function(){
			$(this).children('img').css({"opacity":".5"}).animate({opacity:1},500);
		},function(){
			$(this).children('img').css({"opacity":"1"}).animate({opacity:.5},500);
		});
	}
	portfolioFade();
	
	function centerContainer() {
		var container			=	$('.container');
		var container_height	=	container.height();
		var windowheight		=	$(window).height();
		var menuhheight			=	$('.logo-home').height();
		
		if ($(".homepic").css('display') === 'none'){
			var container_padding	=	((windowheight-container_height)/2)-menuhheight;
			container.css({'margin-top': container_padding});
		} else {
			var homepic			=	$('.homepic');
			var homepic_height	=	homepic.height()+container_height;
			var homepic_padding	=	(((windowheight-homepic_height)/2)-menuhheight)-58;
			homepic.css({'padding-top': homepic_padding});
			container.css({'margin-top': 0});
		}
	}
	function printsubpages() {
		$(".portfolio-pathway a").click(function() {
			if($(this).attr("href") != '#') {
				var href	=	$(this).attr("href") + ' .container';
				$(".portfolio-pathway a").removeClass("selected");
				
				$(".portfolio-pathway a").each(function(i) {
					var url=$(this).attr("href");
					var rev=$(this).attr("rev");
					
					if(url=='#' && rev!='') {
						$(this).attr("href",rev);
						$(this).attr("rev",'');
					}
				});
				
				$("#zclloader").show();$('.container').html('&nbsp;');
				$('.container').load(href, function(response, status, xhr) {
					if (status == "error") {
						var msg = "Sorry but there was an error: ";
						$(this).html(msg + xhr.status + " " + xhr.statusText);
					} else {
						Shadowbox.setup();Shadowbox.init();
						generateSlider();
						portfolioFade();
						centerContainer();
						radio_player();
						printsubpages();
						monitorCareerSelectBox();
					}
					$("#zclloader").hide();
				});
			}
			return false;
		})
	}
	centerContainer();
	printsubpages();
	
	$(window).resize(function () {
		centerContainer();
	});
	
	function monitorCareerSelectBox() {
		$("select#f_subject").change(function(){
			contactSubjectOnChange();
		});
	}
	
	function contactSubjectOnChange() {
		var subject=$("select#f_subject option:selected").val();
		if(subject=='Careers') {
			$('.cv_attach').fadeIn();
		} else {
			$('.cv_attach').fadeOut();
		}
	}
	contactSubjectOnChange();
	monitorCareerSelectBox();
	
});