var elem = function(){
    if(arguments.length>1){
        var Elems = [];
        for(var i=0; i<arguments.length; i++){
            Elems.push(document.getElementById(arguments[i]));
        }
        return (Elems);
    }else{
        return(document.getElementById(arguments[0]));
    }
}


var AddCSS = function(obj, className){
    if(obj.className.length > 0)
        obj.className += " " +className;
    else
        obj.className = className;
}

var RemoveCSS = function(obj, className){
    var classNameArray = obj.className.split(" ");
    for(var i=0; i<classNameArray.length; i++){
        if(classNameArray[i] == className) classNameArray.splice(i, 1);
    }
    obj.className = classNameArray.join(" ");
}

var ChangeValidateCode = function(validateImage){ elem(validateImage).src = "/IncludeFiles/GetValidateCode/?get=" +new Date().getTime(); }


var Roll = function(objID, acc) {
    var obj = elem(objID);
    if (obj.t == true) return;
    obj.t = true;
    var target = obj.scrollLeft + acc;
    if (target < 0) target = 0;
    if (target > obj.scrollWidth - obj.offsetWidth) target = obj.scrollWidth - obj.offsetWidth;
    RollAnime(obj, target);
}

var RollAnime = function(obj, target) {
    obj.scrollLeft += myCeil((target - obj.scrollLeft) * 0.2);
    if (obj.scrollLeft != target)
        setTimeout(function() { RollAnime(obj, target) }, 20);
    else
        obj.t = false;
}

var myCeil = function(number){
	if(number>0) return(Math.ceil(number));
	return(Math.ceil(number *-1) *-1);
}

var ClearDefault = function(obj, defValue){
    if(obj.value == defValue) obj.value = "";
    obj.onblur = function(){
        if(obj.value.length == 0) obj.value = defValue;
    }
}

var Preview = function(container){
    var layer = document.createElement("div");
    var timeout = 0, timeout2 = 0;
    
    with(layer){
        style.top = getTop(container) +"px";
        style.left = getLeft(container) +"px";
        className = "previewLayer";
    }
    
    var imageWrapper = document.createElement("div");
    var imageLink = document.createElement("a");
    var image = document.createElement("img");
    
    var textWrapper = document.createElement("div");
    var textLink = document.createElement("a");
    var title = document.createElement("h5");
    var description = document.createElement("p");
    
    imageLink.href = textLink.href = container.getElementsByTagName("a")[0].href;
    image.src = container.getElementsByTagName("img")[0].src;
    title.innerHTML = container.getElementsByTagName("a")[1].innerHTML;
    description.innerHTML = container.getElementsByTagName("span")[0].innerHTML;
    
    imageWrapper.className = "image_wrapper";
    textWrapper.className = "text_wrapper";
    
    imageLink.appendChild(image);
    imageWrapper.appendChild(imageLink);
    
    
    textLink.appendChild(title);
    textLink.appendChild(description);
    textWrapper.appendChild(textLink);
    
    layer.appendChild(imageWrapper);
    layer.appendChild(textWrapper);
    
    timeout2 = setTimeout(function(){ document.body.appendChild(layer); },1000);
    
    layer.onmouseover = function(){
        if(timeout) clearTimeout(timeout);
    }
    
    layer.onmouseout = container.onmouseout = function(){
        clearTimeout(timeout2);
        timeout = setTimeout( function(){ document.body.removeChild(layer) }, 20 );
    }
}