// JavaScript Document
var categories = 1;
var photos = 1;
var domready;
var mouseX;
var mouseY;

window.addEvent('domready', function() {
	domready = true;
	$(document.body).addEvent('mousemove', getMouse.bindWithEvent($(document.body)));
});

function getMouse(event){
	mouseX = event.page.x;
	mouseY = event.page.y;
};



function addCategoryDropdown () {
	if (categories <= 5) { 		
		var new_element = $('new_category_select').clone().injectInside('inject_container');
		categories ++;
	}
	numerateCategories();
}

function numerateCategories () {	
	var i = 1;
	$$('#category_container #form_label_category').each(function(el){		
		var html = '<strong>Category 0'+ i +'_</strong>';
		el.setHTML(html);
		i ++;		
	});
	categories = i;
}

function addPhotoUpload () {
	if (photos <= 3) { 		
		var new_element = $('new_file_select').clone().injectInside('files_inject_container');
		photos ++;
	}
	numeratePhotos();
}

function numeratePhotos () {	
	var i = 1;
	$$('#files_container #form_label_file').each(function(el){		
		var html = '<strong>Photo 0'+ i +'_</strong>';
		el.setHTML(html);
		i ++;		
	});
	photos = i;
}


function addGroupDropdown () {
	$('new_group_select').clone().injectInside('group_container');
}

function showResponse (request) {
	//console.log(request);
	if ((request != "existing_group") && (request != "empty_group")) {
		var new_group_item = new Element('option', {
			'value': request,
			'selected': "selected"
		});
		new_group_item.set('text', value);
		new_group_item.injectInside($('group'));

		$('new_group').set('text', "");
	} else {
		alert ("Group already exists!");
	}
	//$('new_group').remove();
	//$('new_group_link').remove();
}

function addNewGroup () {
	value = $('new_group').get('value');
	if (value != "") {
		var newGroupCall = new Request({url:"/includes/newGroup.php", method: 'get', onSuccess: showResponse});
		newGroupCall.send('new_group='+value);
	}
}


///Commentmedia
function toggleComment(parent) {	
	var myVerticalSlide = new Fx.Slide('vertical_slide');
	alert ('commentdiv'+parent)
	$('commentdiv'+parent).addEvent('click', function(e){
		e.stop();
 		myVerticalSlide.toggle();
	});
}


function setModelThumb (event, image) {
	if (image != '/repos/models/') {
		$('enlargemodel').set('src', image);	
		$$('.model_thumb').each(function(item, index){
   			item.setOpacity(1);
		});
		ele = event.srcElement ? event.srcElement : event.target;
		ele.setOpacity(0.7);
	}
}

function setPasswordField (element) {	
	element.value = "";
	element.setAttribute("type", "password");
	this.focus();
	return true;
}

////////////////////////////////////// Lightbox
var lightboxCaret;

function popupLightbox (unique_id) {	
	if (domready) {
		lightboxCaret = new Element('div', {
		'id': 'lightboxCaret'
	});
		lightbox_request = new Request({url:"/includes/lightboxPopup.php", method: 'get', onSuccess: fillLightboxCaret});	
		lightbox_request.send("unique_id="+unique_id);	
	}
}

function lightboxCaretOff (event) {	
	event.stopPropagation();
	e = event.srcElement ? event.srcElement : event.target;
	//console.log (e);
	if (e == lightboxCaret) {	
	 	lightboxCaret.destroy();	
	}
}

function fillLightboxCaret (response) {
	//console.log(response);
	//create div
	
	lightboxCaret.setStyles({		
			position: "absolute",		
			padding: "5px",			
			display: "block"			
	});
	

	
	lightboxCaret.injectInside($(document.body));
	
	lightboxCaret.setStyles({
		top: mouseY - 10,
		left: mouseX - 10
	});
	
	//console.log(mouseX,mouseY);
	
	lightboxCaret.innerHTML = response;
	lightboxCaret.addEvent("mouseleave", lightboxCaretOff);	
}

function addToLightbox(unique_id) {
	var lightbox_old = $('lightbox_old').get('value');	
	var lightbox_new = $('lightbox_new').get('value');
		
	//console.log (lightbox_new, lightbox_old);
	
	lightbox_request = new Request({url:"/includes/lightboxPopup.php", method: 'post', onSuccess: addToLightboxSuccess});	
	lightbox_request.send("lightbox_new="+lightbox_new+"&lightbox_old="+lightbox_old+"&lightboxSubmit=true&unique_id="+unique_id);
}

function addToLightboxSuccess (response) {
	lightboxCaret.innerHTML = response;
}