var flag = false;

function get_flag(){
	if(flag == false)
		return false;
	else
		return true;
}

$(document).ready(function() {
	var velocity = 0.1;
	var velocity_fast = 0.3;
	
	
	var thumbsFixed = $('#thumbsFixed');
	var viewWidth = parseInt(thumbsFixed.width());

	var thumbsContainer = $('#thumbsContainer');
	var thumbsWidth = 0;
	var thumbsWidthOuter = 0;
	var i = 0;

	var thumbnails = thumbsContainer.find('div.thumbnail');
	var thumbnailsCount = thumbnails.length;
	thumbnails.each(
		function() {
			var w = parseInt($(this).width());
			var ml = parseInt($(this).css('margin-left'));
			var mr = parseInt($(this).css('margin-right'));

			thumbsWidth += w+2;
			if (i > 0)
				thumbsWidth += ml;
			if (i < thumbnailsCount - 1)
				thumbsWidth += mr;

			thumbsWidthOuter += w+2;
			thumbsWidthOuter += ml;
			thumbsWidthOuter += mr;

			i++;
		});

	thumbsContainer.width(thumbsWidthOuter);

	/* Right */
	$('#right').hover(
		function() {
			var s = parseInt(thumbsContainer.css('margin-left')) - (viewWidth - thumbsWidth);
			var t = s / velocity;

			thumbsContainer.animate({ marginLeft: viewWidth - thumbsWidth }, t);
		},
		function() {
			thumbsContainer.stop();
		}
	);

	$('#right').mousedown(
		function() {
			var s = parseInt(thumbsContainer.css('margin-left')) - (viewWidth - thumbsWidth);
			var t = s / velocity_fast;
			thumbsContainer.stop();
			thumbsContainer.animate({ marginLeft: viewWidth - thumbsWidth }, t);
		});

	$('#right').mouseup(
		function() {
			var s = parseInt(thumbsContainer.css('margin-left')) - (viewWidth - thumbsWidth);
			var t = s / velocity;
			thumbsContainer.stop();
			thumbsContainer.animate({ marginLeft: viewWidth - thumbsWidth }, t);
		});

	/* Left */
	$('#left').hover(
		function() {
			var s = -parseInt(thumbsContainer.css('margin-left'));
			var t = s / velocity;

			thumbsContainer.animate({ marginLeft: 0 }, t);
		},
		function() {
			thumbsContainer.stop();
		}
	);

	$('#left').mousedown(
		function() {
			var s = -parseInt(thumbsContainer.css('margin-left'));
			var t = s / velocity_fast;
			thumbsContainer.stop();
			thumbsContainer.animate({ marginLeft: 0 }, t);
		});

	$('#left').mouseup(
		function() {
			var s = -parseInt(thumbsContainer.css('margin-left'));
			var t = s / velocity;
			thumbsContainer.stop();
			thumbsContainer.animate({ marginLeft: 0 }, t);
		});

	$('#left').click(function() { return false; });
	$('#right').click(function() { return false; });

	thumbsContainer.find('div.thumbnail a').click(function() {
		var url = $(this).attr('href');
		var capt = $(this).attr('alt');
		var re = $(this).attr('name');
		var dis = $(this).attr('rev');
		if($(this).attr('rel')!='video') {
			var dir = $(this).attr('dir');
			/*
			$('#photo_info').show();
			$('#imgtext').html('<div style="padding:10px;">Loading...</div>');
			$.get("/online_advertiser/advertiser_image_info/"+dir,function(data){
					$('#imgtext').html(data);
					if(data==''){
						$('#imgtext').html('<div style="padding:10px;">none</div>');
						$('#photo_info').fadeOut('slow');
					}
			});*/
		}
		if($(this).attr('rel')=='video'){
			pl.pause()
			pl.stop();
			$('#bigPhoto').attr('name', re);
			if(re!=0){
				pl.play([re, url]);
			}else{
				pl.play(url);
			}

		}else{
		$('#bigPhoto').stop();
		$('#imgLoading').hide();

		var showImage = function() {
			$('#imgLoading').hide();
			$('#bigPhoto').attr('src', url);
			var s = String(url);
			if(dis==0){
				$("#bigPhoto_a2").show();
				$("#bigPhoto_a").addClass('thickbox');
				$("#bigPhoto_a2").addClass('thickbox');
				flag = true;
				var url2 = s.replace(/_420./g, '_600.');
				$("#bigPhoto_a").unbind()
				$("#bigPhoto_a2").unbind()
				tb_init("#bigPhoto_a");

			}else{
				$("#bigPhoto_a2").hide();
				$("#bigPhoto_a").unbind()
				$("#bigPhoto_a").removeClass('thickbox');
				$("#bigPhoto_a2").unbind()
				$("#bigPhoto_a2").removeClass('thickbox');
				flag = false;
				var url2 = s.replace(/_420./g, '_600.');
			}
			$('#bigPhoto_a').attr('href', url2);
			$('#bigPhoto_a2').attr('href', url2);
			
			$('#bigPhoto_caption').html(capt);
			$('#bigPhoto').animate({ opacity: 1 }, 700);
		}
		var loaded = false;
		var closed = false;
		var imgPreloader = new Image();
		imgPreloader.onload = function() {
			loaded = true;
			imgPreloader.onload = null;
			if (closed || $.browser.msie)
				showImage($(this).attr('src'));
		};
		imgPreloader.src = url;
		if (!loaded) {
			$('#linkDownload').hide();
			$('#bigPhoto').animate({ opacity: 0 }, 700, function() {
				closed = true;
				if (!loaded)
					$('#imgLoading').show();
				else
					showImage();
			});
		}
		}
		return false;
	});
	var loading = new Image();
	flag = 0;
	flag2 = 0;

	loading.src = '/images/loadingAnimation.gif';
	function big_bl(disp){
          if(disp == 1)
              document.getElementById("bigPhoto_plus").style.display = "block";
          else
              document.getElementById("bigPhoto_plus").style.display = "none";
      }

	$("#bigPhoto").hover(
	
		function () {
			big_bl(1);
		  }, 
		 function () {
			big_bl(0);
		}
	);

	$("#bigPhoto_plus_i").hover(
	
		function () {
			big_bl(1);
		  }, 
		 function () {
			big_bl(0);
		}
	);
	
});