var thisVid = 0;
var thisPic = 0;
//var showcase set in page
// when ajax request has been sent but not confirmed
var maybeProfile;
var maybeShowcase;

var XAS = function()
{

    return {

    };
}();

function clickedVideo( pic_id, id, vid, img, h, w )
{
    var y0 = findPosY( document.getElementById('vid_header') );
    var y = findPosY( document.getElementById('vid_wrap_' + pic_id ));

    document.getElementById('xvid_wrap').style.marginTop = (y - y0 - 40 ) + 'px';

    thisVid = id;

    vid_clicked( vid, img, h, w );

    var txt = "";
    txt +=   " <br /><div>Title: </div>";
    txt +=   "<input type=\"text\" class=\"ptInput\" id=\"vidTitle\" name=\"vidTitle\" value=\"loading...\" /><br /><br /><br />";
    txt +=   "<span class=\"text1\">Caption:</span><br />";
    txt +=   "<textarea class=\"blueBox\" name=\"myvcaption\" id=\"myvcaption\">loading...</textarea>&nbsp;&nbsp;";
    txt +=   " <br /><div>Folder ( comming soon ): </div>";
    txt +=   "<input type=\"text\" class=\"ptInput\" id=\"vidFolder\" name=\"vidFolder\" value=\"loading...\" /><br /><br /><br />";

    document.getElementById('edit_vid').innerHTML = txt;


    ajax_post('_ajax_/ajaxVideoDetails.php', _getVideoDetails, 'num=' + id + '&iwant=yesyes' + '&hash=' + Math.random() );
}

function _getVideoDetails( json )
{
    json = json.toString().trim();
    if( json.toString().length > 6 && json.substr(0, 6) == "['ok'," )
    {
        var jsoned = eval( json );
        document.getElementById('vidTitle').value = jsoned[1];
        document.getElementById('myvcaption').value = jsoned[2];
        document.getElementById('vidFolder').value = jsoned[3];
    }
    else
    {
        document.getElementById('vidTitle').value = "error";
        document.getElementById('myvcaption').value = "error";
        document.getElementById('vidFolder').value = "error";
    }
}


function clickedImage( picId, f )
{
    document.getElementById('main_pic_wrap').style.display = '';

    if(thisPic != 0)
    {
        document.getElementById("picWrap_" + thisPic).className = "picWrap";
        document.getElementById("picTag_" + thisPic).className = "picTag";
    }

    thisPic = picId;

    document.getElementById("picTag_" + picId).className = "picTagSelected";
    document.getElementById("picTag_main").src = f;

    var txt = "";
    txt += "<form name=\"captionForm\">";
    txt +=   "<br /><div>Title: </div>";
    txt +=   "<input type=\"text\" class=\"ptInput\" id=\"picTitle\" name=\"picTitle\" value=\"loading...\" /><br /><br /><br />";
    txt +=   "<span class=\"text1\">Caption:</span><br />";
    txt +=   "<textarea class=\"blueBox\" name=\"mycaption\" id=\"mycaption\">loading...</textarea>&nbsp;&nbsp;";
    txt += "</form>";

    document.getElementById("picWrap_" + picId).className = "picWrapSelected";
    document.getElementById("edit_pic").innerHTML = txt;
    document.getElementById("edit_pic"  ).style.display = "";

    if(showcase == thisPic)
    {
        document.getElementById('makeShowcaseImage').innerHTML = 'my showcase';
    }
    else
    {
        document.getElementById('makeShowcaseImage').innerHTML = 'Make showcase';
    }

    if(profile == thisPic)
    {
        document.getElementById('makeProfileImage').innerHTML = 'my profile';
    }
    else
    {
        document.getElementById('makeProfileImage').innerHTML = 'Make profile';
    }
    
    
    getImageDetails();

}

var imgDetailTitle = "";
var imgDetailCaption = "";

function getImageDetails()
{
    ajax_post('_ajax_/ajaxImageDetails.php', _getImageDetails, 'num=' + thisPic + '&iwant=yesyes' );
}

function _getImageDetails( json )
{
    json = json.toString().trim();
    if( json.toString().length > 6 && json.substr(0, 6) == "['ok'," )
    {
        var jsoned = eval( json );
        document.getElementById('picTitle').value = jsoned[1];
        document.getElementById('mycaption').value = jsoned[2];
    }
    else
    {
        document.getElementById('picTitle').value = "error";
        document.getElementById('mycaption').value = "error";
    }
}


/*
 *  VIEW MEMBER PAGE
 */
function thumbClick( f, picId)
{
    f = f.toString().replaceAll("_s","_m");
    var caption = document.getElementById('caption_' + picId).innerHTML;
    //	var newImg = loadImage(f);
    document.getElementById('mainPicDiv').innerHTML = '<img class=\"mainPic\" id=\"mainPic\" src=\"' + f + '\" alt=\"a\" />';


    if(caption == 'none' || caption == '')
    {
        document.getElementById('mainPicDiv').style.width = "700px";
        document.getElementById('caption').style.width = "1px";
        document.getElementById('caption').innerHTML = '';
    }
    else
    {
        document.getElementById('mainPicDiv').style.width = "540px";
        document.getElementById('caption').style.width = "160px";
        document.getElementById('caption').innerHTML = document.getElementById('caption_' + picId).innerHTML;
    }

}

function saveImageDetails()
{
	//universal thisPic,
	document.getElementById('saveImageDetails').innerHTML = "working...";
	var newTitle = document.getElementById('picTitle').value;
	var newCaption = document.getElementById('mycaption').value;
	if(newCaption.length == 0)
		newCaption = " ";
	if(newTitle.length == 0)
		newTitle = " ";

        var pd = 'num=' + thisPic + '&title=' + newTitle + '&caption=' + newCaption;
	ajax_post('_ajax_/ajaxImageDetails.php',_saveImageDetails, pd );
}


function _saveImageDetails( json )
{
    if(json.indexOf('yes') != -1)
    {
        document.getElementById('saveImageDetails').innerHTML = "save";
    }
    else
    {
        document.getElementById('saveImageDetails').innerHTML = '_error_';
    }
}



function saveVideoDetails()
{
    document.getElementById('saveVideoDetails').innerHTML = "working...";
    var newTitle = document.getElementById('vidTitle').value;
    var newCaption = document.getElementById('myvcaption').value;
    var newFolder = document.getElementById('vidFolder').value;
    if(newCaption.length == 0)
        newCaption = " ";
    if(newTitle.length == 0)
        newTitle = " ";

    var pd = 'num=' + thisVid + '&title=' + newTitle + '&caption=' + newCaption + "&folder=" + newFolder + '&hash=' + Math.random();
    ajax_post('_ajax_/ajaxVideoDetails.php', _saveVideoDetails, pd );
}


function _saveVideoDetails( json )
{
    if(json.indexOf('yes') != -1)
    {
        document.getElementById('saveVideoDetails').innerHTML = "save";
    }
    else
    {
        document.getElementById('saveVideoDetails').innerHTML = '_error_';
    }
}



function makeProfileImage(num)
{
    if(profile == thisPic)
        return;

    document.getElementById('makeProfileImage').innerHTML = 'working...';
    maybeProfile = thisPic;

    ajax_post('_ajax_/ajaxProfileImage.php', _makeProfileImage, 'num=' + memberId + '&profile=' + maybeProfile );
}
function _makeProfileImage( json )
{
    if(json.indexOf('yes') != -1)// response == 'yes' || response == ' yes')
    {
        document.getElementById('makeProfileImage').innerHTML = 'my profile';
        profile = maybeProfile;
    }
    else
    {
        document.getElementById('makeProfileImage').innerHTML = response;
    }
}


XAS._makeShowcaseImage = function( json )
{
    if(json.indexOf('yes') != -1)// response == 'yes' || response == ' yes')
    {
        document.getElementById('makeShowcaseImage').innerHTML = 'my showcase';
        showcase = maybeShowcase;
    }
    else
    {
        document.getElementById('makeShowcaseImage').innerHTML = '_error_';
    }
}

XAS.makeShowcaseImage = function()
{
    if(thisPic == showcase)
        return;
    document.getElementById('makeShowcaseImage').innerHTML = 'working...';
    maybeShowcase = thisPic;
    ajax_post('_ajax_/ajaxShowcaseImage.php', XAS._makeShowcaseImage, 'num=' + memberId + '&showcase=' + maybeShowcase );
}






function checkCreatePP()
{
	if(document.getElementById('projectTitle').value.replace(/^\s+|\s+$/g, '') == '')
	{
		alert("Please Create a Title");
		return false;
	}
	return true;
}

function deleteYoutubeLink(videoId)
{
	document.getElementById('videoId').value = videoId;
	document.getElementById('hiddenForm3').submit(); 	
}

function deleteImage()
{
    var sure = confirm('Are you sure you want to delete this image?');

    if(sure)
    {
            document.getElementById('deletePhotoId').value = thisPic;
            document.getElementById('deletePhotoForm').submit();
    }
}

function deleteVideo( id, name )
{
    var sure = confirm('Are you sure you want to delete this video?');

    if(sure && document.getElementById('deleteVidId')) // in dev
    {
            document.getElementById('deleteVidId').value = id;
            document.getElementById('deleteVidName').value = name;
            document.getElementById('deleteVidForm').submit();
    }
}

function validateNotes()
{
	if(document.getElementById('mytitle').value.replace(/^\s+|\s+$/g, '') == '')
	{
		alert("Please Create a Title");
		return false;
	}
	if(document.getElementById('mytitle').value.length > 30)
	{
		alert('Sorry, your title must be 30 charactors or less');
		return false;
	}	
	if(isBadString2(document.getElementById('mytitle').value))
	{
		alert('Sorry, you cannot use some of the charactors in your title (<,>)');
		return false;
	}
	if(isBadString2(document.getElementById('mynotes').value))
	{
		alert('Sorry, you cannot use some of the charactors in your notes (<,>)');
		return false;
	}
	if(isBadString(document.getElementById('myemail').value))
	{
		alert('Sorry, you cannot use some of the charactors in your email (\',\",<,>)');
		return false;
	}
	if(isBadString(document.getElementById('youtubeLink').value))
	{
		alert('Sorry, you cannot use some of the charactors in your youtube link (\',\",<,>)');
		return false;
	}
 	return true;
}

function isBadString(str)
{
	if(str.indexOf('\'') > -1 || str.indexOf('\"') > -1 || str.indexOf('<') > -1 || str.indexOf('>') > -1 || str.indexOf('\\') > -1)
	{
		return true;	
	}
	return false;
}

//allows ' and " for title and notes
function isBadString2(str)
{
	if(str.indexOf('<') > -1 || str.indexOf('>') > -1 || str.indexOf('\\') > -1)
	{
		return true;	
	}
	return false;
}// JavaScript Document

function loadImage(imgSrc,pid)
{
	var img = new Image();
	img.src = imgSrc;
	myPid = pid;
	img.onload = function()
	{
		document.getElementById('picTag_' + myPid).className = 'picTagSelected2';
	}
	return img;
}