var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

function jsddm_open()
{	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function jsddm_close()
{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{	closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{	if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}

$(document).ready(function()
{	$('#jsddm > li').bind('mouseover', jsddm_open);
	$('#jsddm > li').bind('mouseout',  jsddm_timer);});

document.onclick = jsddm_close;

//Detecting Browser...
var userAgent = navigator.userAgent.toLowerCase();
$.browser = {
	version: (userAgent.match( /.+(?:rv|it|ra|ie|me)[\/: ]([\d.]+)/ ) || [])[1],
	chrome: /chrome/.test( userAgent ),
	safari: /webkit/.test( userAgent ) && !/chrome/.test( userAgent ),
	opera: /opera/.test( userAgent ),
	msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
	mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};
// make prefix path for images...
prefixUrl = 'http://' + location.hostname + prefixUrl;
//for round corners...
var leftTopCorner = '<img src="'+prefixUrl+'/templates/optime_group_front/images/lft_crnr.jpg" style="float:left; margin-top:3px; margin-right:-5px; z-index: 100; position: relative;" alt="" width="5" height="5" class="corner" />';
var rightTopCorner = '<img src="'+prefixUrl+'/templates/optime_group_front/images/rt_crnr.jpg" style="float:left; margin-top:3px; margin-left:-5px;z-index: 100; position: relative;" alt="" width="5" height="5" class="corner" />';
$(document).ready(function() {
	// For active navigation.
	if($.browser.msie == true) {
		$('li.active').before(leftTopCorner);
		$('li.active').after(rightTopCorner);
	} else {
		$('#jsddm > li.active').corner("top").corner('round 4px');
	}
	
	$('#jsddm > li').mouseover(function() {
		for(var i=0;i<$('#jsddm > li').length;i++) {
			id = '#mainli'+i;
			if($(id + ' > ul').is(":visible") == true) {

				// Id browser is IE then use images for corners.
				if($.browser.msie == true) {
					$(id).not(id+'.active').before(leftTopCorner);
					$(id).not(id+'.active').after(rightTopCorner);	
				} else {
					$(id).corner("top").corner('round 4px');
				}
				
				break;
			}
		}
	});

	$('#jsddm > li').mouseout(function() {
		if($.browser.msie == true) {
			$('#jsddm img').remove();
			$('li.active').before(leftTopCorner);
			$('li.active').after(rightTopCorner);	
		}
	});
});



function adjustMenusWidth(id, lenth) {		
	// Detecting Browser...
	var userAgent = navigator.userAgent.toLowerCase();
	$.browser = {
		version: (userAgent.match( /.+(?:rv|it|ra|ie|me)[\/: ]([\d.]+)/ ) || [])[1],
		chrome: /chrome/.test( userAgent ),
		safari: /webkit/.test( userAgent ) && !/chrome/.test( userAgent ),
		opera: /opera/.test( userAgent ),
		msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
		mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
	};
	
	if( $.browser.msie == true && ($.browser.version == 7.0 || $.browser.version == 6.0) ) {
		
		if(lenth > 4 && lenth < 7) {
			wdth = (lenth*15);
		} else if(lenth >= 7 && lenth < 12) {
			wdth = (lenth*11);
		} else if(lenth >= 12 && lenth < 20) {
			wdth = (lenth*9.5);
		} else if(lenth == 4) {
			wdth = (lenth*16);
		} else {
			wdth = (lenth*18);
		}
					
		$(id).attr('style', 'width: '+wdth+'px;');
	}
}

$(document).ready(function() {
	// main navigation width
	var wdth = $('li.active > a').html().length;
	var id = 'li.active';
			
	adjustMenusWidth(id, wdth);
	if( $("#content_left").height() > $("#content_rt").height() ) {
		$("#content_rt").attr("style", "height:"+ $(".content").height()+"px");
	}		
});