var uid = (
	function(){
		var id=0;
		return function(){
			return id++ ;
		};
	}
)();

$(document).ready(function(){
	
	//fix columns
	m = $("#middle").height();
	l = $("#left").height();
	if(l < 400 && m < 400)
		m = 400;
	if(l > m)
		$("#middle").height(l);
	else
		$("#left").height(m);
		
	//add login sub...
	$("#topmenu ul:eq(0) li a").each(function(){
		if($(this).attr('href').indexOf('login') > 0)
			$(this).parent().append('<ul class="login_submenu"><li><div class="loginform form clear"><form method="post" action="/login"><label class="login"><span>user </span><input type="text" class="input" name="login[login]" value="login" onfocus="if(this.value==\'login\') this.value = \'\';" /></label><br /><label class="password"><span>password </span><input type="password" class="input" name="login[passw]" value="password" onfocus="if(this.value==\'password\'){this.value = \'\';this.type = \'password\'}" /></label><br /><label class="login_but"><input type="submit" class="submit" value="login" /></label> <input type="hidden" name="" value="" /></form></div></li></ul>');
	});

	//clear search val?
	$("#site_search input:eq(0)").focus(function(){
		if($(this).val() == 'search')
			$(this).val('');
	});

	//top subs reposition
	$("#topmenu ul ul").each(function(){
		if($(this).width() + $(this).parent().offset().left > $("#container").width()){
			i = ($(this).parent().offset().left + $(this).width()) - ($("#container").width() + $("#container").offset().left) + 15;
			if(i > 0)
				$(this).css('margin-left', i * -1);
		}
	});

	//top and left submenu's
	$("#topmenu ul li,#menu ul li").hover(
		 function(){
			 if($(this).children('ul:eq(0)').is(':hidden'))
				 $(this).children('ul:eq(0)').css('display','block');
		 },
		 function(){
			 if($(this).children('ul:eq(0)').is(':visible'))
				 $(this).children('ul:eq(0)').css('display','none');
		 }
	 );


	//change all popups...
	var img = new Array();
	var i = null;
	$(".article a").each(function(){
		s = "dow.open(this.href,";
		if($(this).attr('onclick'))
			i = $(this).attr('onclick').toString().indexOf(s);

		if(i){
		
			w = 640;
			h = 480;
			
			u = $(this).attr('href');
			var id = u.substring(u.lastIndexOf('/')+1,u.lastIndexOf('.')).toLowerCase() + '_' + uid();
			e = u.substring(u.lastIndexOf('.')+1).toLowerCase();
			
			$(this).attr('id',id);
			if(e == 'png' || e == 'gif' || e == 'jpg'){
				img[id] = new Image();
				img[id].onload = function(){
					img[id].onload = null;
					w = img[id].width;
					h = img[id].height;

					$("a#" + id).attr('onclick',"").addClass('popWindowLink').attr('href',"javascript:popWindow('" + u + "'," + w + "," + h + ");");
				}
				img[id].src = u;
			}
		}
	});

	//nice tables...
	$(".article .content table").each(function(){
		if($(this).attr('border') == 2){
			$(this).attr('border','0').attr('cellpadding','0').attr('cellspacing','0').addClass('product_table');
			$(this).find('tr').addClass('table_data');
			$(this).find('tr:eq(0)').removeClass('table_data').addClass('table_header');
			$(this).find('tr:eq(1)').removeClass('table_data');
		}
	});

	//set clicked button down
	$("#menu a.buttonID_" + $("#container").attr('class').split('mainButtonID_')[1]).addClass('buttonDown');

});


//emulate popup function...
function popWindow(u,w,h){
	e = u.substring(u.lastIndexOf('.')+1).toLowerCase();
	if(e == 'png' || e == 'gif' || e == 'jpg')
		popEl = $("<div class=\"popWindowDiv\" style=\"display:block;\"><img src=\""+ u +"\" width=\"" + w + "\" height=\"" + h + "\" border=\"0\" /></div>");
	else
		popEl = $("<div class=\"popWindowDiv\" style=\"display:block;\"><iframe src=\""+ u +"\"  width=\"" + w + "\" height=\"" + h + "\" border=\"0\" frameborder=\"0\"></iframe></div>");
	popEl.modal();
	$("#modalContainer").css('height',h).css('width',w).css('margin-left',(w / 2) * -1); 
}