var root_url = 'http://www.sandrarugina.eu/'; /* const */
var visible_mdialog = undefined;
var visible_gallery = 0;

var kArtImages = new Array();
var kCommercialImages = new Array();
var artImages = new Array();
var commercialImages = new Array();

var isSmallScreen = false;
var showThreeRows = false;

window.addEvent('domready', function() {
    var leftd = $('left');
    var rightd = $('right');
    var topd = $('top');
    var centerd = $('center');
    var bottomd = $('bottom');

    new Element('img', {
        src : root_url+'assets/templates/sandra/img/box_bg2.png'
    });
    
    if (screen.width >= 1600 && screen.height >= 1200) {
        isSmallScreen = false;
        showThreeRows = false;
    } else {
        isSmallScreen = true;
    }
    if (screen.width <= 1024 || screen.height <= 800) {
        showThreeRows = true;
    }

    var arr = imageArrays();
    commercialImages = arr[0];
    artImages = arr[1];

    addLinkVisualBoxEffects(leftd, commercial_gallery);
    addLinkVisualBoxEffects(rightd, art_gallery);
    addClientVisualBoxEffects(topd);
    addContactVisualBoxEffects(bottomd);
});

function imageArrays() {
    var comArr = new Array();
    var artArr = new Array();

    var numArt = kArtImages.length;
    var numCommercial = kCommercialImages.length;
    var i = 0;
    var newArr = new Array();
    for (i=0;i<numCommercial;i++) {
        var tempArr = new Array();
        var imgPath = 'galleries/commercial/'+kCommercialImages[i];
        if (isSmallScreen) {
            imgPath = 'galleries/commercial_small_screen/'+kCommercialImages[i];
        }
        tempArr.push(imgPath);
        newArr.push(tempArr);
    }
    comArr = newArr;
    newArr = new Array();
    for (i=0;i<numArt;i++) {
        var tempArr = new Array();
        var imgPath = 'galleries/art/'+kArtImages[i];
        if (isSmallScreen) {
            imgPath = 'galleries/art_small_screen/'+kArtImages[i];
        }
        tempArr.push(imgPath);
        newArr.push(tempArr);

    }
    artArr = newArr;

    var retArr = new Array();
    retArr.push(comArr);
    retArr.push(artArr);
    return retArr;
}

function commercial_gallery(e) {
    e.stop();
    visible_gallery = 1;
    if (visible_mdialog != undefined) {
        visible_mdialog.close();
    }
    var close_link = $('lbCloseLink');
    if (close_link != undefined) {
        close_link.removeEvent('click', commercial_gallery);
        close_link.removeEvent('click', art_gallery);
    }

    var content = $('left_gallery').clone();
    content.style.visibility = 'visible';
    content.style.display = 'block';

    var div = new Element('div', {
        styles : {
                    'margin' : '0',
                    'padding' : '0',
                    'overflow-y' : 'auto',
                    'overflow-x' : 'hidden'
                }
    });
    content.inject(div);

    var mdialog = null;
    if (showThreeRows == false) {
        mdialog = new MooDialog({
            'class' : 'MooDialog gallery',
            'title' : 'Commercial pictures'
        });
    } else {
        mdialog = new MooDialog({
            'class' : 'MooDialog small_gallery',
            'title' : 'Commercial pictures'
        });
        div.style.height = '400px';
    }
    visible_mdialog = mdialog;
    mdialog.setContent(div);
    mdialog.open();

    return false;
}

function art_gallery(e) {
    e.stop();
    visible_gallery = 2;
    if (visible_mdialog != undefined) {
        visible_mdialog.close();
    }
    var close_link = $('lbCloseLink');
    if (close_link != undefined) {
        close_link.removeEvent('click', commercial_gallery);
        close_link.removeEvent('click', art_gallery);
    }

    var content = $('right_gallery').clone(); 
    content.style.visibility = 'visible';
    content.style.display = 'block';
    var div = new Element('div', {
        styles : {
                    'margin' : '0',
                    'padding' : '0',
                    'overflow-y' : 'auto',
                    'overflow-x' : 'hidden'
                }
    });
    content.inject(div);

    var mdialog = null;
    if (showThreeRows == false) {
        mdialog = new MooDialog({
            'class' : 'MooDialog gallery',
            'title' : 'Art pictures'
        });
    } else {
        mdialog = new MooDialog({
            'class' : 'MooDialog small_gallery',
            'title' : 'Art pictures'
        });
        div.style.height = '400px';
    }
    visible_mdialog = mdialog;
    mdialog.setContent(div);
    mdialog.open();

    return false;
}


function show_image(cnt, gallery) {
    if (visible_mdialog != undefined) {
        visible_mdialog.close();
        visible_mdialog = undefined;
    }

    var arr = gallery == 'art' ? artImages : commercialImages;

    Slimbox.open(arr, cnt);
   
    var close_link = $('lbCloseLink');  
    if (visible_gallery == 1) {
        close_link.addEvent('click', commercial_gallery);
    } else if (visible_gallery == 2) {
        close_link.addEvent('click', art_gallery);
    }
    visible_gallery = 0;
    
    return false;
}


function addVisualBoxEffects(elem) {
    elem.addEvent('mouseover', function(e) {
        elem.style.backgroundImage = 'url('+root_url+'assets/templates/sandra/img/box_bg2.png)';
    });
    elem.addEvent('mouseout', function(e) {
        elem.style.backgroundImage = 'url('+root_url+'assets/templates/sandra/img/box_bg.png)';
    });
}

function addClientVisualBoxEffects(elem) {
    addVisualBoxEffects(elem);
    elem.addEvent('mouseover', function(e) {
        $('client_list_header').style.top = '0%';
        $('client_list').style.visibility = 'visible';
        $('client_list').style.display = 'block';
    });
    elem.addEvent('mouseout', function(e) {
        $('client_list_header').style.top = '40%';
        $('client_list').style.visibility = 'hidden';
        $('client_list').style.display = 'none';

    });
}

function addContactVisualBoxEffects(elem) {
    addVisualBoxEffects(elem);
    elem.addEvent('mouseover', function(e) {
        $('contact_header').style.top = '80%';
        $('contact_data').style.visibility = 'visible';
        $('contact_data').style.display = 'block';
    });
    elem.addEvent('mouseout', function(e) {
        $('contact_header').style.top = '40%';
        $('contact_data').style.visibility = 'hidden';
        $('contact_data').style.display = 'none';

    });
}

function addLinkVisualBoxEffects(elem, linkf) {
    addVisualBoxEffects(elem);
    elem.addEvent('click', linkf);
}