// JavaScript Document

	// homepage slider vars and functions
	var gallery = false;
	var galleryIndex = 0;
	var galleryPaused = true;
	var galleryAction = false;
	var gallerySpeed = 1000;	// 1000
	var galleryTime = 4000;		// 5000
	function sliderForward() {
		galleryIndex++;
		if (galleryIndex >= gallery.length) {
			galleryIndex = 0;
		}
		sliderUpdate(galleryIndex);
	}
	function sliderPlay() {
		$('#slider_play').addClass('pause');
		galleryPaused = false;
		galleryAction = setInterval('sliderForward()', galleryTime);
	}
	function sliderUpdate(index) {
		if ($('#slider')) {
			$('#slider_caption').fadeOut(gallerySpeed);
			$('#slider_image').fadeOut(gallerySpeed, function() {
				$('#slider').css('background-image', 'none');			
				$('#slider_image').css('background-image', 'url(' + gallery[index].path + ')');
				$('#slider_image').css('background-position', 'top center');
				$('#slider_caption').html(gallery[index].caption);
				$('#slider').click(function() { 
					window.location = '/projects/project/' + gallery[index].id;
				} );
				$('#slider_image').fadeIn(gallerySpeed);
				$('#slider_caption').fadeIn(gallerySpeed);
			} );
		}
	}

	// project modal windows
	function modalUpdate(id) {
		$('.selectedProject').removeClass('selectedProject');
		$('#project' + id).addClass('selectedProject');
		var opts = $('#project' + id + ' a')[0].rel.split('|');
		$.post('./../../data/project', { id:opts[0] }, function(data) { 
			// set vals
			document.getElementById('projectPrint').href = '../../projects/project/' + opts[0] + '/print/';
			document.getElementById('projProjectName').innerHTML = data.projectname;
			document.getElementById('projProjectClient').innerHTML = data.clientname;
			document.getElementById('projProjectLoc').innerHTML = data.location;
			if (data.architect.length) {
				$('.architect').css('display', 'block');
			} else {
				$('.architect').css('display', 'none');
			}
			document.getElementById('projProjectArchitect').innerHTML = data.architect;
				if (data.description.length) {
				document.getElementById('projProjectDesc').style.display = 'block';
			} else {
				document.getElementById('projProjectDesc').style.display = 'none';
			}
			document.getElementById('projProjectDesc').innerHTML = data.description;
			var l = data.images.length;
			var o = '';
			if (0 != l) {
				for (var i = 0; i < l; i++) {
					if (0 == i) {
						var img = new Image();
						img.onload = function() {
							$('#projectImageWrap').css('backgroundImage', 'url("' + this.src + '")').height(this.height);
						}
						img.src = data.images[i].replace('-thumb', '');
					}
					o += '<a href="#" onclick="return false;"';
					if (0 == i)
					{
						o += ' class="selected"';
					}
					o += '><img src="' + data.images[i] + '" height="60" width="60" onclick="imageUpdate(this);" /></a>';
				}
			} else {
				document.getElementById('projectImage').src = '';	
			}
			document.getElementById('projectThumbs').innerHTML = o;
			document.getElementById('projCount').innerHTML = opts[1];
			// make sure modal window is scrolled up
			document.getElementById('proj').scrollTop = 0;
		}, 'json' );
	}
    
      
function imageUpdate22(img) {
		document.getElementById('projectImage').src = img.src.replace('-thumb', '');
		return false;
	}
    
    
    
    
    
	function imageUpdate(img) {
		// change selected status
		$('a.selected').removeClass('selected');
		$(img.parentNode).addClass('selected');
		$('#projectImageWrap').css('backgroundImage', 'url("./../../images/ajax-loader.gif")');
		var img2 = new Image();
		img2.onload = function() {
			$('#projectImageWrap').css('backgroundImage', 'url("' + this.src + '")').height(this.height);
		}
		img2.src = img.src.replace('-thumb', '');
		return false;
	}
    
    
    
    	function imageUpdate2(img) {
		// change selected status
		$('a.selected').removeClass('selected');
		$(img.parentNode).addClass('selected');
		$('#projectImage').css('backgroundImage', 'url("./../../images/ajax-loader.gif")');
		var img2 = new Image();
		img2.onload = function() {
			$('#projectImage').css('backgroundImage', 'url("' + this.src + '")').height(this.height);
		}
		img2.src = img.src.replace('-thumb', '');
		return false;
	}
    
    
//Disabls links on an iPad from going to the images -- in malkinconstruction.com/projects/project/#
$(".proj2 #projectThumbs a").click(function(){return false;});
    
    
    
    
    

	// external launch
	function external_launch(href) {
//		newwin = window.open(href, 'newwin', 'height=' + $(window).height() + ',width=' + $(window).width());
		newwin = window.open(href, 'newwin', 'height=' + screen.height + ',width=' + screen.width + ',status=1,toolbar=1,location=1,menubar=1,resizable=1,scrollbars=1');
		newwin.focus();
		return false;
	}

// document is ready
$( function() {

	// external links
	$('a[rel=external], a.pdf').click(function() {
		return external_launch(this.href);
	} );

	// homepage slider
	if (document.getElementById) {
		if (document.getElementById('slider')) {
			// ability to click on slider_info and slider independently
			$('#slider_info').click( function(e) {
				e.stopPropagation();
			} );
			if ($('#slider')) {
				// ajax info and update slider
				gallery = fast_gallery;
			}
			// auto-play
			sliderPlay();
		}
	}

	// nav rollover
	$('#nav li').hover(
		function ()
		{
			if (this.id)
			{
				var id = this.id;
				var height = $('#' + id).height();
				$('#' + id + ' ul').show().css('top', height);
			}
		},
		function ()
		{
			if (this.id)
			{
				var id = this.id;
				$('#' + id + ' ul').hide();
			}
		}
	);

	// project modal windows
	$('.project_new').click(function() {
		// split opts string
		var opts = this.getAttribute('rel').split('|');
		// set position on page
		galleryIndex = opts[1];
		var scrollTop = parseInt($(this).position().top);
		// get requested project
		$.post('./../../data/project', { id:opts[0] }, function(data)
		{ 
			// make sure modal window is scrolled up
			document.getElementById('proj').scrollTop = 0;
			// set vals
			document.getElementById('projectPrint').href = '../../projects/project/' + opts[0] + '/print/';
			document.getElementById('projProjectName').innerHTML = data.projectname;
			document.getElementById('projProjectClient').innerHTML = data.clientname;
			document.getElementById('projProjectLoc').innerHTML = data.location;
			if (data.architect.length) {
				$('.architect').css('display', 'block');
			} else {
				$('.architect').css('display', 'none');
			}
			document.getElementById('projProjectArchitect').innerHTML = data.architect;
			if (data.description.length) {
				document.getElementById('projProjectDesc').style.display = 'block';
			} else {
				document.getElementById('projProjectDesc').style.display = 'none';
			}
			document.getElementById('projProjectDesc').innerHTML = data.description;
			var l = data.images.length;
			var o = '';
			if (0 != l) {
				for (var i = 0; i < l; i++) {
					if (0 == i) {
						var img = new Image();
						img.onload = function() {
							$('#projectImageWrap').css('backgroundImage', 'url("' + this.src + '")').height(this.height);
						}
						img.src = data.images[i].replace('-thumb', '');
					}
					o += '<a href="#" onclick="return false;"';
					if (0 == i)
					{
						o += ' class="selected"';
					}
					o += '><img src="' + data.images[i] + '" height="60" width="60" onclick="imageUpdate(this);" /></a>';
				}
			} else {
				document.getElementById('projectImage').src = '';	
			}
			document.getElementById('projectThumbs').innerHTML = o;
			document.getElementById('projCount').innerHTML = opts[1];
			// show modal window
			var t = null;
			var h = $(window).height() - 100;
			var w = 780;
			var a = '#TB_inline?height=' + h + '&width=' + w + '&inlineId=projWrap&modal=true&offset=' + scrollTop;
			var g = false;
			tb_show(t,a,g);
		}, 'json' );
		return false;
	} );
	$('.btnBack').click(function() {
		galleryIndex--;
		if (galleryIndex < 1) {
			galleryIndex = galleryTotal;
		}
		modalUpdate(galleryIndex);
		return false;
	} );
	$('.btnNext').click(function() {
		galleryIndex++;
		if (galleryIndex > galleryTotal) {
			galleryIndex = 1;
		}
		modalUpdate(galleryIndex);
		return false;
	} );

} );