/* js for idea engineers */

$(document).ready( function() {
    
    $('.blogContent').hide();
    
    //if ($('.blogContent').is(":hidden")) {
    //    $('.readMoreBlog').text("Read more");
    //} else {
    //    $('readMoreBlog').text("Read less");
    //}
    //
    
    $('.readMoreBlog').addClass('close');
    
    $('.readMoreBlog').click( function() {
        var divToSlide = $(this).parent().find(".blogContent");
	  divToSlide.slideToggle("slow");
	  if ($(this).hasClass('open')) {
	    $(this).removeClass('open');
	    $(this).addClass('close');
	  } else {
	    $(this).removeClass('close');
	    $(this).addClass('open');
	  }
    });
    
    $('.gallery').galleria({
            width:542,
            height:585
    });
    
    $('.logoPic').click( function() {
	var winheight = $(window).height();
	var winwidth = $(window).width();
	var itemwidth = $('.clientAbout').width();
	var itemheight = $('.clientAbout').height();
	var imgsrc = $(this).html();
	var imgdesc = $(this).attr('data-desc');
	var imgtitle = $(this).attr('data-title');
	
	$('body').css({ overflowX: 'hidden' });
	$('.clientAbout').css({ top : ((winheight/3) - (itemheight/2)), left: ((winwidth/2) - (itemwidth/2)) });
	$('.clientAboutPic').html(imgsrc);
	$('.CATitle').html(imgtitle);
	$('.CAdesc').html(imgdesc);
	$('#header .bannerimg').hide();
	$('#overlay').fadeIn();
	
    })
    
    $('.client.closeTeam').click( function() {
	$('body').css({ overflow: 'auto' });
	$('#overlay').fadeOut();
	$('#header .bannerimg').show();
    })
    
    $('.aboutPic').click( function() {
	var winheight = $(window).height();
	var winwidth = $(window).width();
	var itemwidth = $('.clientAbout').width();
	var itemheight = $('.clientAbout').height();
	var imgsrc = $(this).html();
	var imgdesc = $(this).attr('data-desc');
	var imgtitle = $(this).attr('data-title');
	var aboutText = $(this).parent().find('.aboutText');
	var title = $(this).parent().find('.aTitle').html();
	var desc = $(this).parent().find('.aDesc').html();
	
	$('body').css({ overflowX: 'hidden' });
	$('.aboutO').css({ top : ((winheight/4) - (itemheight/2)), left: ((winwidth/4) - (itemwidth/2)) });
	$('.aboutPicO').html(imgsrc);
	$('.aTitleO').html(title);
	$('.aDescO').html(desc);
	$('#header .bannerimg').hide();
	$('#overlay').fadeIn();
	
    })
    
    $('.about.closeTeam').click( function() {
	$('body').css({ overflow: 'auto' });
	$('#overlay').fadeOut();
	$('#header .bannerimg').show();
    })
    
    var homediv = $('#homeLogoFinal');
    var rotateID;
    var homeLogos = frontLogos();
    slider(homeLogos);
    startSliding(homeLogos);
    
    function frontLogos () {
	var childElements = Array();
	homediv.children().each(function(index, value){
                childElements.push($(this).attr('src'));
            });
	return childElements;
	}
    
    function slider(homeLogos) {

	homediv.html('');
	//set up first load
	for (i = 1; i <= 4; i++) {
	    //double i count to get next two items
	    //use data var in containing div to hold position
	    var pos = (i * 2) - 1; //to get to the first element 0
	    homediv.append(
				'<div class=homedivContainer data-pos="'+ pos + '" ><img src="' + homeLogos[pos - 1] + '" /><img src="' + homeLogos[pos] + '" /></div>'
			   );
	}
    }
    
    function startSliding (homeLogos) {
	
	//find max value
	var maxInArr = homeLogos.length;
	
	//find start and end points to know when to remove and append
	var startoffset = $('#homeLogosWrapper').position();
	var endoffset = startoffset.left + $('#homeLogosWrapper').width();
	
	//get this rotating
	rotateID = setInterval(function() {
	    var obj = $('#homeLogosWrapper .homedivContainer');
	    var currPos = obj.position();
	    var leftCurr = obj.css('left');
	    leftCurr = parseInt(leftCurr);
	    var newLeft = (leftCurr - 1);
	    //obj.append(newLeft + '<br />');
	    //alert(leftCurr);
	    var currId = obj.attr('data-pos');
	    obj.css({ left : newLeft });
	    
	    //as soon as one moves off screen totally, delete it
	    if (currPos.left < (startoffset.left - obj.width())) {
		//obj.append(currId + ',');
		var newpos = (parseInt(currId) + (obj.length * 2)); 
		var lengthHomeLogosArr;
		//make sure the array length is even, wind down so no broken images if not
		if ((homeLogos.length % 2) != 0) {
		    lengthHomeLogosArr = homeLogos.length - 1;
		} else {
		    lengthHomeLogosArr = homeLogos.length;
		}
		//Attempt at var creation
		var count = 1; //so the loop adds the right number of starting images
		var arrayOffsetBase = (lengthHomeLogosArr - 8) - 1; //this finds the row that is four rows from the end of the array
		var currId = parseInt(currId);
		//currId must equal firs el of arr
		if (currId == (lengthHomeLogosArr + 1) - 8){
		    //alert(newpos + ' // lengtharray: ' + lengthHomeLogosArr + ' // newpos ' + newpos + ' //currId : ' + currId);
		    newpos = 1;
		} else if (currId == (lengthHomeLogosArr + 1) - 6) {
		    newpos = 3;
		} else if (currId == (lengthHomeLogosArr + 1) - 4) {
		    newpos = 5;
		} else if (currId == (lengthHomeLogosArr + 1) - 2) {
		    newpos = 7;
		}
		
		obj.parent().find('*[data-pos="' + currId + '"]').remove();
		//alert(newpos);
		obj.css({ left : obj.width()});
		homediv.append(
				'<div class=homedivContainer data-pos="'+ newpos + '" ><img src="' + homeLogos[newpos - 1] + '" /><img src="' + homeLogos[newpos] + '" /></div>'
			   );
	    }
	    //remove(obj.eq(0));
	}, 100);
	
    }
    
    $('.homedivContainer img').hover( function() {
	clearInterval(rotateID);
	//$(this).css({ zIndex : 9999, backgroundColor : 'white', opacity : 1});
	//$('#homeLogosWrapper').css({ opacity : 0.5, backgroundColor : 'rgba( 0, 0, 0, 0.8 )' });
    }, function() {
	startSliding(homeLogos);
	//$(this).css({ zIndex : 1});
	//$('#homeLogosWrapper').css({ opacity : 1, backgroundColor : 'transparent' });
    })
});