// Author: Baghor Younes - http://webwizart.be
// Twitter: @webwizart

// W3bWizArt Portfolio
function zoomLeft(id){
    var source =  document.getElementById(id);
    document.getElementById('preview').style.display='block';
    document.getElementById('preview').style.position='absolute';
    document.getElementById('preview').style.zIndex='1px';
    document.getElementById('preview').style.top='0px';
    document.getElementById('preview').style.left='0px';
    document.getElementById('preview').style.width='321px';
    document.getElementById('preview').style.height='200px';
    document.getElementById('preview').style.border='10px groove red';
    document.getElementById('preview').style.backgroundImage="url('images/" + source.id + "')";
    document.getElementById('preview').style.borderRadius='25px';
}
function zoomLeftBottom(id){
    var source =  document.getElementById(id);
    document.getElementById('preview').style.display='block';
    document.getElementById('preview').style.position='absolute';
    document.getElementById('preview').style.zIndex='1px';
    document.getElementById('preview').style.top='125px';
    document.getElementById('preview').style.left='-5px';
    document.getElementById('preview').style.width='321px';
    document.getElementById('preview').style.height='210px';
    document.getElementById('preview').style.border='10px groove green';
    document.getElementById('preview').style.backgroundImage="url('images/" + source.id + "')";
    document.getElementById('preview').style.borderRadius='25px';
}
function zoomRight(id){
    var source =  document.getElementById(id);
    document.getElementById('preview').style.display='block';
    document.getElementById('preview').style.position='absolute';
    document.getElementById('preview').style.zIndex='1px';
    document.getElementById('preview').style.top='0px';
    document.getElementById('preview').style.left='325px';
    document.getElementById('preview').style.width='321px';
    document.getElementById('preview').style.height='200px';
    document.getElementById('preview').style.border='10px groove #0099ff';
    document.getElementById('preview').style.backgroundImage="url('images/" + source.id + "')";
    document.getElementById('preview').style.borderRadius='25px';
}
function zoomRightBottom(id){
    var source =  document.getElementById(id);
    document.getElementById('preview').style.display='block';
    document.getElementById('preview').style.position='absolute';
    document.getElementById('preview').style.zIndex='1px';
    document.getElementById('preview').style.top='120px';
    document.getElementById('preview').style.left='325px';
    document.getElementById('preview').style.width='321px';
    document.getElementById('preview').style.height='210px';
    document.getElementById('preview').style.border='10px groove yellow';
    document.getElementById('preview').style.backgroundImage="url('images/" + source.id + "')";
    document.getElementById('preview').style.borderRadius='25px';
}
function killZoom(){
     document.getElementById('preview').style.display='none';  
}