function changeBigPhoto(imgObj) {
		var bigPhoto = $('detaliuMare');
		bigPhoto.src = imgObj.src;
		bigPhoto.title = imgObj.title;
		bigPhoto.alt = imgObj.alt;
		$(bigPhoto.up('a')).href = imgObj.src.replace('_details_', '');
}

function getComments(fkProductID, page) {
	new Ajax.Request(document.getElementsByTagName('base')[0].href+'index.html/ajaxgate|productComments',  {
    method:'post',
    parameters: {'fkProductID': fkProductID, 'pageID': page},
    onSuccess: function(transport){   
    	var response = transport.responseXML;
//    	alert(response);
    	writeComments(response);    	
    },
    onFailure: function(){  }
  });
}

function writeComments(rXML) {
	$('commentsListing').innerHTML = '';
	baseHref = document.getElementsByTagName('base')[0].href;
	if(document.all) {
		root = rXML.childNodes[1];
	} else {
		root = rXML.childNodes[0];
	}
	
	var pagingInfo = root.getElementsByTagName('detalii')[0];
	var comments = root.getElementsByTagName('comentarii')[0];
	var sysMessage = root.getElementsByTagName('sysMessage')[0];
//	alert('mum');
	
	if(comments.hasChildNodes()) {
			var items = comments.childNodes;
			for(var i = 0; i < items.length; i++) {
					var div = $(document.createElement('div'));
					div.addClassName('comentariu');
					
					var pUserName = $(document.createElement('p'));
					var username = document.createTextNode(items[i].getElementsByTagName('PersonName')[0].firstChild.nodeValue);
//					var username = document.createTextNode('antoniosh');
					pUserName.addClassName('date');
					pUserName.appendChild(username);
					
					
					var em = $(document.createElement('em'));
					var emInfo = document.createTextNode(items[i].getElementsByTagName('postDate')[0].firstChild.nodeValue);
					em.appendChild(emInfo);
					pUserName.appendChild(em);
					div.appendChild(pUserName);
					
					var p = $(document.createElement('p'));
					p.addClassName('continut');
					var message = items[i].getElementsByTagName('message')[0].firstChild.nodeValue;
					p.innerHTML = message;
					div.appendChild(p);
					
					pRank = $(document.createElement('div'));
					pRank.addClassName('note');
//					var rank = $(document.createElement('div'));
					
//					var rankStyle = {
//							'background-image':'url('+baseHref+'images/backgrounds/rating.png)',
//							'background-position' : '2px 2px',
//							//'background-position':'-' + (80 - (parseInt(items[i].getElementsByTagName('rank')[0].firstChild.nodeValue) * 16)) + 'px 0px',
//							'background-repeat':'no-repeat',
//							'border':'1px solid #000000',
//							'height':'20px',
//							//'width':'80px'
//					};
//					alert(rankStyle.toHTML());
					var backgroundPosition = 80 - (parseInt(items[i].getElementsByTagName('rank')[0].firstChild.nodeValue) * 16);
					var rank = new Element('div', {'style':'background-image:url(\''+baseHref+'images/backgrounds/rating.png\');height:20px;background-repeat:no-repeat;width:80px;background-position:-'+backgroundPosition+'px 0px'});
					

					pRank.appendChild(rank);
//					alert(pRank.innerHTML);
					div.appendChild(pRank);
//					alert(div.innerHTML);

					$('commentsListing').appendChild(div);
					divCleaner = $(document.createElement('div'));;
					divCleaner.addClassName('cleaner');
					var cCleaner = document.createTextNode('&nbsp;');
					divCleaner.appendChild(cCleaner);
					$('commentsListing').appendChild(divCleaner);
					
					
			}
	}
	
	if(pagingInfo && pagingInfo.hasChildNodes) {
		var pageID = pagingInfo.getElementsByTagName('pagina')[0].firstChild.nodeValue;
		var nPages = pagingInfo.getElementsByTagName('totalpagini')[0].firstChild.nodeValue;
		var nElements = pagingInfo.getElementsByTagName('totalcomentarii')[0].firstChild.nodeValue;
		var elementID = pagingInfo.getElementsByTagName('ID')[0].firstChild.nodeValue;
		
		if(nPages && nPages > 1) {
				var cleaner = $(document.createElement('div'));
				cleaner.addClassName('cleaner');
				$('commentsListing').appendChild(cleaner);
				
				var ppage = $(document.createElement('p'));
				ppage.id = 'paginare';
				ppage.addClassName('paginare');
				var paginare = document.createTextNode('Paginare');
				ppage.appendChild(paginare);
				for(var i = 1; i < nPages; i++) {
						if(i == pageID) {
								var pageTag = $(document.createElement('a'));
								pageTag.addClassName('paginaActiva');
								pageTag.href = 'javascript: void(0);';
						} else {
								var pageTag = $(document.createElement('a'));
								pageTag.addClassName('pagina');
								pageTag.href = 'javascript: void(0);';
								pageTag.onclick = new Function('getComments(' + elementID + ', ' + i + ')');
						}
						var pageText = document.createTextNode(i);
						pageTag.appendChild(pageText);
						ppage.appendChild(pageTag);
				}
				$('commentsListing').appendChild(ppage);
				$('commentsListing').appendChild(cleaner);
//				alert($('paginare').innerHTML);
		}
		
	}
	if(sysMessage) {
		showToolTipFader(sysMessage.firstChild.nodeValue, $('comenteazaSiTuID'));
	}
	
}

function nl2br(str) {
 if(typeof(str)=="string") return str.replace(/(\r\n)|(\n\r)|\r|\n/g,"<BR>");
 else return str;
}

//COMMENTS
function displayCommentForm(formID, userID, fieldToFocus, message) {
		if(parseInt(userID)) {
			Effect.toggle($(formID),'slide');
			setTimeout('$(\''+fieldToFocus+'\').focus();', 1000);
		} else {
//			showToolTipFader(message, $('comenteazaSiTuID'));
			if(!$('commentGoToLogin')) {
				var commentGoToLogin = $(document.createElement('div'));
				commentGoToLogin.id = 'commentGoToLogin';
				commentGoToLogin.setStyle({'display':'none'});
				var div = $(document.createElement('div'));
				var msg = document.createTextNode(message);
				div.appendChild(msg);
				var br = document.createElement('br');
				div.appendChild(br);
				msg = document.createTextNode('Pentru a intra in contul dumneavoastra, dati click ');
				div.appendChild(msg);
				var loginLink = $(document.createElement('a'));
				loginLink.href = document.getElementsByTagName('base')[0].href + 'index.html/account|login';
				msg = document.createTextNode('aici');
				loginLink.appendChild(msg);
				div.appendChild(loginLink);
				commentGoToLogin.appendChild(div);
				$('comenteazaSiTuID').parentNode.appendChild(commentGoToLogin);
				new Effect.SlideDown(commentGoToLogin);
			}
		}
}

function validateComment(fieldsToBeValidated) {
	var ok = true;
	if(fieldsToBeValidated.length) {
			for(i = 0; i < fieldsToBeValidated.length; i++) {
					if(!$(fieldsToBeValidated[i]).value.trim().length) {
							ok = false;
							showToolTipFader('Completati...',$(fieldsToBeValidated[i]));
					}
			}
	}
	return ok;
}

function postComment(formID, fkProductID, fieldsToBeValidated) {
		if(validateComment(fieldsToBeValidated)) {
			Effect.toggle($(formID),'slide');	
			new Ajax.Request(document.getElementsByTagName('base')[0].href+'index.html/ajaxgate|productComments',  {
		    method:'post',
		    parameters: {'fkProductID': fkProductID, comment: $('comment').value, 'rank':$('rank').value, postComment: '1' },
		    onSuccess: function(transport){    	 
		    	$('comment').value ='';
		    	$('rank').value ='';
		    	$('ranking').style.backgroundPosition = '-80px 0px';
		    	var response = transport.responseXML;
//		    	alert(response);
		    	writeComments(response);
		    },
		    onFailure: function(){  }
		  });
	}
}

function buildRanking() {
		var ratingSelector = $('ranking');
		function mouseOver() {
			this.parentNode.style.backgroundPosition = -(80 - (this.firstChild.nodeValue * 16)) + "px 0px";
		}
	
		function mouseOut() {
			this.parentNode.style.backgroundPosition = -(80 - (this.parentNode.firstChild.value * 16)) + "px 0px";
		}
	
		function mouseClick() {
			this.parentNode.firstChild.value = this.firstChild.nodeValue;
			return false;
		}

		
		for (var i = 1; i <= 5; i++) {
			var star = document.createElement("a");
	
			star.href = "#";
			star.title = i + "/5";
			star.appendChild(document.createTextNode(i));
	
			star.onmouseover	= mouseOver;
			star.onmouseout		= mouseOut;
			star.onclick		= mouseClick;
	
			ratingSelector.appendChild(star);
		}

}


function loadColor(colorID){
		for(i in aColorCodes){
				var curObj = $('colorID_'+i);
				var curObj2 = $('colorBtnID_'+i);
				if(curObj){
					curObj.style.display = 'none';
					curObj2.className = 'nimic'
				}
			}
		
		curObj = $('colorID_'+colorID);
		curObj.style.display = '';
		curObj2 = $('colorBtnID_'+colorID);
		curObj2.className = 'activ';
	}

function loadColor1(colorID){
		for(i in aColorCodes[1]){
				var curObj = $('colorID1_'+i);
				if(curObj)
					curObj.style.display = 'none';	
			}
		
		curObj = $('colorID1_'+colorID);
		curObj.style.display = '';
	}

function loadColor2(colorID){
		for(i in aColorCodes[2]){
				var curObj = $('colorID2_'+i);
				if(curObj)
					curObj.style.display = 'none';	
			}
		
		curObj = $('colorID2_'+colorID);
		curObj.style.display = '';
	}	


function loadGalleryImage(el){
			var newID = el.getAttribute('rel');
			$(oldID).style.display = 'none';	
			$(newID).style.display = '';
			oldID = newID;
	}

var aShowModels = new Array();
function showModels(el, elTargetID){
			if(aShowModels[elTargetID]){
				new Effect.BlindUp($('hiddenitems_'+elTargetID));
				el.innerHTML = '&raquo; vezi restul modelelor';
				aShowModels[elTargetID] = 0;
			}
			else{
				new Effect.BlindDown($('hiddenitems_'+elTargetID));
				el.innerHTML = '&raquo; ascunde modele';
				aShowModels[elTargetID] = 1;
			}
	}

////var lastColorHref = '';

function load360Color(modelPath, el) {
		flashProxy.call('run', modelPath);
		el.className = 'activ';
	}