var slide_home = new Array();
var slide_index;
var slide_max;
    
function loader(page){
    document.img_preloaded = new Array();
    
    document.img_preloaded[1] = new Image();
    document.img_preloaded[1].src = "img/desk-hover.png";
    
    document.img_preloaded[2] = new Image();
    document.img_preloaded[2].src = "img/mob-hover.png";
    
    document.img_preloaded[3] = new Image();
    document.img_preloaded[3].src = "img/tab-hover.png";
    
    
    document.img_preloaded[4] = new Image();
    
    switch(page){
        case 'desk':
            url = "img/slide_desk.png";
            /* desk: 135, -235, -605 */
            slide_home = ["135px", "-235px", "-605px"];
            break;
        case 'tablet':
            url = "img/slide_tab.png";
            /* tablet: 135, -260, -660 */
            slide_home = ["135px", "-260px", "-660px"];
            //slide_home = ["135px", "-260px"];
            break;
        case 'mobile':
            url = "img/slide_phone.png";
            /* mobile: 135, -330 */
            slide_home = ["135px", "-330px"];
            //slide_home = ["135px"];
            break;
        
        default:
            url = "img/slide_home.png";
            /* home: 135, -260, -660, -1090 */
            slide_home = ["135px", "-260px", "-660px", "-1090px"];
            break;
    }
    document.img_preloaded[4].src = url;
    
    document.getElementById("slide").src = document.img_preloaded[4].src;
    document.getElementById("slide").style.display = "block";
    
    $("#slide").load(slider());
    
}
function slider(){
    slide_index = 0;
    slide_max = slide_home.length;
    
    animeSlider();
}


function animeSlider(){
    $("#slide").animate({"margin-left": slide_home[slide_index]}, 500);
    
    slide_index++;
    if(slide_index >= slide_max) slide_index=0;
    
    setTimeout("animeSlider()", 3000);
}