//var questionId;
var controlArray = new Array("ShakerYoosk",
                            "MoverYoosk",
                            "RecentForAllTopic");
                            
var controlArray1 = new Array("DayQuestion", 
                                "PopularCele", 
                                "RecentCele",
                                "PopularUser", 
                                "RecentUser",
                                "RecentTopic",
                                "PopularTopic",
                                "BrowseQuestion");
var controlArray2 = new Array("questionDetail");

function linkClick(controlName, questionId)
{
        var j = 0;
        var obj;
        for(j= 0; j< controlArray.length; j++)
        {
            if (controlArray[j] == controlName)
            {
                var id = controlName + questionId;
                var obj = document.getElementById(id);
                obj.className = 'mv-li2 background-number-hover-nopad';
            }
        }
        for(j= 0; j< controlArray1.length; j++)
        {
            if (controlArray1[j] == controlName)
            {
                var id = controlName + questionId;
                var obj = document.getElementById(id);
                obj.className = 'browse-li2 background-number-hover-nopad';
            }
        }
        for(j= 0; j< controlArray2.length; j++)
        {
            if (controlArray2[j] == controlName)
            {
                var id = controlName + questionId;
                var obj = document.getElementById(id);
                obj.className = 'li2 background-number-hover-nopad';
            }
        }
        for(var i= 0; i< obj.childNodes.length; i++)
        {
            obj.removeChild(obj.childNodes[i]);
            i--;
        }
		var turnaroundDiv = document.createElement("div");
		turnaroundDiv.className = "turnaround";
		obj.appendChild(turnaroundDiv);
		// store
    	var yooskResult = Ext.data.Record.create([
			{name: 'YooskNo'},
			{name: 'Result'}
	    ]);
	    var yooskReader = new Ext.data.JsonReader({
		    record: "yooskResult"
		    }, yooskResult
	    );
	    var yooskStore = new Ext.data.Store({
		    proxy: new Ext.data.HttpProxy({
			    url: yooskUrl,
			    method: 'POST'
		    }),
		    reader: yooskReader,
		    question: questionId,
		    controlName: controlName
	    });
        yooskStore.baseParams = { question: questionId };
        yooskStore.load({ callback: onSucessYoosk });
    }
    
function onSucessYoosk()
{
    var result = this.reader.jsonData.Result;
    var yooskNo = this.reader.jsonData.YooskNo;
    var controlName = this.controlName;
    if (result == 0) // fail
    {
        var id = controlName + this.question;
        var obj = document.getElementById(id);
        for(var i= 0; i< obj.childNodes.length; i++)
        {
            obj.removeChild(obj.childNodes[i]);
            i--;
        }
        var j = 0;
        for(j= 0; j< controlArray.length; j++)
        {
            if (controlArray[j] == controlName)
            {
                obj.className = 'mv-li2 background-number-hover-error';
            }
        }
        for(j= 0; j< controlArray1.length; j++)
        {
            if (controlArray1[j] == controlName)
            {
                obj.className = 'browse-li2 background-number-hover-error';
            }
        }
        for(j= 0; j< controlArray2.length; j++)
        {
            if (controlArray2[j] == controlName)
            {
                obj.className = 'li2 background-number-hover-error';
            }
        }
        obj.innerHTML = 'You have yoosked this question';
    }
    else // ok
    {
        for (var j = 0; j < controlArray.length; j++)
        {
            var id = controlArray[j] + this.question;
            var obj = document.getElementById(id);
            if (obj)
            {
                for(var i= 0; i< obj.childNodes.length; i++)
                {
                    obj.removeChild(obj.childNodes[i]);
                    i--;
                }
                obj.className = 'mv-li2 background-number-hover';
                obj.innerHTML = yooskNo;
            }
        }
        for (var j = 0; j < controlArray1.length; j++)
        {
            var id = controlArray1[j] + this.question;
            var obj = document.getElementById(id);
            if (obj)
            {
                for(var i= 0; i< obj.childNodes.length; i++)
                {
                    obj.removeChild(obj.childNodes[i]);
                    i--;
                }
                obj.className = 'browse-li2 background-number-hover';
                obj.innerHTML = yooskNo;
            }
        }
        for (var j = 0; j < controlArray2.length; j++)
        {
            var id = controlArray2[j] + this.question;
            var obj = document.getElementById(id);
            if (obj)
            {
                for(var i= 0; i< obj.childNodes.length; i++)
                {
                    obj.removeChild(obj.childNodes[i]);
                    i--;
                }
                obj.className = 'li2 background-number-hover';
                obj.innerHTML = yooskNo;
            }
        }
    }
}