// Effects Javascript File
function MainPageEffect(service, isHover) {

    var hoverColor = "#003399";
    var tildiLeftName = 'tildi1';
    var tildiRightName = 'tildi2';
    var serviceName = 'services1';
    var imgName = 'imgWebDesign';
    var imgHover = 'webdesign2.jpg';
    var imgOriginal = 'webdesign.jpg';
    var link1Name = 'lnkWebsite';
    var link2Name = 'lnkDesign';
    
    switch (service) 
    {
        case "advancedProgramming":
            tildiLeftName = 'tildi3';
            tildiRightName = 'tildi4';
            serviceName = 'services2';
            imgName = 'imgAdvancedProgramming';
            imgHover = 'advanced2.jpg';
            imgOriginal = 'advanced.jpg';
            link1Name = 'lnkAdvanced';
            link2Name = 'lnkProgramming';
            break;

        case "seo":
            tildiLeftName = 'tildi5';
            tildiRightName = 'tildi6';
            serviceName = 'services3';
            imgName = 'imgSEO';
            imgHover = 'seo2.jpg';
            imgOriginal = 'seo.jpg';
            link1Name = 'lnkSearchEngine';
            link2Name = 'lnkOptimization';
            break;

        case "ecommerce":
            tildiLeftName = 'tildi7';
            tildiRightName = 'tildi8';
            serviceName = 'services4';
            imgName = 'imgEcommerce';
            imgHover = 'e-commerce2.jpg';
            imgOriginal = 'e-commerce.jpg';
            link1Name = 'lnkEcommerce';
            break;

        default:
            // Don't do anything here - use default values "webDesign".
            break;
       
    }


    if (isHover == true) {

        // change style on link to correct color
        document.getElementById(link1Name).style.color = hoverColor;
        if (link2Name.length > 0) {
            document.getElementById(link2Name).style.color = hoverColor;
        }

        // Show Tildi's
        document.getElementById(tildiLeftName).src = 'img/tildi.jpg';
        document.getElementById(tildiRightName).src = 'img/tildi.jpg';

        // Show Hover Image
        document.getElementById(imgName).src = 'img/' + imgHover;
        
        // Use Nav effect for sliding info down below image
        mopen(serviceName);
    }
    else {

        // Return Links to correct color
        document.getElementById(link1Name).style.color = '';
        if (link2Name.length > 0) {
            document.getElementById(link2Name).style.color = '';
        }

        // Hide Tildi's
        document.getElementById(tildiLeftName).src = 'img/trans.jpg';
        document.getElementById(tildiRightName).src = 'img/trans.jpg';

        // Show Original Image
        document.getElementById(imgName).src = 'img/' + imgOriginal;
        
        // Close slider.
        mclosetime();
    }
    
}