var ctlflag=0;

//scroll portofolio
function scrollit(){
    document.getElementById('thediv').scrollLeft-=ctlflag;
    if (ctlflag!=0){
        setTimeout('scrollit()',10);
    }
}

//hover portofolio img
function hover(img){
    document.getElementById('img').src='/images/img'+img+'.jpg';
}

/* V A L I D A T E    F O R M */
function validateForm(validate) {
    var curr_field, fieldName, filterList, element, errno, tvalue, len;
    var missinginfo = '';
    var matchEmail =/email/i
    var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
    var matchField = /([a-zA-Z0-9]{1}[\w_]+[a-zA-Z0-9]{1})\[([\S]{0,})\]/i

    /*filters used*/
    var filter1 = /len/i //maximum length
    var filter2 = /numeric/i //numeric fields

    var checkList = validate.split(",");
    for( var z=0; z < checkList.length; z++ ) {
        //get the field name
        fieldName = checkList[z].replace(matchField,"$1");
        //get the field criterias
        curr_field = checkList[z].replace(matchField, "$2");
        element = document.getElementById(fieldName);
        
        //check if this field is the email field to use different filter
        if(matchEmail.test(fieldName)) {
            if( !filter.test(element.value) ) { errno = 3;  } else { errno = 0;  }
        } else {
            //check if field is blank
            if( element.value == '' ) {
                errno = 1;
            } else {
                filterList = curr_field.split(";");
                for( var f=0; f < filterList.length; f++ ) {
                    
                    tvalue = filterList[f].split("=");
                    if(filter1.test(filterList[f])) {//check field length
                        if(element.value.length > tvalue[1] ) { errno = 2; len=tvalue[1]; } else { errno = 0; }
                    } else if(filter2.test(filterList[f])){//check if field is numeric
                        if(!IsNumeric(element.value)) { errno = 4; } else { errno = 0; }
                    }
                }
            }
        }
        //clear underscores from field name
        fieldName = fieldName.replace(/[_' ']/g," ");

        //ERRORS messages type
        if(errno==0 || !errno){ //field is valid
            element.style.backgroundColor='#FFFFFF';
        }else if(errno==1) {//field is blank
            missinginfo += '\n - '+ capitalize(fieldName)+ ' is required';
            element.style.backgroundColor='#E3F0FF';
        }else if(errno==2) {//max characters permitted
            missinginfo += '\n - '+ capitalize(fieldName)+ ' Max. Characters permitted = '+len;
            element.style.backgroundColor='#E3F0FF';
        }else if(errno==3) {//invalid email
            missinginfo += '\n - '+ capitalize(fieldName)+ ' is not valid';
            element.style.backgroundColor='#E3F0FF';
        }else if(errno==4) {//numeric fields
            missinginfo += '\n - '+ capitalize(fieldName)+ ' is a numeric field';
            element.style.backgroundColor='#E3F0FF';
        }
    }
    if (missinginfo != '') {
        missinginfo = '_____________________________\n' + 'Please fill in correctly the following information:\n' +
        missinginfo + '\n_____________________________';
        alert(missinginfo);
        return false;
    } else {
        return true;
    }
    return false;
}

/*C O N V E R T   F I R S T   L E T T E R   T O    U P P E R C A S E*/
function capitalize(str) {
  var arr=str.split("");
  arr[0]=arr[0].toUpperCase();
  var s=arr.join("");
  return s;
}

/*C H E C K   I F   A   F I E L D   I S   N U M E R I C*/
function IsNumeric(sText){
    var ValidChars = "0123456789.";
    var IsNumber=true;
    var Char;


    for (i = 0; i < sText.length && IsNumber == true; i++) {
        Char = sText.charAt(i);
        if (ValidChars.indexOf(Char) == -1) {
            IsNumber = false;
        }
    }
   return IsNumber;

}

function ajax(fragment_url,element_id) {

    var element = document.getElementById(element_id);

    document.body.style.cursor = "progress";
    
    element.innerHTML = '<font size=1>Searching<img src="../images/indicator.gif"></font>';
    
    if (window.XMLHttpRequest) { //for all browers but IE
        xmlhttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) { //for IE
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    }
    
    xmlhttp.open("GET", fragment_url+ '&r='+Math.random());
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.body.style.cursor = "auto";
            element.innerHTML = (unescape(xmlhttp.responseText)).replace(/\+/gi," ");
        }
    }
    xmlhttp.send(null);
}

function hide(action,tbl){
    var element = document.getElementById('b'+tbl);
    ctlflag=2;scrollit();
    
    if(action == 0)
        element.style.display='none';
    
    if(action == 1)
        element.style.display='inline';
}

function swap(elem,value){
    document.getElementById(elem).src = '/images/'+value+'.gif';
}


function previewWeb() {
    var hotels = document.getElementById('hotels');
    var car_rental = document.getElementById('car_rental');
    var resorts = document.getElementById('resorts');
    var airport_parking = document.getElementById('airport_parking');
    
    //get modules
    var modules = '';
    if(hotels.checked) { modules = "2"; }
    if(car_rental.checked) {
        var sp = modules == '' ? '' : ',';
        modules += sp+ "3";
    }
    if(resorts.checked) {
        var sp = modules == '' ? '' : ',';
        modules += sp+ "1";
    }
    if(airport_parking.checked) {
        var sp = modules == '' ? '' : ',';
        modules += sp+ "4";
    }
    if(modules == '') {
        alert('Please select a module!');
        return false;
    }
    var domain = '&domain=';
    
    for( x=0; x < document.form.domain.length; x++ ){
        if(document.form.domain[x].checked == true) {
            domain = domain + document.form.domain[x].value;
        }
    }
    
    alert(modules+domain);
    
}