var $currentthumbs
var $currentAmount

var $thumbPad = 2;
var $thumbIncrease = $thumbPad * 2
var $thumbanimateTime = 500;

var HandleThumbs = {
	setupThumbs : function (str1, str2){
		var $condition1 = str1
		var $condition2
		$('#moretext').html($xmltext['more']['copy'])
		$('#moretext').css("background-image", "url(imgs/thumbs_morebutton.jpg)")
		changeContentHeight()
		
		if (str1  == 'film' || str1 == 'interactive' || str1 == 'production' || str1 == 'rushmore'){
			if (str2) $condition2 = HandleThumbs.subpage_to_xmlname(str2)
			//if (!$condition1) $condition1 = 'film' //showing FILM 2010 thumbs as default at the mo!
			//if (!$condition2) $condition2 = 'dateone' //showing FILM 2010 thumbs as default at the mo!
			$currentthumbs = $xmlprojects[$condition1][$condition2];
		}else if (str1  == 'search'){
			$currentthumbs = HandleThumbs.create_search_thumbs(str2);
		}
		
		if (!$currentthumbs) $currentthumbs = HandleThumbs.create_default_thumbs($xmltext['home_videos']['copy']);
		
		var thumbshtml = '';
		var count = 0
		
		for ($x in $currentthumbs)
		{
			var $thumb = $currentthumbs[$x];
			var $short_title = truncate($thumb['title'], 22)
			
			if ($thumb['shorttitle']) $short_title = $thumb['shorttitle'];
			
			var project = $thumb['project']
			var client = $thumb['client']
			
			if (project.length > 42 && client.length > 42){
				project = truncate(project, 22)
				client = truncate(client, 20)
			}
			
			var $short_project = project
			var $short_client = client
			
			thumbshtml +=  '<div class="thumb">';
			thumbshtml +=  '<a href="#/' + $thumb['department'] + '/' + $thumb['id'] +  '/' + $thumb['tag_name'] + '" name="' + $thumb['department'] + '/' + $thumb['id'] +  '/' + $thumb['tag_name'] +  '" class="hashLink"></a>';
			//thumbshtml +=  '<a href="#/' + $xmltext['dept1']['tag'] + '/' + $xmltext['dept1c']['tag'] + '/" name="' + $xmltext['dept1']['tag'] + '/' + $xmltext['dept1c']['tag'] + '" class="hashLink">';
			
			thumbshtml +=  '<div class="thumbZZZ">';
			thumbshtml +=  '<div class="thumbcontents">';
            thumbshtml +=  '<img  src="' + $thumb['thumb_name']  + '" alt="' + $thumb['tag_name'] + '" class="thumbimg"/>';
			thumbshtml +=  '<div class="thumbinfo">';
			thumbshtml +=  '<div class="thumbinfotext">';
			thumbshtml +=  '<p class="thumbtitle">' + $short_title + '</p>';
            thumbshtml +=  '<p class="thumbproject">' + $short_project + '</p>';
			thumbshtml +=  '<p class="thumbclient">' + $short_client + '</p>'
			thumbshtml +=  '</div>';
			thumbshtml +=  '</div>';
			thumbshtml +=  '</div>';
			thumbshtml +=  '</div>';
			thumbshtml +=  '</a>';
			thumbshtml +=  '</div>';
			
			count++
		}
		
		$currentAmount = count
		
		if (count == 0){
			thumbshtml = HandleThumbs.create_404_thumb()
		}else if (count == 1 && str2 == 'showreel'){
			//consolelog('count is 1 - so i need to open the video' + $currentthumbs[1]['id'])
			location.hash = '#/' + $currentthumbs[1]['department'] + '/' + $currentthumbs[1]['id'] +  '/' + $currentthumbs[1]['tag_name'] + '/';
			return
		}
		
		//if (BrowserDetect.browser == Explorer) addextra_iecss()
		
		$('.thumbWrapper').html(thumbshtml)
		
		$('.thumb').click(function(evt){HandleThumbs.onClickThumb(evt)})
		
		$('.thumb').mouseenter(function(evt){HandleThumbs.onOverThumbs(evt)}).mouseleave(function(evt){HandleThumbs.onOutThumbs(evt)});
		
		if ($currentAmount > 16) {
			$('#more').delay(1500).fadeIn('slow');
			$('#content').css('margin-bottom', 50)
		} else {
			$('.thumb').css('margin-bottom', 0)
		}
		
		$('.thumb').css('cursor', 'pointer')
		if (count == 0) $('.thumb').css('cursor', 'default')
		
	},
	create_404_thumb : function()
	{
		var html = ''
		html +=  '<div class="thumb">';
		html +=  '<div class="thumbZZZ">';
		html +=  '<div class="thumbcontents">';
        html +=  '<img  src="imgs/404thumb.jpg" alt="zero_search_results" class="thumbimg"/>';
		html +=  '<div class="thumbinfo">';
		html +=  '<div class="thumbinfotext">';
		html +=  '<p class="thumbtitle ">NO SEARCH RESULTS</p>';
		html +=  '</div>';
		html +=  '</div>';
		html +=  '</div>';
		html +=  '</div>';
		html +=  '</div>';
		return html
	},
	subpage_to_xmlname : function (str){
		var newstr = str
		//XML node names (in case these a difference between hash sub page)
		switch(str){
			case '2012':
				newstr = 'dateone'
			break;
			case '2011':
				newstr = 'datetwo'
			break;
			case '2010':
				newstr = 'datethree'
			break;
		}
		newstr = newstr.replace('-','')
		return newstr
	},
	
	create_ppc_showreel : function ()
	{
		var $obj = new Object();
		
		$obj['id'] = '1'
		$obj['par'] = ''
		$obj['thumb_name'] = 'http://ppcsite.s3.amazonaws.com/ppc_film_showreel_feb_2011_thumb.jpg'
		$obj['img_name'] = 'http://ppcsite.s3.amazonaws.com/ppc_film_showreel_feb_2011.jpg'
		$obj['file_name'] = 'http://ppcsite.s3.amazonaws.com/ppc_film_showreel__feb.mp4'
		$obj['title'] = 'PPC Showreel 2011'
        $obj['client'] = ''
        $obj['project'] = ''
		$obj['department'] = 'showreel'
		$obj['menu_name'] = ''
		$obj['date'] = ''
		$obj['tag_name'] = ''
		
		return $obj
	},
	
	create_default_thumbs : function (str){
	
		var $default_items = new Object();
		$default_items[1] = HandleThumbs.create_ppc_showreel()
		
		var $default_arr = str.split(',')
		var $results = 1

		for ($i in $default_arr)
		{
			$default_arr[$i] = $default_arr[$i].split('/', 2)
		}
		
		for ($i in $default_arr){
		
			var departments = $xmlprojects[$default_arr[$i][0]]
			
			for ($x in departments)
			{
				var $sections = departments[$x];
				
				for ($y in $sections)
				{
					var $video = $sections[$y];
					
					if ($video['id'] == $default_arr[$i][1]) 
					{
						$results ++
						$default_items[$results] = $video
					}
				}
			}
		}
		//consolelog('$default_items = ' + $results)
		return $default_items
	},
	create_search_thumbs : function (term){
		var $search_reg = new RegExp(term, 'i')
		var $search_items = new Object();
		var $results = 0
		for ($x in $xmlprojects)
		{
			var $department = $xmlprojects[$x];
			for ($y in $department)
			{
				var $menu = $department[$y];
				for ($z in $menu)
				{
					var $thumb = $menu[$z];
					
					if ($thumb['title'].match($search_reg))
					{
						$results ++
						$search_items[$results] = $thumb
					}else if ($thumb['project'].match($search_reg)){
						$results ++
						$search_items[$results] = $thumb
					}//else if ($thumb['client'].match($search_reg)){
						//$results ++
						//$search_items[$results] = $thumb
					//}
				}
			}
		}
		return $search_items
	},
	
	showMore : function ()
	{		
		var $newHeight = $contentStartHeight
		var $maxH = (Math.ceil($currentAmount/4) * 146)
		if ($('#content').height() == $contentStartHeight) $newHeight = $maxH
		
		if ($newHeight == $contentStartHeight){
			scroll(0, 0);
			$('#moretext').html($xmltext['more']['copy'])
			$('#moretext').css("background-image", "url(imgs/thumbs_morebutton.jpg)")
		}else{
			
			$('#moretext').html($xmltext['less']['copy'])
			$('#moretext').css("background-image", "url(imgs/thumbs_lessbutton.jpg)")
		}
		changeContentHeight($newHeight, HandleThumbs.showMoreEnd)
	},
	
	showMoreEnd : function()
	{
		$('#more').fadeIn('fast');
        
	},
	onOverThumbs : function (evt)
	{
        var $target = $(evt.currentTarget);
		var $thumbInfo = $target.find('.thumbinfo')
        var $thumbInfotxt = $target.find('.thumbinfotext')
		var $thumbBorder = $target.find('.thumbZZZ')
		var $thumbImgClass = $target.find('.thumbimg')
		var $thumbContent = $target.find('.thumbcontents')
			
		$target.data('isactive', true)
		
		$thumbBorder.css('zIndex', '10');
				
		$thumbInfo.animate({"bottom":13, backgroundColor: '#00A8F7'}, {queue:false, duration:$thumbanimateTime, easing: 'easeOut' });
								
		$thumbInfotxt.css({"color" : '#ffffff' });

		if (BrowserDetect.browser == Safari) {
			
				
			
		}		
	},
	
	onOutThumbs : function (evt)
	{
		var $target = $(evt.currentTarget)
		var $thumbBorder = $target.find('.thumbZZZ')
		var $thumbInfo = $target.find('.thumbinfo')
        var $thumbInfotxt = $target.find('.thumbinfotext')
		var $thumbImgClass = $target.find('.thumbimg')
		var $thumbContent = $target.find('.thumbcontents')
		
		$thumbBorder.css('zIndex', '1');
		$target.data('isactive', false)
        
        $thumbInfo.animate({"bottom":0, backgroundColor: '#ffffff'}, {queue:false, duration:$thumbanimateTime, easing: 'easeOut' });
        
        
        $thumbInfotxt.css({color: '#979AA2'})
		
},
	
	onClickThumb : function (evt)
	{
		evt.preventDefault();
		
		var $target = $(evt.currentTarget);
		var $targetA = $target.find('a');
		$clickedThumb = $target
		
		//consolelog('click A name---- ' + $targetA.attr('name') )
		//var obj = $targetA
		
		//for (key in obj){
			//consolelog("myObj["+key +"] = "+obj[key]);
		//}
		
		//if (this.name == 'null') return
		location.hash = '#/' + $targetA.attr('name') + '/';
	}
}