function getElementsByClassName(clsName) {
    var classes,j,i, matches=new Array();
    var els=document.getElementsByTagName('*');

    for(i=0; i<els.length; i++) {
        classes = els.item(i).className;
        classes = classes.split(' ');
        for(j=0;j<classes.length; j++ ){
            if(classes[j]==clsName) {
                matches.push(els.item(i));
            }
        }
    }
    return matches;
}

function showPop(id){
    document.getElementById('popups').style.display = 'block';
    document.getElementById(id).style.display = 'block';
}

function hideGallery(){
    document.getElementById('img_gallery').src = '';
    document.getElementById('popups-gallery').style.display = 'none';
}

function hidePop(){
    document.getElementById('popups').style.display = 'none';
    var pop = getElementsByClassName('pop');
    var top = pop.length;
    var i;
    var id;

    for(i=0; i<top; i++){
        id = pop[i].id;
        document.getElementById(id).style.display = 'none';
    }
}

function addClass(element, className){
    var allClass = element.getAttribute("class");
    element.setAttribute("class", allClass+' '+className);
    element.setAttribute("className", allClass+' '+className);
}

function removeClass(element, className){
    var allClass = element.getAttribute("class");
    if(navigator.appName == 'Microsoft Internet Explorer'){
        var version = navigator.appVersion.split(';');
        if(version[1] == ' MSIE 7.0' ){
            var allClass = element.getAttribute("className");
        }

    }

    allClass = allClass.replace(className,"");

    element.setAttribute("class", allClass);
    element.setAttribute("className", allClass);
}

function select(element, blockid){
    var classes,i,j;
    var child = element.parentNode.childNodes;

    var top = child.length;
    for(i=0;i<top;i++){
        if(child.item(i).innerHTML != undefined){
            classes = child.item(i).className.split(' ');
            for(j=0;j<classes.length; j++ ){
                if(classes[j]=='selected-btn') {
                    removeClass(child.item(i), 'selected-btn');
                }
            }
        }
    }
    addClass(element, 'selected-btn');

    var block = document.getElementById(blockid);

    child = block.parentNode.childNodes;

    top = child.length;
    for(i=0;i<top;i++){
        if(child.item(i).innerHTML != undefined){
            classes = child.item(i).className.split(' ');
            for(j=0;j<classes.length; j++ ){
                child.item(i).style.display = 'none';
            }
        }
    }

    document.getElementById(blockid).style.display = 'block';
}

function test(){
    var elements = getElementsByClassName('aaa');
    alert(elements[1].innerHTML);
    elements[1].innerHTML = 'asdasda'
}

function showPhoto(src){
    if(src != ''){
        var img = document.getElementById('img_gallery');
        img.src = src;

        document.getElementById('popups-gallery').style.display = 'block';
    }
}

function nextImg(){
    var top = document.getElementById('topimg').value;

    var nowimg = document.getElementById('nowimg').value;

    if(nowimg < top){
        document.getElementById('img'+nowimg).style.display = 'none';
        nowimg++;
        document.getElementById('img'+nowimg).style.display = 'block';

    } else {
        document.getElementById('img'+nowimg).style.display = 'none';
        nowimg = 1;
        document.getElementById('img'+nowimg).style.display = 'block';
    }
    document.getElementById('nowimg').value = nowimg;
}

function prevImg(){
    var prim = 1;

    var nowimg = document.getElementById('nowimg').value;

    if(nowimg > prim){
        document.getElementById('img'+nowimg).style.display = 'none';
        nowimg--;
        document.getElementById('img'+nowimg).style.display = 'block';

    } else {
        document.getElementById('img'+nowimg).style.display = 'none';
        nowimg = document.getElementById('topimg').value;
        document.getElementById('img'+nowimg).style.display = 'block';
    }
    document.getElementById('nowimg').value = nowimg;
}

function load(){
    if(document.getElementById('slide-gallery') != undefined){
        var gallery = document.getElementById('slide-gallery');
        var child = gallery.childNodes;
        var i,n;
        n = 0;
        for(i=0;i<child.length;i++){
            if(child.item(i).id != undefined){
                n++;
            }
        }

        document.getElementById('topimg').value = n
        var top = n;
        var nowimg = document.getElementById('nowimg').value;

        for(i=1; 1 <=top; i++){
            if(nowimg == i){
                document.getElementById('img'+i).style.display = 'block';
            } else {
                document.getElementById('img'+i).style.display = 'none';
            }
        }
    }
}

function validateFrm(){
    var inputs;
    var top;
    var i;
    var noerror = 1;
    var re=/^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$/;
    
    inputs = getElementsByClassName('required');
    top = inputs.length;
    
    
    for(i=0; i<top; i++){
        if(inputs[i].value == ''){
            inputs[i].style.border = '1px solid red';
            noerror = 0;
        } else {
            inputs[i].style.border = '0px';
        }
    }
        
    inputs = getElementsByClassName('requiredemail');
    top = inputs.length;
    
    
    for(i=0; i<top; i++){
        if(!re.exec(inputs[i].value))    {
            inputs[i].style.border = '1px solid red';
            noerror = 0;
        }else{
            inputs[i].style.border = '0px';
        }
    }

    if(noerror == 0){
        return false;
    } else {
        return true;
    }
}