d = document;
IE = navigator.userAgent.match(/MSIE (5\.5|6|7).+Win/);
if (IE) IE.version = IE[1];

function offTimer() {
	if (document.timer) {
		window.clearTimeout(document.timer);
		document.timer = null;
	}
}

function show(obj) {
	if (document.getElementById('sub' + obj)) document.getElementById('sub' + obj).style.display = 'block';
	document.getElementById('i' + def).className = '';
	document.getElementById('i' + obj).className = 's';
}

function hide() {
	if (document.vis_l3) {
			document.getElementById(document.vis_l3).style.display = 'none';
			document.vis_l3 = null;
		};
	if (document.getElementById('sub' + document.vis)) document.getElementById('sub' + document.vis).style.display = 'none';
	document.getElementById('i' + document.vis).className = '';
	document.getElementById('i' + def).className = 's';
}
function on(obj) {
	offTimer();
	if (document.vis) {
		hide();
	}
	show(obj);
}

function off(obj) {
	document.vis = obj;
	document.timer = window.setTimeout('hide()', 300);
}

function preload(obj) {
	new Image().src = obj;
};

function change(n) {
	d.getElementById('choose_pct').src = 'img/pct/choice_pct_' + n + '.jpg';
}

function change2(obj, img) {
	img = (img == '')? def2[0] : img;
	txt = (obj == '') ? def2[1] : obj.innerHTML;
	d.getElementById('cat_pct').src = img;
	d.getElementById('cat_title').innerHTML = txt;
} 

function close_pop() {
	var shade1 = d.getElementById('shade');
	shade1.style.display = 'none';
	this.parentNode.parentNode.removeChild(this.parentNode);
	return (false);
}

function show_image_pop(w, h, path) {
	
	if (!d.flag1) {
		var sh = d.createElement('div');
		sh.id = 'shade';
		sh.className = 'shade';
		d.body.appendChild(sh);
	}
	
	var shade1 = d.getElementById('shade');
	shade1.style.height  = d.documentElement.scrollHeight+'px';
	
	if (d.documentElement.clientHeight > parseInt(shade1.style.height))  shade1.style.height = d.documentElement.clientHeight + 'px';
	shade1.style.display = 'block';
	shade1.style.width = d.documentElement.scrollWidth+'px';

	var obj = d.createElement('div');
	obj.className = 'popup';
	
	var x = d.createElement('a');
	x.className = 'close';
	x.innerHTML = '<img src="img/push/close.gif" alt="X" title="X">';
	x.href='#';
	x.close_pop = close_pop;
	x.onclick = close_pop;
	
	obj.onclick = function() {
		this.firstChild.close_pop();	
	}
	
	
	var imgobj = d.createElement('img');
	imgobj.className = 'b';
	
	
	d.body.appendChild(obj);
	obj.appendChild(x);
	obj.appendChild(imgobj);
	
	obj.style.display = 'block';
	
	
	imgobj.src = path;
	
	obj.style.width  = (w)+'px';   imgobj.width  = w;
	obj.style.height = (h)+'px';   imgobj.height = h;
	obj.style.left   = ((d.documentElement.offsetWidth - parseInt(obj.offsetWidth)) / 2) + 'px';
	var toppos = (d.documentElement.clientHeight/2 + d.documentElement.scrollTop - obj.offsetHeight/2);
	
	if (toppos < 0) toppos = 0; 
	obj.style.top =  toppos + 'px';
	
}

function add_node(n, opts, to) {
	var o = d.createElement(n);
	
	for (var i in opts) {
		if (i == 'style') {
			for (var j in opts[i]) o.style[j] = opts[i][j];
		} else {
			o[i] = opts[i];	
		}
	}
	
	if (to) to.appendChild(o);	
	delete opts;	
	return o;
}

function extend(o, opts) {
	for (var i in opts) o[i] = opts[i];		
	delete opts;
	return o;	
}


function make_car(o, v) {
	
	var o = $('#'+o);
	o.data('hdr', $('h3',o));
	
	o.scr = function() {
		if (!this.o.flag) clearInterval(this.o.t1);
		
		var controls = o.data('controls');
		
		var scr = this.scr[0];		
		
		scr.scrollLeft -= 10*this.dr;	
		
		if (scr.scrollLeft < 1) {
			controls[0].addClass('dis');
		} else if (controls[0].hasClass('dis')) {
			controls[0].removeClass('dis');	
		}
		
		if (scr.scrollLeft >= scr.scrollWidth - scr.offsetWidth) {
			controls[1].addClass('dis');
		} else if (controls[1].hasClass('dis')) {
			controls[1].removeClass('dis');	
		}
		
		
		return (false);
	}
	
	o.b = $('#'+o[0].id+' .bl');
	
	o.f = o.b.children('.s');
	if (o.f.length < 1) o.f = o.b.children(':first').addClass('s'); 
	o.data('f', o.f).data('s', o.f).data('b', o.b);
	o.step = o.f[0].offsetWidth;
	
	var w = 0;
	
	o.b.children('a').each(function(i, o) {w+=o.offsetWidth; });	
	
	var url2 = o.f.children('img').attr('src');
        url2 = url2.split('/images/thumb/78/').join('/images/thumb/300/');
	
	o.b.wrapInner('<div></div>').children(':last').css('width', w+4); //o.b.children(':last').children().length*o.step
	
	
	
		
	var itms = $('a', o.b).data('_p', o).click(function() {
		var o = $(this), _p = o.data('_p'), s = _p.data('s'), v = _p.data('view');
		
		s.removeClass('s');
		o.addClass('s');
		_p.data('s', o);
		
		$.get(o.attr('href'), false, function(d) {v.data('pr').html(d)});
		
		var src = $(this).children('img').attr('src');
                src = src.split('/images/thumb/78/').join('/images/thumb/300/');

		v.data('pad').data('area').removeAttr('style').fadeTo(500, 0.5);
		v.data('pad').children('img').attr('src', src).removeAttr('width');
		return (false);
	})
	.hover(function() {
		var o = $(this).addClass('s1');				
	}, function() {
		var o = $(this).removeClass('s1');				
	}  );
	
	a1 = $(add_node('a', {className:'l', href:'#', scr:o.b, o:o, dr:1, act:o.scr})).html(add_node('img', {src:"img/push/arrl.gif",alt:"<",width:29,height:75})).addClass('dis').click(o.scr).mouseover(function() {clearInterval(this.o.t1); this.o.flag = true; var o=this, act=function() {o.act()}; o.o.data('b').fadeTo(300, 0.5); this.o.t1 = setInterval(act, 10);}).mouseout(function() {this.o.data('b').fadeTo(500, 1); this.o.flag = false; });
	a2 = $(add_node('a', {className:'r', href:'#', scr:o.b, o:o, dr:-1, act:o.scr})).html(add_node('img', {src:"img/push/arrr.gif",alt:">",width:29,height:75})).addClass((w>o.b[0].offsetWidth) ? '' : 'dis').click(o.scr).mouseover(function() {clearInterval(this.o.t1); this.o.flag = true; var o=this, act=function() {o.act()}; o.o.data('b').fadeTo(300, 0.5); this.o.t1 = setInterval(act, 10);}).mouseout(function() {this.o.data('b').fadeTo(500, 1); this.o.flag = false; });
	
	if (o.f[0].offsetLeft > parseInt(o.b.css('width'))) {
		o.b[0].scrollLeft = o.f[0].offsetLeft;
		a1.removeClass('dis');
	}
	
	o.prepend(a1, a2).data('controls',[a1, a2]);
	
	
	
	o.v = function(o, url, url2) {
                
                
		var o = $('#'+o);
		
		
		o.preview = $(add_node('div', {className:'b1'})).ajaxComplete(function() {				
				var o=$(this), pad = o.parent().data('pad').data('area'), p = o.parent();
				$('h3', p.parent()).text(p.data('c').data('s').children(0).attr('alt'));
                o.data('ratio', (o.attr('scrollHeight')/o.height()));
				pad.css({width:(o.height()/o.data('ratio')), height:(o.height()/o.data('ratio')), display:'block'});
			}).load(url);
		o.pad = $(add_node('div', {className:'b2'})).append($(add_node('img')).attr('src',url2));
		var area = $(add_node('div', {className:'area'})).fadeTo(300, 0.5);
		o.pad.data('area',area).data('pr',o.preview).append(area).mousemove(function(e) {
			var o = $(this), offset = o.offset(), a = o.data('area'), pr = o.data('pr');
			
			a.wh = [a.attr('offsetWidth'), a.attr('offsetHeight')];	
			
			
			var xy = [e.pageX-offset.left-(a.wh[0]/2), Math.round(e.pageY-offset.top)-(a.wh[1]/2)];
			
			(xy[0]<-2) ? xy[0]=-2 : (xy[0]>o.attr('offsetWidth')-a.wh[0]-2) ? xy[0]=o.attr('offsetWidth')-a.wh[0]-2 : xy[0];
			(xy[1]<-2) ? xy[1]=-2 : (xy[1]>o.attr('offsetHeight')-a.wh[1]-2) ? xy[1]=o.attr('offsetHeight')-a.wh[1]-2 : xy[1];
			
			
			a.css({'left':(xy[0]),'top':(xy[1])});
			pr.scrollLeft(xy[0]*pr.data('ratio')).scrollTop(xy[1]*pr.data('ratio'));
			
		});
		if (!$.browser.msie) o.pad.mouseover(function() {$(this).data('area').stop().fadeTo(500, 1)}).mouseout(function() {$(this).data('area').stop().fadeTo(500, 0.5)});
		o.append(o.preview, o.pad).data('pr', o.preview).data('pad', o.pad);
		
		return o;
	}(v, o.f.attr('href'), url2);
	
	o.data('view', o.v);
	o.v.data('c', o);
}


	
$().ready( function() {
		Cufon.replace('h2.hdr, h2.u', {fontWeight:'normal'});
		Cufon.replace('h2.hdr .categ', {fontWeight:'normal'});
		Cufon.now();
	});
