$(function() {
    $('.boxes .box1-inner').equalHeights();

    // box hover
    $('.boxes .box1').hover(function() {
        $(this).addClass('active');
    }, function() {
        $(this).removeClass('active');
    });
    // form hover
    $('.inner .box .form .text-input2, .inner .box .form .textarea-holder, .gallery .item, .boxes .box1 .img-hodler').hover(function() {
        $(this).addClass('active-bg');
    }, function() {
        $(this).removeClass('active-bg');
    });
    initInputs(); // clear input/textarea
    initGalleries();
    initFooterTooltips();
    initAboutToolTips();
    initMainToolTips();
});
function initInputs(){
	var _inputs = document.getElementsByTagName('input');
	var _val = [];
	for(i=0;i<_inputs.length;i++) {
		if (_inputs[i].type=='text') {
			_val[i] = _inputs[i].value;
			_inputs[i].index = i;
			_inputs[i].onfocus = function(){
				if(_val[this.index] == this.value) this.value = '';
			}
			_inputs[i].onblur = function(){
				if(_val[this.index] == this.value || this.value == '') this.value = _val[this.index];
			}
		}
	}
        var _textareas = document.getElementsByTagName('textarea');
	var _val2 = [];
	for(i=0;i<_textareas.length;i++) {
            _val2[i] = _textareas[i].innerHTML;
            _textareas[i].index = i;
            _textareas[i].onfocus = function(){
                    if(_val2[this.index] == this.innerHTML) this.innerHTML = '';
            }
            _textareas[i].onblur = function(){
                    if(_val2[this.index] == this.innerHTML || this.innerHTML == '') this.innerHTML = _val2[this.index];
            }
	}
}
function initGalleries(){
    $('.gallery').galleryScroll({
	holderList: 'div.item-holder',
        scrollElParent: 'div.item-list',
        scrollEl: 'div.item',
        autoSlide: 5000
    });
    $('.inner .box .image-holder').galleryScroll({
        btPrev: '.bg-prev-hidden',
        btPrev: '.bg-next-hidden',
        autoSlide: 3000
    });
}
function initFooterTooltips(){
    $('#footer .side .logos li a').hover(function(){
        var _html = trim($(this).find('span.bg').text());
        $(this).css({
            'overflow':'visible',
            'text-indent':0,
            'position':'relative'
        });
        $(this).html('<span class="tooltip"><span class="bg-left">&nbsp;</span><span class="bg">' + _html + '</span><span class="bg-right">&nbsp;</span></span>')
        $(this).find('span.tooltip').show();
    },function(){
        $(this).css({
            'overflow':'hidden',
            'text-indent':'-9999px',
            'position':'static'
        });
        $(this).find('span.tooltip').hide();
    });
    var _x = 0;
    var _y = 0;
    $('#footer .side .logos li a').mousemove(function(e){
        var offset = $(this).offset();
        _x = e.pageX - offset.left + 5;
        _y = e.pageY - offset.top - 30;
        if ($('span.tooltip').get(0)) {
            $('span.tooltip:visible').css({left:_x,top:_y})
        }
    });
}
function initAboutToolTips(){
    $('.inner .box .links li a').hover(function(){
        var _html = trim($(this).find('span.bg').text());
        $(this).css({
            'overflow':'visible',
            'text-indent':0,
            'position':'relative'
        });
        $(this).html('<span class="tooltip"><span class="bg-left">&nbsp;</span><span class="bg">' + _html + '</span><span class="bg-right">&nbsp;</span></span>')
        $(this).find('span.tooltip').show();
    },function(){
        $(this).css({
            'overflow':'hidden',
            'text-indent':'-9999px',
            'position':'static'
        });
        $(this).find('span.tooltip').hide();
    });
    var _x = 0;
    var _y = 0;
    $('.inner .box .links li a').mousemove(function(e){
        var offset = $(this).offset();
        _x = e.pageX - offset.left;
        _y = e.pageY - offset.top - 30;
        if ($('span.tooltip').get(0)) {
            $('span.tooltip:visible').css({left:_x-$(this).find('span.bg').width()-20,top:_y})
        }
    });
}
function initMainToolTips() {
    $('.content-inner .box .banner').hover(function(){
        var _text = trim($(this).find('span.txt').text());
        var _html = $(this).attr('title');
        $(this).css('position','relative');
        $(this).html('<span class="txt">' + _text + '</span>' + '<span class="tooltip"><span class="bg-left">&nbsp;</span><span class="bg">' + _html + '</span><span class="bg-right">&nbsp;</span></span>')
        $(this).find('span.tooltip').show();
    },function(){
        $(this).css('position','static');
        $(this).find('span.tooltip').hide();
    });
    var _x = 0;
    var _y = 0;
    $('.content-inner .box .banner').mousemove(function(e){
        var offset = $(this).offset();
        _x = e.pageX - offset.left;
        _y = e.pageY - offset.top - 30;
        if ($('span.tooltip').get(0)) {
            $('span.tooltip:visible').css({left:_x,top:_y})
        }
    });
}
function trim(string) {
    return string.replace(/(^\s+)|(\s+$)/g, "");
}