$j(document).ready(function() {
    jInit();
});

function jInit() {
    
    // Move any modal windows to end of dom
    $j('.ModalPopup, .GrayedOut').appendTo('body');
    
    if ($j('#profileTabs').length > 0) {
        $tabs = $j('#profileTabs > ul')
            .tabs()
            .bind('tabsshow',function(event, ui){
                addCorners();
            });
        addCorners();
    } else if (hasNativeCorners() == false) {
        $j('#notifyDays > h1').cornerz({ radius: 8, background: '#EDF5F4' });
        $j('#notifications .blue .white .blue').cornerz({ radius: 8, background: '#FFF' });
        $j('#notifications .blue .white').cornerz({ radius: 8, background: '#EDF5F4' });
        $j('#notifications > div > .blue').cornerz({ radius: 8, background: '#FFF' });
        $j('#notifications > div > h1').cornerz({ radius: 8, background: '#FFF' });
        $j('#notifications > div').cornerz({ radius: 8, background: '#ededed' });
    }
    

    
    if ($j('.datepicker').length > 0) {
        $j('.datepicker').datepicker({
            showOn: 'both',
            buttonImage: '/translink/images/calendar-icon.gif',
            buttonImageOnly: true,
            dateFormat: 'mm-dd-yy',
            buttonText: 'Choose'
        });
    }
    
    

//    $j('.collapsible h1').click(function() {
//        $j(this).toggleClass('collapsible-closed');
//        $j(this).siblings('div.box').toggle();
//    });

//    // Collapsible
//    $j('.collapsible h3').click(function() {
//        $j(this).toggleClass('collapsible-closed');
//        $j(this).next().toggle();
//    });


    $j('a.help').click(function(e) {
        showToolTip($j(this).next(), e);
    });


    // Add permanent hover state to Transit Type that's selected
    $j('#transitMode li').each(function() {
        if ($j('a', this).hasClass('selected')) {
            $j(this).addClass('hover');
        }
    });

    $j('#transitMode2 li').each(function() {
        if ($j('a', this).hasClass('selected')) {
            $j(this).addClass('hover');
        }
    });

    // Add hover to Transit Types that aren't selected
    $j('#transitMode li').filter(function() {
        return ($j('a.selected', this).hasClass('selected')) ? false : true;
    })
    .hover(function() {
        $j(this).toggleClass('hover');
    }, function() {
        $j(this).toggleClass('hover');
    });

    $j('#transitMode2 li').filter(function() {
        return ($j('a.selected', this).hasClass('selected')) ? false : true;
    })
    .hover(function() {
        $j(this).toggleClass('hover');
    }, function() {
        $j(this).toggleClass('hover');
    });

    if ($j('#col2 input:checkbox').length > 0) {
        $j('#col2 input:checkbox').click(function() {
            $j('#stopCnt').text(parseInt($j('#col2 input:checked').length));
        });
        $j('#stopCnt').text(parseInt($j('#col2 input:checked').length));
    }
}


function addCorners() {
    if (hasNativeCorners() == false) {
        $j('#profileTabs .ui-tabs-panel:visible').each(function(){
            if(!$j(this).data('rounded')) {
                $j('.blue .white, .section h1', $j(this)).cornerz({ radius: 8, background: '#edf5f4' });
                $j('.section, .box .blue', $j(this)).cornerz({ radius: 8, background: '#fff' });
                $j('#profileTabs .ui-tabs-panel:visible > div > h1').cornerz({ radius: 8, background: '#fff' });
                $j(this).cornerz({ radius: 8, background: '#EDEDED', corners:'tr, br, bl' });
                $j(this).data('rounded', true);
            }
        });
    }
}

function showToolTip(obj, e) {
	if ($j('.tab-help').length > 0) {
		$j('.tab-help').remove();
	}
	
	var tt = $j('<div class="tab-help"></div>');
	$j('<div class="tab-help-top"></div>').appendTo(tt);
	var middle = $j('<div class="tab-help-middle"></div>').appendTo(tt);
	var target = $j('<div class="tab-help-middle-grey"></div>').appendTo(middle);
	
	$j('<a></a>')
		.addClass('btnClose-x')
		.attr('title', 'Close information box')
		.attr('href', 'javascript:void(0);')
		.click(function(){
			$j('.tab-help').remove();
		})
		.appendTo(target);
	
	target.append($j(obj).html());
	
	// bgiframe may be required for IE
	//tt.bgiframe();
	
	$j('<div class="tab-help-bottom"></div>').appendTo(tt);
	$j('body').append(tt);
	
	var offsetX = tt.width()+20;
	var offsetY = tt.height()+20;
	
	tt.css('top', (e.pageY-offsetY)+'px');
	tt.css('left', (e.pageX-offsetX)+'px');

}

if ($j.browser.msie) {
    var img1 = new Image();
    var img2 = new Image();
    var img3 = new Image();
    var img4 = new Image();
    img1.src = '/translink/images/help_popup_top.gif';
    img2.src = '/translink/images/help_popup_bottom.gif';
    img3.src = '/translink/images/help_popup_tile.gif';
    img4.src = '/translink/images/btnClose_x.gif';
}