document.observe("dom:loaded", function() {
//window.onload = function () {
	// Link Controls and Links login popup

	if($('popup_login') != undefined) {
		var cancel = $('loginCancel');
		var popup = $('popup_login');

		if($('comment_link') != undefined) {
			var linkComment = $('comment_link');
			linkComment.onclick = function() {
				positionPopup(popup, linkComment, 0, 50, -300, 50);
				popup.style.display = 'block';
				return false;
			};
		}

		if($('favorites_link') != undefined) {
			var linkFavorites = $('favorites_link');
			linkFavorites.onclick = function() {
				popup.style.display = 'block';
				return false;
			};
		}

		if($('add_tag_link') != undefined) {
			var linkTag = $('add_tag_link');
			linkTag.onclick = function() {
				popup.style.display = 'block';
				return false;
			};
		}

		if($('flag_link') != undefined) {
			var linkFlag = $('flag_link');
			linkFlag.onclick = function() {
				popup.style.display = 'block';
				return false;
			};
		}

		cancel.onclick = function() {
			popup.style.display = 'none';
			return false;
		};
	}

	// Button login popup
	if($('popup_login_button') != undefined) {
		var buttonLoginPopup = $('popup_login_button');
		var buttonLoginCancel = $('login_cancel_button');
		var buttonComment = $('button_comment');

		if( buttonComment){
  		buttonComment.onclick = function() {
  			positionPopup(buttonLoginPopup, buttonComment, 250, 346, -350, 320);
  			buttonLoginPopup.style.display = 'block';
  			return false;
  		};
		}
		if( buttonLoginCancel){
  		buttonLoginCancel.onclick = function () {
  			buttonLoginPopup.style.display = 'none';
  			return false;
  		};
		}
	}

	// Rating login popup
	if($('rateItem') != undefined) {
		var rateItem =  $('rateItem');
		rateItem.onclick = function() {
			positionPopup(buttonLoginPopup, buttonComment, 550, 346, -450, 320);
			buttonLoginPopup.style.display = 'block';
			return false;
		}
	}

	// User Rating login popup
	if($('rateUser') != undefined) {
		var rateUser =  $('rateUser');
		rateUser.onclick = function() {
			positionPopup(buttonLoginPopup, buttonComment, 700, 346, -50, 320);
			buttonLoginPopup.style.display = 'block';
			return false;
		}
	}

	// Follow Artist login popup
	if($('follow_artist_display_login') != undefined) {
		var followArtist =  $('follow_artist_display_login');
		followArtist.onclick = function() {
			positionPopup(buttonLoginPopup, followArtist, 175, 200, 0, -250);
			buttonLoginPopup.style.display = 'block';
			return false;
		}
	}

	// Favorites bottom link login
	if($('favorites_link_bottom') != undefined) {
		var linkFavoritesBottom =  $('favorites_link_bottom');
		linkFavoritesBottom.onclick = function() {
			positionPopup(buttonLoginPopup, buttonComment, 175, 200, -250, 320);
			buttonLoginPopup.style.display = 'block';
			return false;
		}
	}

	// Button Send Message
	if($('send_msg_btn') != undefined) {
		var sendMsgBtn = $('send_msg_btn');
		sendMsgBtn.onclick = function() {
			positionPopup(buttonLoginPopup, sendMsgBtn, 175, 300, 0, -250);
			buttonLoginPopup.style.display = 'block';
			return false;
		}
	}

	// Button Contact Artist (Shopping Cart)
	if($('contact_artist_shoppingcart') != undefined) {
		var contactArtist = $('contact_artist_shoppingcart');
		contactArtist.onclick = function (){
			positionPopup(buttonLoginPopup, contactArtist, 0, 350, 0, 350);
			buttonLoginPopup.style.display = 'block';
			return false;
		}
	}
//}
});

function positionPopup(popupElem, clickedElem, top, left, ieTop, ieLeft) {
	var _top;
	var _left;
	popupElem.style.position = 'absolute';
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
 		_top = clickedElem.offsetTop - ieTop + 'px';
		_left = clickedElem.offsetLeft - ieLeft + 'px';
	} else{
		_top = clickedElem.offsetTop - top + 'px';
		_left = clickedElem.offsetLeft - left + 'px';
	}
	popupElem.style.top = _top;
	popupElem.style.left = _left;
}