//Sky photo galleries v1.1 20th April 2009

//extend jquery  with image loading function
 $.fn.image = function(src, f){
	
   return this.each(function(){
	$("<img />").appendTo(this).each(function(){
		this.onload = f;
		this.src = src;
       
     });
   });
}


//sky gallery object
var skygallery = {

	query:function(q){
	
		var query = window.location.search.substring(1);
		var vars = query.split("&");
	
		for (var i=0;i<vars.length;i++) {
			var pair = vars[i].split("=");
			if (pair[0] == q) {
				return pair[1];
			}
		
		}
	
	
	},
	
	setCookie:function(name,value,days) {
		if (days){
		    var date = new Date();
		    date.setTime(date.getTime()+(days*24*60*60*1000));
		    var expires = "; expires="+date.toGMTString();
		}
		else expires = "";
		document.cookie = name+"="+value+expires+"; path=/";
	},
	
	getCookie:function(name) {
// read a cookie
	  var nameEQ = name + "=";
	  var ca = document.cookie.split(';');
	  for(var i=0;i < ca.length;i++) {
	  	var c = ca[i];
	  	while (c.charAt(0)==' ') c = c.substring(1,c.length);
	    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	  }
	  return null;
	},


	
	embed:function(p){
	
	window.ratings = p.ratings;
	window.embedlocation = p.embedlocation;
	//write in html
	
	$(p.embedlocation).html("<div class=msp-controls><span class=msp-int>-</span><a href='#' id='msp-timer'></a><span id=msp-count></span><a id=mspthumbs href=#> </a></div> <a href='#'id=showhide class=msp-arrow-down> </a><div class='ms-photo-lineup'></div><div class='ms-photo-frame'><div></div></div><div class='ms-photo-detail'><div></div><h3></h3><p></p><span id=msp-star-your></span><span id=msp-starav></span></div><div id='msp-textcap'></div>").before("<div id=msp-tooltip> </div>");
	

	$('.ms-photo-lineup').html("<a href=# id=ms-photos-prev></a><div class='ms-con'><ul></ul></div><a href=# id=ms-photos-next></a>");
	$(p.embedlocation).append("<div class='ms-pg-loader'><img src='/Images/skysports/site/gallery/ajax-loader.gif'></div><a href='#' id='ms-photo-prev'><span>prev</span></a><a href='#' id='ms-photo-next'><span>next</span></a>");
	$('.ms-photo-gallery').prepend("<div class='ms-photo-block'> </div><div class='ms-photo-overlay'><h2>d</h2><ul></ul></div>");

	//get xml
	
	$.ajax({
	   type: "GET",
	   async: true,
	   url: p.xmlpath,
	   success: function(x){
	   
	  
	   
	   var lx = $(x).find('ARTICLE').length;
	   
	   $(".ms-photo-overlay h2").html(lx+" photos in gallery");
	   
	   if(lx<=10){$("#ms-photos-prev,#ms-photos-next").addClass('nolink')}
	   var cl = $('.ms-photo-lineup .ms-con ul').css('margin-left').replace('px','');
	  
	   if(cl==0){$("#ms-photos-prev").addClass('nolink') }
	    
	   
	   $('#ms-photos-next').click(function(click,p){
			if(p!='x'){
				$('.msp-timer-on').trigger('click');
			}
			if($(this).hasClass('nolink')){return false}
			
			else{
			$('.ms-photo-block').show();
			
			$("#ms-photos-prev").removeClass('nolink') 
			var cl = $('.ms-photo-lineup .ms-con ul').css('margin-left').replace('px','');
			cl = parseInt(cl);
			var clx = parseInt((lx)/10);
			if(lx==10){clx=0;$('.ms-photo-block').hide();}
		
			if(clx>=1){
			cl=cl-760;
			
			if((cl*-1)/clx==760){
			
			$("#ms-photos-next").addClass('nolink');
			
			}
			
			if(lx==20 && (cl*-1)/clx==380){
			
				$("#ms-photos-next").addClass('nolink');
			}
			
			
			if(lx==30 && parseInt((cl*-1)/clx)==506){
			
				$("#ms-photos-next").addClass('nolink');
			}
			
			
			if((cl*-1)/clx<=760){
				
				$('.ms-photo-lineup .ms-con ul').animate({marginLeft:cl},500,function(){$('.ms-photo-block').hide();})
		
			
			}
			
			if((cl*-1)/clx>760){
			
			$('.ms-photo-block').hide()
			
			
			}
			
			
			return false;
			
		}	
		}
		})
		
		
		
		 $('#ms-photos-prev').click(function(){
			
			$('.msp-timer-on').trigger('click');
			
			if($(this).hasClass('nolink')){return false}
			
			else{
			$("#ms-photos-next").removeClass('nolink');
			$('.ms-photo-block').show();
			var cl = $('.ms-photo-lineup .ms-con ul').css('margin-left').replace('px','');
			cl = parseInt(cl)+760;
			
			if(cl!=760){
				
				$('.ms-photo-lineup .ms-con ul').animate({marginLeft:cl},500,function(){$('.ms-photo-block').hide();})
				
			
	}

			if(cl==760){$('.ms-photo-block').hide();}
			if(cl==0){$("#ms-photos-prev").addClass('nolink') }
			return false;
			}
		})
	    
		$('.ms-photo-frame').html("<img src="+$(x).find('ARTICLE').eq(0).attr('pic')+" alt='"+$(x).find('ARTICLE').eq(0).find('HLHEAD').text()+"'><div style=margin-top:-600px;></div>")
		$('.ms-photo-detail h3').html($(x).find('ARTICLE').eq(0).find('HLHEAD').text());
		var d2 = $(x).find('ARTICLE').eq(0).find('LLSNIPPET').text();
		d2 = d2.replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&quot;/g,'"');
		$('.ms-photo-detail p,#msp-textcap').html(d2);
		
		
		
		var st = $(x).find('ARTICLE').eq(0).attr('rating');
		var pid = $(x).find('ARTICLE').eq(0).attr('picID');
		st = parseInt(st)*20;
		
		
		if(p.ratings!="no"){
		
			$("#msp-starav").html("<h5>Average rating:</h5> <ul class='ss-star-rating'><li class='ss-current-rating' style='width:"+st+"%;'>Currently 2.5/5 Stars.</li><li><a title='1' class='one-star ss-star-disabled'>1</a></li><li><a title='2' class='two-stars ss-star-disabled'>2</a></li><li><a title='3' class='three-stars ss-star-disabled'>3</a></li><li><a title='4' class='four-stars ss-star-disabled'>4</a></li><li><a title='5' class='five-stars ss-star-disabled'>5</a></li></ul>")
			
			if(skygallery.getCookie(pid)){
				var g = skygallery.getCookie(pid);
				g = parseInt(g)*20;
				$("#msp-star-your").html("<h5>You rated:</h5> <ul class='ss-star-rating'><li class='ss-current-rating' style='width:"+g+"%;'>Currently 2.5/5 Stars.</li><li><a title='1' class='one-star ss-star-disabled'>1</a></li><li><a title='2' class='two-stars ss-star-disabled'>2</a></li><li><a title='3' class='three-stars ss-star-disabled'>3</a></li><li><a title='4' class='four-stars ss-star-disabled'>4</a></li><li><a title='5' class='five-stars ss-star-disabled'>5</a></li></ul>")
			
			}
			
			else{
				$("#msp-star-your").addClass('msp-rateme');
				$("#msp-star-your").html("<h5>Rate this:</h5> <ul class='ss-star-rating' id="+pid+"><li class='ss-current-rating' style='width:"+st+"%;'>Currently 2.5/5 Stars.</li><li><a title='1' href=# class='one-star'>1</a></li><li><a title='2' href=# class='two-stars'>2</a></li><li><a title='3' href=# class='three-stars'>3</a></li><li><a title='4' href=# class='four-stars'>4</a></li><li><a title='5' href=# class='five-stars'>5</a></li></ul>");
				
				$('.msp-rateme .ss-star-rating a').click(function(){
				if($(this).hasClass('ss-star-disabled')==false){
					var photoid = $(this).parents('ul').attr('id');
					var rating = $(this).attr('title');
					var p = $(this).parents('.msp-rateme');
					p.find('.ss-current-rating').css({'width':parseInt(rating)*20+"%"});
					p.find('a').addClass('ss-star-disabled');
					p.find('a').removeAttr('href');
					p.find('h5').html('You rated:');
					skygallery.setCookie(photoid,rating,365);
					$.get("/interactive/image_ratings/1,21796,,00.xml", { picID: photoid, rating: rating } );
					return false;
				}
			})
				
				
			
			}
		
		}
		
		$('#msp-count').html("1/"+lx);
		
	
		
		$(x).find('ARTICLE').each(function(i){
		
		$('.ms-photo-lineup ul').append("<li><a href='#'><img src='"+$(this).attr('picThumb')+"'></a></li>");
		
		$(".ms-photo-overlay ul").append("<li><a href='#'><img src='"+$(this).attr('picThumb')+"'></a></li>");
		
		var im = $(this).attr('pic');
		var d = $(this).find('LLSNIPPET').text();
		d=d.replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&quot;/g,'"');
		var dt = $(this).find('HLHEAD').text();
		var st = $(this).attr('rating');
		var pid = $(this).attr('picID');
		
		
		$('.ms-photo-lineup ul li').eq(i).click(function(click,p){
			window.location.hash="photo="+i;
			if(i>-1 && i<10){$('.ms-photo-lineup .ms-con ul').animate({marginLeft:0},500);$("#ms-photos-prev").addClass('nolink')}
			if(i>9 && i<20){$('.ms-photo-lineup .ms-con ul').animate({marginLeft:-760},500);$("#ms-photos-prev").removeClass('nolink')}
			if(i>19 && i<30){$('.ms-photo-lineup .ms-con ul').animate({marginLeft:-1520},500);$("#ms-photos-prev").removeClass('nolink')}
			if(i>29 && i<40){$('.ms-photo-lineup .ms-con ul').animate({marginLeft:-2280},500);$("#ms-photos-prev").removeClass('nolink')}
			if(i>39 && i<50){$('.ms-photo-lineup .ms-con ul').animate({marginLeft:-3040},500);$("#ms-photos-prev").removeClass('nolink')}
			if(i>49 && i<60){$('.ms-photo-lineup .ms-con ul').animate({marginLeft:-3800},500);$("#ms-photos-prev").removeClass('nolink')}
			if(i>59 && i<70){$('.ms-photo-lineup .ms-con ul').animate({marginLeft:-4560},500);$("#ms-photos-prev").removeClass('nolink')}
			if(p!='x'){
				$('.msp-timer-on').trigger('click');
			}
			
			$('.ms-photo-lineup ul li').removeClass('msp-on');
			$(this).addClass('msp-on');
			$('.ms-photo-detail p,#msp-textcap').html(d);
			$('.ms-photo-detail h3').html(dt);
			$('#msp-count').html(i+1+"/"+lx);
			
			st = parseFloat(st)*20;
			
			if(window.ratings!="no"){
				$("#msp-starav").html("<h5>Average rating:</h5> <ul class='ss-star-rating'><li class='ss-current-rating' style='width:"+st+"%;'>Currently 2.5/5 Stars.</li><li><a title='1' class='one-star ss-star-disabled'>1</a></li><li><a title='2' class='two-stars ss-star-disabled'>2</a></li><li><a title='3' class='three-stars ss-star-disabled'>3</a></li><li><a title='4' class='four-stars ss-star-disabled'>4</a></li><li><a title='5' class='five-stars ss-star-disabled'>5</a></li></ul>")
				
				if(skygallery.getCookie(pid)){
				var g = skygallery.getCookie(pid);
				g = parseInt(g)*20;
				$("#msp-star-your").html("<h5>You rated:</h5> <ul class='ss-star-rating'><li class='ss-current-rating' style='width:"+g+"%;'>Currently 2.5/5 Stars.</li><li><a title='1' class='one-star ss-star-disabled'>1</a></li><li><a title='2' class='two-stars ss-star-disabled'>2</a></li><li><a title='3' class='three-stars ss-star-disabled'>3</a></li><li><a title='4' class='four-stars ss-star-disabled'>4</a></li><li><a title='5' class='five-stars ss-star-disabled'>5</a></li></ul>")
			
			} 	
			else{
				$("#msp-star-your").addClass('msp-rateme');
				$("#msp-star-your").html("<h5>Rate this:</h5> <ul class='ss-star-rating' id="+pid+"><li class='ss-current-rating' style='width:"+st+"%;'>Currently 2.5/5 Stars.</li><li><a title='1' href=# class='one-star'>1</a></li><li><a title='2' href=# class='two-stars'>2</a></li><li><a title='3' href=# class='three-stars'>3</a></li><li><a title='4' href=# class='four-stars'>4</a></li><li><a title='5' href=# class='five-stars'>5</a></li></ul>")
				
				$('.msp-rateme .ss-star-rating a').click(function(){
				if($(this).hasClass('ss-star-disabled')==false){
				var photoid = $(this).parents('ul').attr('id');
				var rating = $(this).attr('title');
				var p = $(this).parents('.msp-rateme');
				p.find('.ss-current-rating').css({'width':parseInt(rating)*20+"%"});
				p.find('a').addClass('ss-star-disabled');
				p.find('a').removeAttr('href');
				
				p.find('h5').html('You rated:');
				skygallery.setCookie(photoid,rating,365);
				$.get("/interactive/image_ratings/1,21796,,00.xml", { picID: photoid, rating: rating } );

				return false;
				}
			})
			
			}
		
		}
			
			$('.ms-pg-loader').show();
			
			$('.ms-photo-frame div').image(im,function(){
				clearTimeout(window.is);
				$('.ms-photo-frame div').fadeIn(700,function(){
					
					$('.ms-pg-loader').hide();
					$('.ms-photo-block').hide();
					$('#ms-photo-next,#ms-photo-prev').animate({'opacity':1});
					$('.ms-photo-frame').html("<img src="+im+" alt='"+dt+"' /><div style='margin-top:-600px'></div>"); 
					skygallery.tracking(pid, d);
				})
			})
			
			return false;
		
		})
		
		
		})
		
		
			$('#mspthumbs').click(function(){
			
				$('.ms-photo-overlay').animate({'top':0},600);
				$('.ms-photo-overlay').click(function(){$('.ms-photo-overlay').animate({'top':-750},600);})
				return false;
				
				})
				
		
			$(".ms-photo-overlay ul li").click(function(){
			
				var z = $(".ms-photo-overlay ul li").index($(this));
				$('.ms-photo-lineup ul li').eq(z).trigger('click');
				$('.ms-photo-overlay').animate({'top':-750},600);
				return false;
				
			})
			
		
		$('.ms-photo-lineup ul li').eq(0).addClass('msp-on');
		
		$('#showhide').toggle(function(){

			$('.ms-photo-detail').animate({'marginTop':1},function(){$('.ms-photo-detail h3').hide()})
	
			$('div.msp-controls').animate({'top':629})
			$('#showhide').removeClass('msp-arrow-down').addClass('msp-arrow-up')
			$('.msp-arrow-up').bind('mouseover',function(){$("#msp-textcap").fadeIn()});
			$('.msp-arrow-up').bind('mouseout',function(){$("#msp-textcap").fadeOut()});
		
		
		},function(){
		$('#showhide').unbind('mouseover');$("#msp-textcap").fadeOut();
			$('.ms-photo-detail h3').show()
			$('.ms-photo-detail').animate({'marginTop':-131});
			$('div.msp-controls').animate({'top':568})
			$('#showhide').removeClass('msp-arrow-up').addClass('msp-arrow-down');
			
		})
		
		
		
		
		$('#ms-photo-next').click(function(click,p){
			if(p!='x'){
				$('.msp-timer-on').trigger('click');
			}
			
			$('.ms-photo-block').show();
			//$(this).animate({'opacity':0.3},10)
			var cp = parseInt($('.ms-photo-lineup ul li').index($('.ms-photo-lineup ul li.msp-on')[0]));
			if(cp==lx-1){cp=-1;$('.ms-photo-lineup .ms-con ul').animate({marginLeft:0},500);$("#ms-photos-next").removeClass('nolink');}
			
			if(cp==9 || cp==19 || cp== 29 || cp==39 || cp==49|| cp==59 || cp==69 || cp==79){$('#ms-photos-next').trigger('click',p)}
			$('.ms-photo-lineup ul li').eq(cp+1).trigger('click',p);
			$('.ms-photo-detail #msp-count').html(cp+2+"/"+lx)
			
			return false;
	   
	   })
	   
	   $('#ms-photo-prev').click(function(){
	   
		$('.msp-timer-on').trigger('click');
		
		$(this).animate({'opacity':0.3},10)
			$('.ms-photo-block').show();
			var cp = parseInt($('.ms-photo-lineup ul li').index($('.ms-photo-lineup ul li.msp-on')[0]));
			if(cp==10){$("a#ms-photos-prev").trigger('click')}
			if(cp==0){
		
				cp=lx;
				var lxa=parseInt((lx/10));
				lxa=lxa*-760;
				if(lx!=10){
					$('.ms-photo-lineup .ms-con ul').animate({marginLeft:lxa},500);
					
				}
				
					$("a#ms-photos-next").addClass('nolink');
					$("a#ms-photos-prev").removeClass('nolink');
					$('.ms-photo-lineup ul li').eq(lx-1).trigger('click');
			
			}
			
			if(cp==20 || cp==30 || cp==40 || cp==50 || cp==60 || cp==70 || cp==80){$('#ms-photos-prev').trigger('click')}
			
			$('.ms-photo-lineup ul li').eq(cp-1).trigger('click');
			$('.ms-photo-detail #msp-count').html(cp+"/"+lx)		
	   
			return false;
	   })
	   
		$('.ms-photo-gallery').hover(function(){clearTimeout(window.msgt);$('a#ms-photo-prev,a#ms-photo-next').fadeIn(300);},function(){
		
			window.msgt = setTimeout("$('a#ms-photo-prev,a#ms-photo-next').fadeOut(900);",1000)
			
			})
			
		
			
		$('#msp-timer').toggle(function(){
			
			skygallery.timer({'type':'start','interval':6000});$(this).addClass('msp-timer-on')
		
		},function(){
		
			skygallery.timer({'type':'clear'});$(this).removeClass('msp-timer-on')
		
		
		})
		
		skygallery.tooltip({tip:'start slideshow',el:'#msp-timer'})
		
		 //check deeplink hash
		if(window.location.hash.match('photo')){

				var photoNum = document.location.hash;
				photoNum = photoNum.split('photo=')[1];
				photoNum = parseInt(photoNum);
				
				$('.ms-photo-lineup ul li').eq(photoNum).trigger('click');

		}


	   }
	 });

		
	
	},

	timer:function(p){

		window.interval = p.interval;
		if(p.type=='start'){
			$('#msp-tooltip').addClass('msp-tool-on');
			skygallery.timerInterval({interval:window.interval});
			
		}

		if(p.type=='clear'){
			$('#msp-tooltip').removeClass('msp-tool-on');
			$('div.msp-controls .msp-int').stop().css('width',0);

		
		}
		
	},
	
	tracking:function(pid, d){
				
		if (typeof SKY_TRACKING != "undefined") {
			SKY_TRACKING.contentType = "photo";
			SKY_TRACKING.contentId = pid;
			if (d) {
				SKY_TRACKING.headline = d;
			}
			sky.tracking.launch ( SKY_TRACKING );
		}
			
	
		if(window.refreshAds){
			refreshAds();
		}
	
	},
	
	timerInterval:function(p){
		//alert('x')
		$('div.msp-controls .msp-int').animate({'width':86},{duration:p.interval,queue:false,complete:function(){
		$(this).css({'width':0});skygallery.timerInterval({interval:p.interval});$('#ms-photo-next').trigger('click','x');
		
		
		
		}})
		

	},
	
	tooltip:function(p){
		
		
		$(p.el).hover(function(e){
			var t = $(this).offset().top;
			var l = $(this).offset().left;
			//alert(t)
			$('#msp-tooltip').css({'top':parseInt(t)-40,'left':parseInt(l)-40})
			//if(($(this).offset().top)>600){;$('#msp-tooltip').css({'top':594})}
			//else{$('#msp-tooltip').css({'top':530})};
			$('#msp-tooltip').fadeIn();
		
		},function(){
			$('#msp-tooltip').fadeOut();
		
		
		})
	
	}

}