img1 = new Image();
img1.src="images/despre-hover.gif";

img2 = new Image();
img2.src="images/ident-hover.gif";

img3 = new Image();
img3.src="images/print-hover.gif";

img4 = new Image();
img4.src="images/dev-hover.gif";

img5 = new Image();
img5.src="images/despre-hover.gif";

img6 = new Image();
img5.src="images/serv-hover.gif";

img7 = new Image();
img7.src="images/articole-hover.gif";

img8 = new Image();
img8.src="images/contact-hover.gif";

img9 = new Image();
img9.src="images/pdesign-hover.gif";

img10 = new Image();
img10.src="images/pident-hover.gif";

img11 = new Image();
img11.src="images/pprint-hover.gif";

img12 = new Image();
img12.src="images/pdev-hover.gif";

img12 = new Image();
img12.src="images/pthumb-hover.gif";

img12 = new Image();
img12.src="images/pthumb2-hover.gif";

img12 = new Image();
img12.src="images/pthumb3-hover.gif";

img12 = new Image();
img12.src="images/pthumb4-hover.gif";

img12 = new Image();
img12.src="images/pthumb5-hover.gif";

img12 = new Image();
img12.src="images/pthumb6-hover.gif";

img12 = new Image();
img12.src="images/pthumb7-hover.gif";

img12 = new Image();
img12.src="images/pthumb8-hover.gif";

img13 = new Image();
img13.src="images/pthumb9-hover.gif";

img14 = new Image();
img14.src="images/ithumb18-hover.gif";

var page=1;

function gotoPage(gtpage)
{
		
				
		if(page < gtpage)
		{
				diff = gtpage - page;
				for(i = 0; i < diff ; i++)
				{
						nextPage(1);
				}
		}
		
		if(page > gtpage)
		{
				diff = page - gtpage;
				for(i = 0; i < diff ; i++)
				{
						nextPage(0);
				}
		}
}


function nextPage(way)
{
		
			
	
		if(way == 1 && page < total)
		{
				document.getElementById('ppage'+page).style.display = "none";
				page = page + 1;
				document.getElementById('ppage'+page).style.display = "block";
				page = page - 1;
				ppage = page+1;
				if(ppage*4 <= proiecte)
					document.getElementById('num').innerHTML = page*4+1 + '-' + ppage*4 ;
				else
					document.getElementById('num').innerHTML = page*4+1 + '-' + proiecte ;
				if(ppage == 1)
				{
						document.getElementById('next2').style.style.visibility = "hidden";
				}
				if(ppage != 1)
						document.getElementById('next2').style.visibility = "visible";
						
				page = page + 1;
				
				if(page == total)
				{
						document.getElementById('next1').style.visibility = "hidden";
				}
				else
						document.getElementById('next1').style.visibility = "visible";
		}
		
		if(way == 0 && page > 1)
		{
				document.getElementById('ppage'+page).style.display = "none";
				if(page == 2)
				{
						document.getElementById('next2').style.visibility = "hidden";
				}
				page = page - 1;
				document.getElementById('ppage'+page).style.display = "block";
				
				ppage = page+1;
				document.getElementById('num').innerHTML = page*4-3 + '-' + page*4;
				page = page + 1;
				
				page = page - 1;
				
						document.getElementById('next1').style.visibility = "hidden";
				
				if(page != total)
						document.getElementById('next1').style.visibility = "visible";
				
		}
		
		//window.status = page;
		
}

function switchImg(item, action)
{
	if( action == "on")
	{
		document.getElementById('img'+item).src = "images/" + item + "-hover.gif";
	}
	
	if( action == "off" )
	{
		document.getElementById('img'+item).src = "images/" + item + ".gif";
	}
}


function showFolio(item)
{
		document.getElementById('pitem' + item).style.display="block";
		document.getElementById('ptext' + item).style.display="block";
		if(item == 1)
		{
			document.getElementById('imgpdesign').src="images/pdesign-hover.gif";
			//document.getElementById('imgpdesign').removeEventListener("onmouseout", "folioSwitch", false)
		}
		if(item == 2)
		{
			document.getElementById('imgpident').src="images/pident-hover.gif";
			//document.getElementById('imgpident').removeEventListener("onmouseout", "folioSwitch", false)
			//document.getElementById('imgpident').parentNode.onmouseover = false;
			//document.getElementById('imgpident').parentNode.onmouseout = false;
		}
		if(item == 3)
		{
			document.getElementById('imgpprint').src="images/pprint-hover.gif";
			//document.getElementById('imgpprint').removeEventListener("onmouseout", "folioSwitch", false)
		}
		if(item == 4)
		{
			document.getElementById('imgpdev').src="images/pdev-hover.gif";
			//document.getElementById('imgpdev').removeEventListener("onmouseout", "folioSwitch", false)
		}
}

function showSubFolio(item,num)
{
		for(i=1;i<=num;i++)
			document.getElementById('folio-page' + i).style.display="none";
		
		document.getElementById('folio-page' + item).style.display="block";
		
}

function folioSwitch(item)
{
		
		document.getElementById('pitem1').style.display="none";
		document.getElementById('pitem2').style.display="none";
		document.getElementById('pitem3').style.display="none";
		document.getElementById('pitem4').style.display="none";
		document.getElementById('ptext1').style.display="none";
		document.getElementById('ptext2').style.display="none";
		document.getElementById('ptext3').style.display="none";
		document.getElementById('ptext4').style.display="none";
		
		
				document.getElementById('pitem' + item).style.display="block";
				document.getElementById('ptext' + item).style.display="block";
				
				showFolio(item);
		
}
	
		function findPosX(obj){
		var curleft = 0;
		
		if (obj.offsetParent){
		
		while(1){
		curleft+=obj.offsetLeft;
		if (!obj.offsetParent){break}
		obj=obj.offsetParent;
		}
		
		                 }else if(obj.x){curleft+=obj.x}
		
		return curleft;
		}
		
		function findPosY(obj){
		var curtop = 0;
		
		if (obj.offsetParent){
		
		while(1){
		curtop+=obj.offsetTop;
		if (!obj.offsetParent){break}
		obj=obj.offsetParent;
		}
		
		                }else if(obj.y){curtop+=obj.y}
		
		return curtop;
		}
		
		function positionStar(page,menu)
		{
				elem = document.getElementById('left');
				//alert(findPosX(elem));
				starElem = document.getElementById('star');
				starElem.style.left = findPosX(elem) -10 + 'px';
				starElem.style.top = findPosY(elem) -31 + 'px';
				starElem.style.display = 'block';
				if(page != "1")
				{
						elem2 = document.getElementById('newSite');
						newElem = document.getElementById('new');
						newElem.style.left = findPosX(elem2) + 90 + 'px';
						newElem.style.top = findPosY(elem2) -16 + 'px';
						newElem.style.display = 'block';
				}
				
				//chooseMenu(menu);
				if(page != "1")
				{
					document.getElementById('next2').style.visibility = "hidden";
				}
		}
		
		function chooseMenu(item)
		{
				document.getElementById('img'+item).src = "images/" + item + "-hover.gif";
		}

function com_stewartspeak_replacement() {
/*
	Dynamic Heading Generator
    By Stewart Rosenberger
    http://www.stewartspeak.com/headings/

	This script searches through a web page for specific or general elements
	and replaces them with dynamically generated images, in conjunction with
	a server-side script.
*/


replaceSelector("em","text.php",true);
replaceSelector("h3","text2.php",true);
replaceSelector("h4","text3.php",true);

replaceSelector("b","text4.php",true);
replaceSelector("u","text5.php",true);

var testURL = "title.png" ;

var doNotPrintImages = false;
var printerCSS = "replacement-print.css";

var hideFlicker = false;
var hideFlickerCSS = "replacement-screen.css";
var hideFlickerTimeout = 1000;




/* ---------------------------------------------------------------------------
    For basic usage, you should not need to edit anything below this comment.
    If you need to further customize this script's abilities, make sure
	you're familiar with Javascript. And grab a soda or something.
*/

var items;
var imageLoaded = false;
var documentLoaded = false;

function replaceSelector(selector,url,wordwrap)
{
	if(typeof items == "undefined")
		items = new Array();

	items[items.length] = {selector: selector, url: url, wordwrap: wordwrap};
}

if(hideFlicker)
{		
	document.write('<link id="hide-flicker" rel="stylesheet" media="screen" href="' + hideFlickerCSS + '" />');		
	window.flickerCheck = function()
	{
		if(!imageLoaded)
			setStyleSheetState('hide-flicker',false);
	};
	setTimeout('window.flickerCheck();',hideFlickerTimeout)
}

if(doNotPrintImages)
	document.write('<link id="print-text" rel="stylesheet" media="print" href="' + printerCSS + '" />');

var test = new Image();
test.onload = function() { imageLoaded = true; if(documentLoaded) replacement(); };
test.src = testURL + "?date=" + (new Date()).getTime();

addLoadHandler(function(){ documentLoaded = true; if(imageLoaded) replacement(); });


function documentLoad()
{
	documentLoaded = true;
	if(imageLoaded)
		replacement();
}

function replacement()
{
	for(var i=0;i<items.length;i++)
	{
		var elements = getElementsBySelector(items[i].selector);
		if(elements.length > 0) for(var j=0;j<elements.length;j++)
		{
			if(!elements[j])
				continue ;
		
			var text = extractText(elements[j]);
    		while(elements[j].hasChildNodes())
				elements[j].removeChild(elements[j].firstChild);

			var tokens = items[i].wordwrap ? text.split(' ') : [text] ;
			for(var k=0;k<tokens.length;k++)
			{
				var url = items[i].url + "?text="+escape(tokens[k]+' ')+"&selector="+escape(items[i].selector);
				var image = document.createElement("img");
				image.className = "replacement";
				image.alt = tokens[k] ;
				image.src = url;
				elements[j].appendChild(image);
			}

			if(doNotPrintImages)
			{
				var span = document.createElement("span");
				span.style.display = 'none';
				span.className = "print-text";
				span.appendChild(document.createTextNode(text));
				elements[j].appendChild(span);
			}
		}
	}

	if(hideFlicker)
		setStyleSheetState('hide-flicker',false);
}

function addLoadHandler(handler)
{
	if(window.addEventListener)
	{
		window.addEventListener("load",handler,false);
	}
	else if(window.attachEvent)
	{
		window.attachEvent("onload",handler);
	}
	else if(window.onload)
	{
		var oldHandler = window.onload;
		window.onload = function piggyback()
		{
			oldHandler();
			handler();
		};
	}
	else
	{
		window.onload = handler;
	}
}

function setStyleSheetState(id,enabled) 
{
	var sheet = document.getElementById(id);
	if(sheet)
		sheet.disabled = (!enabled);
}

function extractText(element)
{
	if(typeof element == "string")
		return element;
	else if(typeof element == "undefined")
		return element;
	else if(element.innerText)
		return element.innerText;

	var text = "";
	var kids = element.childNodes;
	for(var i=0;i<kids.length;i++)
	{
		if(kids[i].nodeType == 1)
		text += extractText(kids[i]);
		else if(kids[i].nodeType == 3)
		text += kids[i].nodeValue;
	}

	return text;
}

/*
	Finds elements on page that match a given CSS selector rule. Some
	complicated rules are not compatible.
	Based on Simon Willison's excellent "getElementsBySelector" function.
	Original code (with comments and description):
		http://simon.incutio.com/archive/2003/03/25/getElementsBySelector
*/
function getElementsBySelector(selector)
{
	var tokens = selector.split(' ');
	var currentContext = new Array(document);
	for(var i=0;i<tokens.length;i++)
	{
		token = tokens[i].replace(/^\s+/,'').replace(/\s+$/,'');
		if(token.indexOf('#') > -1)
		{
			var bits = token.split('#');
			var tagName = bits[0];
			var id = bits[1];
			var element = document.getElementById(id);
			if(tagName && element.nodeName.toLowerCase() != tagName)
				return new Array();
			currentContext = new Array(element);
			continue;
		}

		if(token.indexOf('.') > -1)
		{
			var bits = token.split('.');
			var tagName = bits[0];
			var className = bits[1];
			if(!tagName)
				tagName = '*';

			var found = new Array;
			var foundCount = 0;
			for(var h=0;h<currentContext.length;h++)
			{
				var elements;
				if(tagName == '*')
					elements = currentContext[h].all ? currentContext[h].all : currentContext[h].getElementsByTagName('*');
				else
					elements = currentContext[h].getElementsByTagName(tagName);

				for(var j=0;j<elements.length;j++)
					found[foundCount++] = elements[j];
			}

			currentContext = new Array;
			var currentContextIndex = 0;
			for(var k=0;k<found.length;k++)
			{
				if(found[k].className && found[k].className.match(new RegExp('\\b'+className+'\\b')))
					currentContext[currentContextIndex++] = found[k];
			}

			continue;
	    }

		if(token.match(/^(\w*)\[(\w+)([=~\|\^\$\*]?)=?"?([^\]"]*)"?\]$/))
		{
			var tagName = RegExp.$1;
			var attrName = RegExp.$2;
			var attrOperator = RegExp.$3;
			var attrValue = RegExp.$4;
			if(!tagName)
				tagName = '*';

			var found = new Array;
			var foundCount = 0;
			for(var h=0;h<currentContext.length;h++)
			{
				var elements;
	        	if(tagName == '*')
					elements = currentContext[h].all ? currentContext[h].all : currentContext[h].getElementsByTagName('*');
				else
					elements = currentContext[h].getElementsByTagName(tagName);

				for(var j=0;j<elements.length;j++)
					found[foundCount++] = elements[j];
			}

			currentContext = new Array;
			var currentContextIndex = 0;
			var checkFunction;
			switch(attrOperator)
			{
				case '=':
					checkFunction = function(e) { return (e.getAttribute(attrName) == attrValue); };
					break;
				case '~':
					checkFunction = function(e) { return (e.getAttribute(attrName).match(new RegExp('\\b'+attrValue+'\\b'))); };
					break;
				case '|':
					checkFunction = function(e) { return (e.getAttribute(attrName).match(new RegExp('^'+attrValue+'-?'))); };
					break;
				case '^':
					checkFunction = function(e) { return (e.getAttribute(attrName).indexOf(attrValue) == 0); };
					break;
				case '$':
					checkFunction = function(e) { return (e.getAttribute(attrName).lastIndexOf(attrValue) == e.getAttribute(attrName).length - attrValue.length); };
					break;
				case '*':
					checkFunction = function(e) { return (e.getAttribute(attrName).indexOf(attrValue) > -1); };
					break;
				default :
					checkFunction = function(e) { return e.getAttribute(attrName); };
			}

			currentContext = new Array;
			var currentContextIndex = 0;
			for(var k=0;k<found.length;k++)
			{
				if(checkFunction(found[k]))
					currentContext[currentContextIndex++] = found[k];
			}

			continue;
		}

		tagName = token;
		var found = new Array;
		var foundCount = 0;
		for(var h=0;h<currentContext.length;h++)
		{
			var elements = currentContext[h].getElementsByTagName(tagName);
			for(var j=0;j<elements.length; j++)
				found[foundCount++] = elements[j];
		}

		currentContext = found;
	}

	return currentContext;
}


}// end of scope, execute code
if(document.createElement && document.getElementsByTagName && !navigator.userAgent.match(/opera\/?6/i))
	com_stewartspeak_replacement();