// File: global.js
// Requires: prototype.js

// Class Definition
SearchForm = Class.create();
SearchForm.prototype = {
	form : null,
	bttnSubmit : null,
	eltCurrentMode : null,
	linksMode : null,
	strIdSuffix : null,
	bSetMediaTypeInButton : false,
	bJWidgetSearch : false,

	initialize: function(strIdSuffix, bSetMediaTypeInButton, bJWidgetSearch)
	{
		this.strIdSuffix = strIdSuffix;
		this.bSetMediaTypeInButton = (typeof(bSetMediaTypeInButton) != "undefined" && bSetMediaTypeInButton);
		this.bJWidgetSearch  = (typeof(bJWidgetSearch) != "undefined" && bJWidgetSearch);

		this.form = $("form" + strIdSuffix);

		this.bttnSubmit = $("submit" + strIdSuffix);
		this.eltCurrentMode = $("mode" + strIdSuffix);

		// Get list of search mode links
		var eltContainer = $("groupSearchModeLinks" + strIdSuffix);
		var listLinks = eltContainer.getElementsByTagName("A");
		var urlArr = document.location.href.split("/"); // = ['http:', '', <domain>, <path + querystring>]

		this.linksMode = new Object(); // Assoc Array of mode links
		// set media type based on the search url (if we are in search)
		var i;
		var setSelected = false;
		var urlAction;

		if(!this.bJWidgetSearch){
			urlAction = urlArr[3].split("?")[0];
		}
		else{	// In JWidget, Mode is retrieved from the mode input
			urlAction = this.eltCurrentMode.value;
		}

		for(i = 0; i < listLinks.length; i++){
			var keyMode = listLinks[i].href.split("/")[3];

			this.linksMode[keyMode] = listLinks[i];

			if(listLinks[i].id == urlAction + strIdSuffix){

				var eltText = listLinks[i].getElementsByTagName("SPAN");
				eltText = eltText[0].innerHTML;

				this.setMode(listLinks[i]);
				setSelected = true;

				if(this.bSetMediaTypeInButton){
					this.bttnSubmit.value = this.bttnSubmit.value + " " + urlArr[3];
				}
			}
		}

		// Set Media type based on Media Detail media type
		if(!bJWidgetSearch && !setSelected && urlArr[3] == "mediadetail"){ // Note: Bypass for JWidget
			var queryArr = document.location.href.toQueryParams();
			var mediaType;

			if(queryArr && typeof(mediaType = queryArr["media"]) != "undefined"){
				if(mediaType.indexOf(".pbr") > -1){	// Remix
					mediaType = "videos";
				}
				else if(mediaType.match(/\.flv$/)){ // Video
					mediaType = "videos";
				}
				else{	// Images (default)
					mediaType = "images";
				}

				this.setMode(this.linksMode[mediaType]);
				setSelected = true;
			}
		}

		// Default to image type
		if(!setSelected) {
			var imagesElement = $("images" + strIdSuffix);
			Element.addClassName(imagesElement, "selected");
			this.setMode(imagesElement);
		}
	},
	getMode : function()
	{
		var mode = "";
		if(this.eltCurrentMode){
			mode = this.eltCurrentMode.value;
		}
		return mode;
	},
	setMode : function(eltModeLink)
	{
		if(this.eltCurrentMode && eltModeLink){

			var mode = eltModeLink.href.split("/")[3];

			if(mode.indexOf("?") > -1){
				mode = mode.split("?")[0];
			}

			this.eltCurrentMode.value = mode;

			Element.addClassName(eltModeLink, "selected"); // set the mode link CSS class to selected

			// Don't set the form action and method in JWidget
			if(!this.bJWidgetSearch){
				var action = this.form.action.split("/");

				if(action.pop() == ""){
					action.pop();
				}
				action.push(mode);

				// change the form method based on the id
				if(eltModeLink.id == "websearch" + this.strIdSuffix){
					this.form.method = "get";
				}
				else{
					action.push("");
					this.form.method = "post";
				}

				this.form.action = action.join("/");
			}

			if(this.bSetMediaTypeInButton){
				var textButton = this.bttnSubmit.value.split(" ")[0];
				var textMode = this.linksMode[mode].getElementsByTagName("SPAN")[0].innerHTML;
				this.bttnSubmit.value = textButton + " " + textMode;
			}
		}
	},
	handleModeLinkClick: function(e)
	{
		var elt = Event.findElement(e, "A");

		var i;
		// Remove Selected class from currently
		for(var key in this.linksMode){
			if(Element.hasClassName(this.linksMode[key], "selected")){
				Element.removeClassName(this.linksMode[key], "selected");
			}
		}
		this.setMode(elt);

		Event.stop(e);

		return false;
	},
	handleSubmitClick: function(e)
	{
		var mode = this.getMode();
		if(mode == "websearch"){
			this.form.submit();
		}
		else{
			var query = $("q" + this.strIdSuffix);
			document.location.href = this.form.action + escape(escape(query.value)) + '/';
		}
		return false;
	}
};

// For tracking click events on image codes
function trackCodeClick(evnt) {
	var elt = Event.element(evnt);

	if(elt) {
        var code = elt.value;

        if(code.match(/^http:/)) {
            if(code.indexOf("?") > -1) {
                // Track Share url
                APIRequest.track('image_code_click_SHARE_URL');
            } else {
                // Track Direct url
                APIRequest.track('image_code_click_URL_LINK');
            }
        } else if(code.match(/^<img src=/) || code.match(/^<embed/) || code.match(/^<a href=/)) {
            // Track HTML Url
            APIRequest.track('image_code_click_HTML');
		} else if(code.match(/^\[URL=http:/) || code.match(/^\[IMG\]http:/)) {
            // Track IMG url
            APIRequest.track('image_code_click_IMG');
        }
    }
    return true;
}

// Requires: prototype.js, scriptaculous.js?load=effects

function copyToClipboard(elt) {
	var urlSwf = "/include/swf/_clipboard.swf";
	var strMssgBoxId = "notifyTextCopied";
	var eltNotify = null;

	// Display Notifications
	if((eltNotify = $(strMssgBoxId)) == null){
		// Attach the notification to the DOM
		var eltBody = document.getElementsByTagName('body').item(0);

		eltNotify = document.createElement('div');
		eltNotify.setAttribute('id', strMssgBoxId);
		eltNotify.style.display = 'none';

		eltNotify.innerHTML = 'Copied';

		eltBody.appendChild(eltNotify);
	}
	elt.onblur =
		function(e){
			Element.hide(eltNotify);
			return true;
		}

	var z = Position.cumulativeOffset(elt);
	var x = z[0];
	var y = z[1];

	Element.show(eltNotify);

	if(navigator.appName == 'Microsoft Internet Explorer'){
		if(x < 100){
			eltNotify.style.left = (x + (elt.offsetWidth - 23)) + 'px';
		}
		else{
			eltNotify.style.left = (x - (eltNotify.offsetWidth + 2)) + 'px';
		}
	}
	else{
		if(x < 100){
			eltNotify.style.left = (x + (elt.offsetWidth + 3)) + 'px';
		}
		else{
			eltNotify.style.left = (x - (eltNotify.offsetWidth + 2)) + 'px';
		}
	}

	eltNotify.style.top = y + 'px';

	var xEffect = Effect.Fade(eltNotify, { fps: 75, from: 1.9, to: 0.0, duration: 1.0, queue: 'front' } );
	window.status = 'Copied text to clipboard';

	// Copy the text inside the text box to the user's clipboard
	var flashcopier = 'flashcopier';
	if(!$(flashcopier)){
		var divholder = document.createElement('div');
		divholder.id = flashcopier;
		document.body.appendChild(divholder);
	}

	$(flashcopier).innerHTML = '';
	var divinfo = '<embed src="' + urlSwf + '" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
	$(flashcopier).innerHTML = divinfo;

	elt.select();

	return true;
}

// fireMouseEvent synthesises a mouse event on an element
// usage: fireMouseEvent($('someid'), 'click');

function fireMouseEvent(elt, strEvent, bubbles, cancelable)
{

	var bBubbles = false, bCancelable = true;
	if(typeof(bubbles) == "boolean"){
		bBubbles = bubbles;
	}
	if(typeof(cancelable) == "boolean"){
		bCancelable = cancelable;
	}

	// Note: strEvent = Event name w/o "on" prefix (Ex: "click")
	if(typeof(elt) != "undefined" && elt && typeof(strEvent) == "string" && strEvent.length > 0){
		var objEvnt; // Synthetic Event Obj
		// Sythesize Click event
		if(document.createEvent){	// W3C
			objEvnt = document.createEvent('MouseEvents');
			objEvnt.initEvent(strEvent, bBubbles, bCancelable);
			elt.dispatchEvent(objEvnt);
		}
		else if(document.createEventObject){ // MSIE
			objEvnt = document.createEventObject();	// copy the original event to the new event object
			elt.fireEvent('on' + strEvent, objEvnt);
		}
	}
}

function magickAdRender(divName, aambTag) {
    var eltAdTarget;
    var invObj = 'INV' + divName;

    if((eltAdTarget = document.getElementById(divName)) != null){
        try{
            var code = aambTag;
        }
        catch(aamErr){
        }

        if(typeof(code) != 'undefined'){
            var msieIdx = navigator.userAgent.indexOf('MSIE');
            if(msieIdx > -1){
                var ifrString = '<iframe name="' + invObj + '" width="0" height="0" frameborder="0" AAM_EVENT="javascript:try { document.getElementById(\'' + divName + '\').insertAdjacentElement(\'beforeEnd\', window.frames[\'' + invObj + '\'].document.getElementById(\'adDiv\')) } catch(aamErr) { }"></iframe>';
                eltAdTarget.innerHTML += '<div id="TMP' + divName + '" style="display:none">' + escape('<body><div id="adDiv">' + code + '</div>') + '</div>' + ifrString.replace(/AAM_EVENT/, 'onload');
                window.frames[invObj].document.location = 'javascript:unescape(parent.document.getElementById(\'TMP' + divName + '\').innerHTML)';
            }
            else{
                document.writeln('<div id="' + invObj + '" style="display:none">' + code + '<script type="text/javascript" defer="true">document.getElementById(\'' + divName + '\').innerHTML = document.getElementById(\'' + invObj + '\').innerHTML;document.getElementById(\'' + invObj + '\').innerHTML = \'\';</scr' + 'ipt></div>');
            }
        }
    }
}

function showToRightOfElement(baseElemId, posElemId, extraX, extraY) {

    if (!extraX) extraX = 0;
    if (!extraY) extraY = 0;

    var baseElem = $(baseElemId);
    var posElem = $(posElemId);

    var offsetTrail = baseElem;
    var offsetLeft = 0;
    var offsetTop = 0;

    // account for IE6 CSS compatibility mode
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }

    if (navigator.userAgent.indexOf("Mac") != -1 &&
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }

    posElem.style.left = offsetLeft + parseInt(baseElem.offsetWidth) + extraX + "px";
    posElem.style.top = offsetTop + extraY + "px";

    Element.show(posElem);
}


// Class Definition
ShowHideRegistry = Class.create();
ShowHideRegistry.prototype = {

    eltHash : null,

	initialize: function() {
        this.eltHash = new Hash();
    },

    add: function(id) {
        var elt;
        if (!this.eltHash[id] && (elt = $(id)) != null) this.eltHash[id] = elt;
    },

    remove: function(id) {
        if (this.eltHash[id]) this.eltHash.remove(id);
    },

    hideAllVisibility: function() {
        this.eltHash.each(function(pair) { pair.value.style.visibility = 'hidden'; });
    },

    hideAllDisplay: function() {
        this.eltHash.each(function(pair) { Element.hide(pair.value); });
    },

    hideAllVisibleUnder: function(elt) {
        var eltOver = $(elt);
        var overPos = Position.cumulativeOffset(eltOver);
        var overDimensions = eltOver.getDimensions();

        this.eltHash.each(this.checkVisibility_Closure(overPos, overDimensions).bind(this));
    },

    checkVisibility_Closure: function(overPos, overDim) {
        return function(pair) {
            var underPos = Position.cumulativeOffset(pair.value);
            var underDim = pair.value.getDimensions();

            if (!(overPos[0] > (underPos[0] + underDim.width) ||
                  (overPos[0] + overDim.width) < underPos[0] ||
                  overPos[1] > (underPos[1] + underDim.height) ||
                  (overPos[1] + overDim.height) < underPos[1]))
                pair.value.style.visibility = 'hidden';
        };
    },

    showAllVisibility: function() {
        this.eltHash.each(function(pair) { pair.value.style.visibility = 'visible'; });
    },

    showAllDisplay: function() {
        this.eltHash.each(function(pair) { Element.show(pair.value); });
    },

    toggleAllVisibility: function() {
        this.eltHash.each(function(pair) { Element.toggle(pair.value); });
    }
};

var flashRegistry = new ShowHideRegistry();


function translateAjaxResponse(response)
{
	var jsonResp = null;

	if(response && typeof(response.responseText) != "undefined" && response.responseText){
		var json = eval('(' + response.responseText + ')');
		jsonResp = (json && typeof(json.response) == "object" ? json.response : null);
	}
	return jsonResp;
}

function getEltOffsetPos(elt, eltAncestor)
{
	var offLeft = elt.offsetLeft, offTop = elt.offsetTop;

	if(eltAncestor){
		var eltCurr = elt;

		while((eltCurr = eltCurr.offsetParent) != null && eltCurr != eltAncestor){// && eltCurr != document
			offLeft += eltCurr.offsetLeft;
			offTop += eltCurr.offsetTop;
		}
	}

	return {left : offLeft, top: offTop};
}

function viewContactsWindow(url, bReturnChildWindow)
{
	var height = 550;
	var width = 750;
	var LeftPosition = (screen.width) ? (screen.width - width) / 2 : 0;
	var TopPosition = (screen.height) ? (screen.height - height) / 2 : 0;
	var settings = 'height=450, width=620, top=' + TopPosition + ', left=' + LeftPosition + ', menubar=no, location=no, resizable=yes, scrollbars=yes, status=no, titlebar=no';
	var win = window.open(url, "ModifyContacts", settings)
	if(win.window.focus){
		win.window.focus();
	}
	if(typeof(bReturnChildWindow) == "boolean" && bReturnChildWindow){
		return win;
	}
}