/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

function setLang(lang) {

    var url = baseUrl+"handlerequest/setLanguage/"+lang;

	new Ajax.Request(url,{
        method: 'get',
        onSuccess: function(transport) {
            var response = transport.responseText || "no response text";
            if (response=="no response text") {
                var msg = "Sorry, failed to change language..";
                alert(msg.toUpperCase());
            } else {
                location.reload();
            }
        }
    });
}

function showTabMenu(id) {
    /*
     * set class name in array
     */
    var classNameArray   = new Array();
    classNameArray[0]    = "history-menu";
    classNameArray[1]    = "profil-menu";
    classNameArray[2]    = "csr-menu";
    classNameArray[3]    = "company-menu";

    /*
     * set labeling in array
     */
    var labelArray = new Array();
    labelArray[0]   = "History TRAC";
    labelArray[1]   = "Profil TRAC";
    labelArray[2]   = "CSR TRAC";
    labelArray[3]   = "Company Menu";

    /*
     * set list contents in array
     */
    var listContentArray = new Array();
    listContentArray[0] = "history-menu";
    listContentArray[1] = "list-contents-default";
    listContentArray[2] = "csr-trac";
    listContentArray[3] = "company-menu";

    for(var i=1; i<=classNameArray.length; i++) {
        if ("menu"+i!=id) {
            $("menu"+i).className = classNameArray[i-1]+"-b";
            $("menu"+i).innerHTML = "<a href=\"javascript:showTabMenu('menu"+i+"');\">"+labelArray[i-1]+"</a>";
            $(listContentArray[i-1]).style.display = "none";
        } else {
            $("menu"+i).className = classNameArray[i-1]+"-o";
            $("menu"+i).innerHTML = labelArray[i-1];
            $(listContentArray[i-1]).style.display = "block";
        }
    }
}

 
function showTabMenu3(id) {
    /*
     * set class name in array
     */
    var classNameArray   = new Array();
    classNameArray[0]    = "sabuk-menu";
    classNameArray[1]    = "aman-menu";
    classNameArray[2]    = "hujan-menu";
    classNameArray[3]    = "antisipasi-menu";
		classNameArray[4]    = "tips-menu";

    /*
     * set labeling in array
     */
    var labelArray = new Array();
    labelArray[0]   = "Sabuk Keamanan";
    labelArray[1]   = "Aman Berkendara";
    labelArray[2]   = "Aman Dimusim Hujan";
    labelArray[3]   = "Antisipasi Musim Hujan";
		labelArray[4]   = "Tips Relaksasi Dimobil";

    /*
     * set list contents in array
     */
    var listContentArray = new Array();
    listContentArray[0] = "sabuk-content";
    listContentArray[1] = "aman-content";
    listContentArray[2] = "hujan-content";
    listContentArray[3] = "antisipasi-content";
		listContentArray[4] = "tips-content";

    for(var i=1; i<=classNameArray.length; i++) {
        if ("menu"+i!=id) {
            $("menu"+i).className = classNameArray[i-1]+"-b";
            $("menu"+i).innerHTML = "<a href=\"javascript:showTabMenu3('menu"+i+"');\">"+labelArray[i-1]+"</a>";
            $(listContentArray[i-1]).style.display = "none";
        } else {
            $("menu"+i).className = classNameArray[i-1]+"-o";
            $("menu"+i).innerHTML = labelArray[i-1];
            $(listContentArray[i-1]).style.display = "block";
        }
    }
}

function showTabMenu2(id) {
    /*
     * set class name in array
     */
		// alert(id);
    var classNameArray   = new Array();
    classNameArray[0]    = "leasing-menu";
    classNameArray[1]    = "rental-menu";


    /*
     * set labeling in array
     */
    var labelArray = new Array();
    labelArray[0]   = "Leasing";
    labelArray[1]   = "Rental";

    /*
     * set list contents in array
     */
    var listContentArray = new Array();
    listContentArray[0] = "list-default";
    listContentArray[1] = "rental-menu";

//alert(id);
    for(var i=1; i<=classNameArray.length; i++) {
        if ("menu"+i!=id) {
            $("menu"+i).className = classNameArray[i-1]+"-b";
            $("menu"+i).innerHTML = "<a href=\"javascript:showTabMenu2('menu"+i+"');\">"+labelArray[i-1]+"</a>";
            $(listContentArray[i-1]).style.display = "none";
        } else {
            $("menu"+i).className = classNameArray[i-1]+"-o";
            $("menu"+i).innerHTML = labelArray[i-1];
            $(listContentArray[i-1]).style.display = "block";
        }
    }
 
}


function showOurTabMenu(id) {
    /*
     * set class name in array
     */
    var classNameArray   = new Array();
    classNameArray[0]    = "leasing-menu";
    classNameArray[1]    = "rental-menu";

    /*
     * set labeling in array
     */
    var labelArray = new Array();
    labelArray[0]   = "Leasing";
    labelArray[1]   = "Rental";

    /*
     * set list contents in array
     */
    var listContentArray = new Array();
    listContentArray[0] = "list-context";
    listContentArray[1] = "rental-menu";

    for(var i=1; i<=classNameArray.length; i++) {
        if ("menu"+i!=id) {
            $("menu"+i).className = classNameArray[i-1]+"-b";
            $("menu"+i).innerHTML = "<a href=\"javascript:showOurTabMenu('menu"+i+"');\">"+labelArray[i-1]+"</a>";
            $(listContentArray[i-1]).style.display = "none";
        } else {
            $("menu"+i).className = classNameArray[i-1]+"-o";
            $("menu"+i).innerHTML = labelArray[i-1];
            $(listContentArray[i-1]).style.display = "block";
            var getListContent = listContentArray[i-1];
            $(getListContent).innerHTML = "<div id=\"our-service-loader\"><img src=\"media/images/giant-loader.gif\"></div>";

            var url = "/trac/our_services/listDetail/"+labelArray[i-1];
            new Ajax.Request(url,{
                method: 'get',
                onSuccess: function(transport) {
                    var response = transport.responseText || "no response text";
                    if (response=="no response text") {
                        var msg = "Sorry, failed to change language..";
                        alert(msg.toUpperCase());
                    } else {
                        if (Prototype.Browser.IE && getListContent == "rental-menu") {
                            $('center-contents').style.height = "100%";
                        }
                      //  alert(response);
                        $(getListContent).innerHTML = response;
                    }
                }
            })
        }
    }
}

function loadFullImage(page,id) {
    //alert("page -> "+page+" id -> "+id);
    var url = baseUrl+"vehicle_selection/getfullimage/"+id+"/"+page;
    $('full-bg-image').innerHTML = "<div id=\"our-service-loader\" style=\"margin-top: 55px;\"><img src=\""+baseUrl+"media/images/giant-loader.gif\"></div>";
		
    new Ajax.Request(url,{
        method: 'get',
        onSuccess: function(transport) {
            var response = transport.responseText || "no response text";
            if (response=="no response text") {
                var msg = "Sorry, failed to load full image..";
                alert(msg.toUpperCase());
            } else {
                var parseResponse = response.split("|");

                $('full-bg-image').innerHTML = parseResponse[0];
                $('content-full-image').innerHTML = parseResponse[1];
            }
        }
    });
}

function getCareer(id) {
    location.href = baseUrl+"career/appraiser/"+id;
}

function openPopUp(url, width, height) {

    var left   = parseInt((screen.availWidth/2) - (width/2));
    var top    = parseInt((screen.availHeight/2) - (height/2));
    var windowFeatures = "width=" + width + ",height=" + height + 
        ",status,scrollbars,resizable,left=" + left + ",top=" + top + 
        ",screenX=" + left + ",screenY=" + top;
    var myWindow = window.open(url, "win" + Math.floor(Math.random()), windowFeatures);
}