jQuery(document).ready(function(){

    //nav
    jQuery('#nav > li').hover(
        function(){ jQuery(this).addClass('Over'); },
        function(){ jQuery(this).removeClass('Over'); }
    );

    //banner
    if (jQuery('#banner div').length > 0) {
        jQuery('#banner').cycle({ fx: 'fade', speed: 3000 });
    }
    
    navTab();
    
    centeringImgVert(); 

});

//centering images vertically
function centeringImgVert(){

	jQuery(window).bind('load', function() {
    	jQuery('img').each(function(){
       		var relValue = jQuery(this).attr('rel');
        	var imgHeight = jQuery(this).height();
        	var parentNodeHeight = jQuery(this).parent().height();
        	if (relValue == 'centeredValign') {
	            var marginTop = (parentNodeHeight - imgHeight)/2;
            	jQuery(this).css('marginTop', marginTop);
        	}
    	});
    });

}

//tabs
function navTab(){

    if (jQuery('#tabs').length > 0) {

        var maxWidth = jQuery('#tabs ul').width();
        var itemNums = jQuery('#tabs ul li').length;
        var itemWidth = 0;
        var itemGap1 = 0;
        var itemGap2 = 0;
        var diagonalGap1 = 26;
        var diagonalGap2 = 32;
        var temp, leftPadding, rightPadding;

        jQuery('#tabs ul li').each(function(){
            itemWidth += jQuery(this).width();
        });

        itemGap1 = (maxWidth - itemWidth) / itemNums;
        temp = Math.round(itemGap1);
        if (temp > itemGap1) {
            itemGap1 = temp - 1;
        }
        else {
            itemGap1 = temp;
        }
        itemGap2 = itemGap1 + (maxWidth - itemWidth) - (itemGap1 * itemNums);

        jQuery('#tabs ul li').each(function(e){

            if (e != 0 && jQuery(this).attr('class') == 'Active') {
                jQuery(this).prev().addClass('Gap');
            }
            if (e == 0) {
                if (jQuery(this).attr('class') == 'Active') {
                    jQuery(this).removeClass('Active');
                    jQuery(this).addClass('FirstActive');
                }
                else jQuery(this).addClass('First');
            }
            if (e == itemNums - 1) {
                if (jQuery(this).attr('class') == 'Active') {
                    jQuery(this).removeClass('Active');
                    jQuery(this).addClass('LastActive');
                }
                else jQuery(this).addClass('Last');
            }

            if (jQuery(this).parent('.Large').length == 0) {
                leftPadding = (itemGap1 - diagonalGap1)/2;
                temp = Math.round(leftPadding);
                if (temp > leftPadding) {
                    leftPadding = temp - 1;
                }
                else {
                    leftPadding = temp;
                }
                rightPadding = itemGap1 - diagonalGap1 - leftPadding;
                if (e == 0){
                    jQuery(this).css({
                        paddingLeft: leftPadding - 1 + Math.abs(itemGap1 - itemGap2),
                        paddingRight: rightPadding + diagonalGap1
                    });
                }
                else {
                    jQuery(this).css({
                        paddingLeft: leftPadding,
                        paddingRight: rightPadding + diagonalGap1
                    });
                }
            }
            else {
                leftPadding = (itemGap1 - diagonalGap2)/2;
                temp = Math.round(leftPadding);
                if (temp > leftPadding) {
                    leftPadding = temp - 1;
                }
                else {
                    leftPadding = temp;
                }
                rightPadding = itemGap1 - diagonalGap2 - leftPadding;
                if (e == 0){
                    jQuery(this).css({
                        paddingLeft: leftPadding - 1 + Math.abs(itemGap1 - itemGap2),
                        paddingRight: rightPadding + diagonalGap2
                    });
                }
                else {
                    jQuery(this).css({
                        paddingLeft: leftPadding,
                        paddingRight: rightPadding + diagonalGap2
                    });
                }
            }
        });

    }

}