var contactsState = false;

function setMainImage(id, item_type, page) {
	
	if (item_type == '' || item_type == 'undefined') {
		item_type = 1;
	}
	$('#movieDiv').html('');
	var hasPicturess = false;
	if (hasPictures[id] != null && hasPictures[id] != 'undefined') {
		document.getElementById('see_more').innerHTML = ' ' + getDeliemiter () + '  ' + makeSeeMoreLink(id, item_type, page) + '  ' + getDeliemiter () + '&nbsp';
		hasPicturess = true;
	} else {
		document.getElementById('see_more').innerHTML = '&nbsp;' + getDeliemiter () + '&nbsp;&nbsp;<img src="img/see_more_neaktivno2.jpg">&nbsp;&nbsp;' + getDeliemiter () + '&nbsp';
	}
	var curImage = imagess[id];

	if (curImage != null && curImage != 'undefined') {
		var element = $('#manePicture');
		element.css('display', 'none');
		
		document.getElementById('manePicture').src = curImage.src;
		element.fadeTo(1, 0.1);
		element.css('display', '');
		element.fadeTo('fast', 1);
		var link = '';
		if (hasPicturess) {
			element.css('cursor', 'pointer');
			
			document.getElementById('manePicture').onclick = function (event) {
				window.location.href = "index.php?action=listpics&item_id=" + id + "&item_type=" + item_type + "&m_lmt_=" + page + "&curiamge=" + curSelectded;
			};
			element.attr('title', 'Click on image to see all pictures');
			element.mouseover(function(){
				
			});
			link = '<br/><br/><a style="color: #fe1a1b" onMouseout="this.style.color=\'#fe1a1b\'" onMouseOver="this.style.color=\'#898989\'" href="index.php?action=listpics&item_id=' + id + '&item_type=' + item_type + '&m_lmt_=' + page + '&curiamge=' + curSelectded + '">View all project\'s pictures</a>';
		} else {
			element.css('cursor', 'auto');
			element.attr('title', '');
			element.unbind('mouseover');

			document.getElementById('manePicture').onclick = function (event) {
				return false;
			};
		}
		
		document.getElementById('clientDiv').innerHTML = 'Client: <span class="client_span_content" id="clientContent">' + clients[id] + '</span>';
		document.getElementById('descDiv').innerHTML = 'Description: <span class="client_span_content" id="descContent">' + descriptions[id] + link + '</span>';
		
		if (borders[id] != null && borders[id] != 'undefined') {
			document.getElementById('manePicture').style.border = '2px solid ' + borders[id];
		} else {
			document.getElementById('manePicture').style.border = '2px solid #cccccc';
		}
		if (typeof(movies[id]) != 'undefined') {
			$('#manePicture').css('display', 'none');
			$('#movieDiv').html(movies[id]);
		}
	} else {
	   //window.reload();
	}
}

function closeMenu(){
	document.getElementById('contactsButton').className="about_button_black";
	document.getElementById('contactsMenu').style.display = "none";
}

function showContacts () {
    var menu = document.getElementById("contactsMenu");
    if (!contactsState) {
	    document.getElementById('contactsButton').className="about_button_red";
	    menu.style.display = "block";
	    contactsState = true;
    } else {
    	menu.style.display = "none";
    	document.getElementById('contactsButton').className="about_button_black";
    	contactsState = false;
    }
} 

function makeSeeMoreLink (id, item_type, page) {
	var part1 = "<a href='index.php?action=listpics&item_id=" + id + "&item_type=" + item_type + "&m_lmt_=" + page + "&curiamge=" + curSelectded + "'>";
	var part2 = "<img src='img/buton_see_more_wignt.jpg' onMouseOver=this.src='img/buton_see_more.jpg' onMouseout=this.src='img/buton_see_more_wignt.jpg' id='hide_me'></a>";
	return part1 + part2;
}

function fixOpacity(id, img, value){
	if (id == curSelectded) {
		return;
	}
	img.style.opacity = value;
	var ieValue = parseInt(value) * 100;
	img.style.filter='alpha(opacity=' + ieValue +')';
}

function getDeliemiter () {
    var html = '<img src="img/dots.png">';
    return html;
}