$(document).ready(function() {

  if($(".works-list").length) {
      work.init();
  }

  $(".cleared").focus(function() {
    if($(this).val() == $(this).attr('defaultValue')) $(this).val("");
  });
  $(".cleared").blur(function() {
    if($(this).val() == "") $(this).val($(this).attr('defaultValue'));
  });
  
  $(".twitter li:even").addClass("even");
  
  
  $(".tabs ul").tabs("div.slideshow > div", {
	  
	  fadeOutSpeed: "fast",
	    rotate: true
  }).slideshow({
	  autoplay: true,
	  interval: 5000
  });
  
  $(".clients-nav ul").tabs(".clients-list .items ul > li", {
    effect: 'fade',
    fadeOutSpeed: "slow",
    rotate: true
  }).slideshow();
  
  $(".tabs-culture").tabs("div.panes > div");
  $(".works-nav").tabs(".works-list > ul");
  $(".culture .categories li:last").css("border", "0");

  // If we're on home page, set a timer to delay for a while then start the tab cycle
//  if ($(".home").length > 0)
//	  	$(document.body).delay(5000).show(startHomeTabCycle);

  
	
	$('.works-list a').fancybox({
		'transitionIn'		: 'fade',
		'transitionOut'		: 'fade',
		'overlayOpacity'  : '0.5',
		'overlayColor'    : '#000',
		'padding'         : 40,
		'speedOut'		:100,
		'speedIn'		:270,
		'titleShow'       : true,
		'width'   : 480,
		'height'   : 270,
		'titlePosition'   : 'inside',
		
		onComplete	: function() {
			
			var txt = $(this).attr("title");
			
			if (txt.indexOf("||") != -1)
			{
				var properTitle = txt.substr(0, txt.indexOf("||"));
				var linkUrl = txt.substr(txt.indexOf("||")+2);
				$("#fancybox-title").html("<a target='blank' href='" + linkUrl + "'>" + properTitle + "</a>");
				
			$("#fancybox-img").click(function() {
				window.open(linkUrl, '_blank');
			})
			
			$("#fancybox-img").css("cursor","pointer"); 
			
			}
			
			
		}
	});
	
	
	
	//Culture Flickr photo gallery
	if($("#sets").length > 0) {
		var userId = "55053259@N03";
		getPhotoSets(userId, "sets");
	}
});


function startHomeTabCycle() {
	$(".tabs ul").data("slideshow").play();
}


function getPhotoSets(userid, target) {
	var url = 'http://api.flickr.com/services/rest/?method=flickr.photosets.getList&api_key=a0ef17a3f2cf17a86fab1fe92b5af6a7&user_id='
		+ userid  + "&lang=en-us&format=json&jsoncallback=?";
	
	function getSetIds(data) {
		//console.log(data);
		var sets = [];
		var titles = []
		$.each(data.photosets.photoset, function(i, set){
			sets.push(set.id);
			titles.push(set.title);
		});
		getPhotoSetThumbs(sets, titles, target);
	}
	
	$.getJSON(url, getSetIds);
}

function getPhotoSetThumbs(setids, titles, target) {

	function getPhotos(data) {
		//console.log(data);
	    if ( typeof getPhotos.counter == 'undefined' ) {
	        getPhotos.counter = 0;
			$("#photos #sets .ajax-loader").hide()
	    }

		var setId = data.photoset["id"];
		var count = data.photoset["total"];
		var title = titles[getPhotos.counter];
		var photos = [];
		var photos_s = [];

		$.each(data.photoset.photo, function(i, photo){
			photos.push(photo.url_m);
			photos_s.push(photo.url_sq);
		});

		var temp = $('#'+target+' ul').append("\
			<li  class=\"set-"+getPhotos.counter+"\">\
				<a href=\"#\" rel=\""+setId+"\">\
				<div class=\"meta\"><span class=\"title\">"+title._content+"</span></div>\
				<img src=\"" + photos_s[0] + "\" alt=\"" + title._content + "\"/>\
				</a>\
			</li>\
			").find("a").bind("click",function(event){
				$("#photos #gallery .ajax-loader").show()
				$("#gallery ul").html("");
				getPhotoSetPhotos($(this).attr("rel"),$(this).parent().find(".title").text(),"gallery");
				event.preventDefault();
			});
			
		if(getPhotos.counter==0) {
			$(temp).first().click();
		}
		getPhotos.counter++
		
	}
	
	for(i in setids) {
		var url = 'http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=a0ef17a3f2cf17a86fab1fe92b5af6a7&photoset_id=' 
			+ setids[i] + "&extras=url_sq%2C+url_s%2C+url_m&lang=en-us&format=json&jsoncallback=?";
		$.getJSON(url, getPhotos);
	}
}

function getPhotoSetPhotos(setid,title,target) {
	
	var url = 'http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=a0ef17a3f2cf17a86fab1fe92b5af6a7&photoset_id=' + setid + "&extras=url_sq%2C+url_s%2C+url_m&lang=en-us&format=json&jsoncallback=?";

	$.getJSON(url, getPhotosGallery);	
	
	function getPhotosGallery(data) {
		
		$("#photos #gallery .ajax-loader").hide();
		$('#'+target+' ul').html("");

		var setId = data.photoset["id"];
		var count = data.photoset["total"];
		var photos = [];
		var photos_s = [];
		var photoId = [];
		var photo_title = [];
		$.each(data.photoset.photo, function(i, photo){
			photos.push(photo.url_m);
			photos_s.push(photo.url_sq);
			photoId.push(photo["id"]);
			photo_title.push(photo["title"])
		});
		
		for (i in photos_s) {
			var temp = $('#'+target+' ul').append("\
				<li class=\"photo-"+photoId[i]+"\">\
					<a href=\""+photos[i]+"\" rel=\"lightbox\">\
					<img  src=\""+photos_s[i]+"\" alt=\""+photo_title[i]+"\"/>\
					</a>\
				</li>\
				").find("a").bind("click",function(event){
					getPreview(this);
					event.preventDefault();
				});
		}
		$(temp).first().click();
		
		
	}	
}

function getPreview(image) {
	$("#photos #gallery .ajax-loader").show();
	$("#gallery .active").removeClass("active");
	$(image).parent().addClass("active");
	$("#gallery .preview").html("");
	$("#gallery .preview").append("<img />").find("img").attr("src",image).load(function(){
		$("#photos #gallery .ajax-loader").hide();	
	});
}


var work = {
    
    init : function() {
        
        workPage = $(".work");
        workListing = $(".works-list")
        
        workListing.find('li').mouseenter(function(e) {
            $(this).find('img').animate({
                opacity : '.6'
            }, 300);
            $(this).find('.meta').animate({
                bottom : '0'
            }, 300)
        });
        
        workListing.find('li').mouseleave(function(e) {
            $(this).find('img').animate({
                opacity : '1'
            }, 300);
            $(this).find('.meta').animate({
                bottom : '-115px'
            }, 100)
        });
        
     //   $(".works-list-loader").hide();
        $(".works-list").show();
    }
    
}

if (typeof DD_belatedPNG != 'undefined') { 
  DD_belatedPNG.fix('.site-name a, .slogan h2, .main, .slogan, .footer-site-name, .slide .more, .clients-list .items .btn-prev a, .clients-list .items .btn-next a, .careers .btn-email, .works-nav a, .blog-teaser .more, .culture .right .box-facebook, .culture .right .box-twitter, .culture .right .btn-follow');
}

$.extend({URLEncode:function(c){var o='';var x=0;c=c.toString();var r=/(^[a-zA-Z0-9_.]*)/;
  while(x<c.length){var m=r.exec(c.substr(x));
    if(m!=null && m.length>1 && m[1]!=''){o+=m[1];x+=m[1].length;
    }else{if(c[x]==' ')o+='+';else{var d=c.charCodeAt(x);var h=d.toString(16);
    o+='%'+(h.length<2?'0':'')+h.toUpperCase();}x++;}}return o;},
URLDecode:function(s){var o=s;var binVal,t;var r=/(%[^%]{2})/;
  while((m=r.exec(o))!=null && m.length>1 && m[1]!=''){b=parseInt(m[1].substr(1),16);
  t=String.fromCharCode(b);o=o.replace(m[1],t);}return o;}
});