function elemOut(e) {
		e = e || window.event;
		return e.relatedTarget || e.toElement;										
	}
	
function Preload(imgs) {
	
	var div = document.createElement("div");
	div.style.position = "absolute";
	div.style.top = div.style.left = 0;
	div.style.visibility = "hidden";
	document.body.appendChild(div);	
	
	for(var i = 0; i < 10; i++) {
		var vPreloadImg = '<img src="'+dir+'images/numbers/'+size+'_'+i+'.png" />';
		div.innerHTML += vPreloadImg;
	}
}





function Portfolio() {
	var loadC = false;
	var p_back = document.getElementById('portfolio_back');
	var backDiv = document.getElementById('portfolio_back_div');
	var nextDiv = document.getElementById('portfolio_next_div');
	var p_next = document.getElementById('portfolio_next');
	var p_icon = document.getElementById('portfolio_icon');	
	var p_ul = document.getElementById('portfolio_img_ul');	
	var p_info = document.getElementById('portfolio_info');
	var step = '692';
	var p_info_height;
	var p_info_height_new;
	var loc = {prev: portfolio_prev_link, next: portfolio_next_link};


	$(document).bind('keydown', keyNav);	
		
		
	function prsd(value, dir) {
				
		
		var new_href = dir ? loc.next : loc.prev, href = window.location.href;				
		var m = href.match(/#([^#]+)(?!#)$/);		
		if(m && m[1]) {
			var end = href.length - m[1].toString().length;
			window.location.href = href.substr(0, end) + new_href;
		}
		else {
			var end = href.length;
			window.location.href = href.substr(0, end) + '#' + new_href;
		}
		
		
		
		var arrFull = value.split('::');
		loc.prev = arrFull[1].split('{}')[0].split('[]')[4];
		loc.next = arrFull[2].split('{}')[0].split('[]')[4]		
		
		
		p_back.href = arrFull[1].split('{}')[0].split('[]')[0];	
		p_next.href = arrFull[2].split('{}')[0].split('[]')[0];
		
		
		
		var arrMain = arrFull[0].split('[]'), animate, ext;									
		var li = document.createElement('li');

		li.innerHTML = arrMain[1];
		if(dir == 0) p_ul.insertBefore(li, p_ul.firstChild);
		else p_ul.insertBefore(li, null);						
					  
			if(dir == 0) {
				p_ul.style.marginLeft = '-'+step+'px';
				animate = '+='+step+'px';
			}
			else animate = '-='+step+'px';
								
				$(p_ul).animate({marginLeft: animate}, function() {
					if(dir == 0) p_ul.removeChild(p_ul.lastChild);
					else { 
						p_ul.removeChild(p_ul.firstChild);
						p_ul.style.marginLeft = '0px';
					}
					
					showIcon('uploads/portfolio/img/'+arrMain[2], {top:arrMain[3],left:arrMain[4],width:arrMain[6],height:arrMain[7]}, arrMain[5]);																	
					showInfo('<h2 class="center">'+arrMain[8]+'</h2><a class="center" href="'+arrMain[9]+'" target="_blank">'+arrMain[9]+'</a><div class="p">'+arrMain[10]+'</div>');
					
					// title
					document.title = arrMain[11];
					pageTracker._trackPageview();					
					// order_banner
					
					oa.reloadEvent();
					ob.reloadEvent();
					
					p_hidden();	
					tooltipInit();
					advBanner(ab.show, ab);
				});
			
																	
	}

	
	p_back.onmouseover = function() {
		backDiv.style.background = 'url(templates/site/images/pointer_left.png) no-repeat 50% 50%';
	};
	$(p_back).mouseout(function(event) {		
		var r = event.relatedTarget;
		if(r != null && r !== undefined && r.id != 'portfolio_back_div') {
			backDiv.style.background = 'url(templates/site/images/pointer_left_min.png) no-repeat 50% 50%';
		}				
	});
	p_next.onmouseover = function() {
		nextDiv.style.background = 'url(templates/site/images/pointer_right.png) no-repeat 50% 50%';
	};
	$(p_next).mouseout(function(event) {
		var r = event.relatedTarget;		
		if(r != null && r !== undefined && r.id != 'portfolio_next_div') {
			nextDiv.style.background = 'url(templates/site/images/pointer_right_min.png) no-repeat 50% 50%';
		}
	});

	
	p_back.onclick = p_next.onclick = function() {		
		if(loadC == false && !this.href.match(/#/)) {			
			
			hideInfo();
			loadC = true;			
			var pHrefId = replaceHI(this.href);			
			if(this.id == 'portfolio_back') loadData(pHrefId, 0);
			else if(this.id == 'portfolio_next') loadData(pHrefId, 1);			
		}
		return false;
	}
	
	function keyNav(event) {
		if (window.event) event = window.event;
		var key = event.keyCode ? event.keyCode : event.which ? event.which : null;
		if(key == 0x1b) hideAll();
		if (event.ctrlKey) {			
			switch (key) {
				case 0x25: 
					if(loadC == false) {
						hideInfo();
						loadC = true;
						var pHrefId = replaceHI(p_back.href);						
						loadData(pHrefId, 0);
					}										
					break;
				case 0x27:
					if(loadC == false) {
						hideInfo();
						loadC = true;
						var pHrefId = replaceHI(p_next.href);
						loadData(pHrefId, 1);
					}			
					break;
		    }
	    }
    }
	
	function changeZIndex(z) {
		if(z == 1) p_icon.style.zIndex = '0';
		else p_icon.style.zIndex = '2';
	}
	
	function showIcon(src, style, z) {				
		changeZIndex(z);
		
		p_icon.innerHTML = '<img class="icon" src="'+src+'" style="top:'+style.top+'px; left:'+style.left+'px; width:'+style.width+'px; height:'+style.height+'px;" />';					
		if ($.browser.msie && $.browser.version == 8) $(p_icon).css({display: 'block'});
		else $(p_icon).fadeIn();
	}
	function hideIcon() {		
		p_icon.style.display = 'none';
	}
	function replaceHI(value) {
		return parseInt(value.match(/\d+$/));
	}
	
	function loadData(id, dir) {
		$(p_ul).find('li').html('').css({background: 'url(templates/images/loader.gif) no-repeat 50% 50%'});
		$.post('index.php', {ajax: true, sec: 'portfolio', id: id}, function(value) {
			$(p_ul).find('li').css({background: 'none'});
			prsd(value, dir);}
		);
	}
	
	function hideInfo() {
		p_info_height = $(p_info).height()+'px';
		$(p_info).css({height: p_info_height});
		$(p_info).animate({opacity: 0});
	}
	function showInfo(data) {
		p_info.innerHTML = data;
		removeBorderTablePrice();
		$(p_info).css({height: 'auto'});
		p_info_height_new = $(p_info).height()+'px';
		$(p_info).css({height: p_info_height});
		$(p_info).animate({height: p_info_height_new}, function() {
			$(p_info).animate({opacity: 1}, function() {					
				loadC = false;
				$(p_info).css({height: 'auto'});				
			});			
		});
		p_info_height = p_info_height_new;
	}
			
	
}


function examplesMenu() {
	var eVisible = new Object();
	var eSelect = $('div.pm div.corners');	
	for(var i = 0; i < eSelect.length; i++) {
		var eOW = eSelect.eq(i).find('.o_wrap').eq(0);
		var eO = eSelect.eq(i).find('.o').eq(0);
		eO.css({marginTop: -eO.height()+'px'});		
		eOW.css({width: eO.width()+17+'px'});			
	}	
	$('div.pm div.corners').click(function() {
		var id = getId(this);
		//alert(id);
		var eCheck = false;
		for(var j in eVisible) {
			if(j == id) eCheck = true;
			else eHide(j);
		}
		if(!eCheck) eShow(id);
		else eHide(id);
		eCheck = false;
	});	
	$('div.pm div.corners').click(function() {
		var eThisText = $(this).text();
		$(this).parents('.select').find('.l').eq(0).text(eThisText);		
	});	
	function eShow(elem) {		
		eSelect.eq(elem).find('div.o').eq(0).animate({marginTop: '4px'}, 300);
		eSelect.eq(elem).find('div.r').eq(0).css({backgroundImage: 'url('+dir+'images/pointer_yellow_b.gif)'});
		eVisible[elem] = eSelect.eq(elem).find('div.o').eq(0).height();
	}
	function eHide(elem) {
		eSelect.eq(elem).find('div.o').eq(0).animate({marginTop: -eVisible[elem]+'px'}, 300);
		eSelect.eq(elem).find('div.r').eq(0).css({backgroundImage: 'url('+dir+'images/pointer_blue_b.gif)'});
		delete eVisible[elem];
	}
	this.eGoUrl = function(url, type) {
		var eHr = window.location.href;		
		var eMW = eHr.match(/\w+$/);
		var eMNS = eHr.match(/(\w+)\/(\d+)$/);				
		if(eMNS) {
			if(type == 'work') {
				if(eMNS[1] != 'banner' && eMNS[1] != 'adv' && eMNS[1] != 'site') window.location.href = eHr.substr(0, eHr.indexOf(eMNS[2]))+url+'/'+eMNS[2];
				else window.location.href = eHr.substr(0, eHr.indexOf(eMNS[1]))+url+'/'+eMNS[2];			
			}
			else window.location.href = eHr.substr(0, eHr.indexOf(eMNS[2]))+url;
		}
		else {
			if(type == 'work') {
				if(eMW != 'banner' && eMW != 'adv' && eMW != 'site') window.location.href = eHr+'/'+url;
				else window.location.href = eHr.substr(0, eHr.indexOf(eMW))+url;			
			}
			else window.location.href = eHr+'/'+url;		
		}
	}
	function getId(elem) {
		var id = $(elem).eq(0).attr('id');
		return id.substr(id.indexOf('_')+1);
	}
	$(document).bind('click', function() {});
}