/*Turn all swap's off*/

function swapOff(){

			changeswap('pictureframe', swap00);
			   	   
			 document.getElementById("swap01").className = "swapOff";
             document.getElementById("swap02").className = "swapOff";
             document.getElementById("swap03").className = "swapOff";
}               


/*swap links*/

function swap(num){
                
                if (num=="100"){
                swapOff();
                document.getElementById("swap01").className = "swapOn";
                changeswap('pictureframe', swap01);
                }
                
                else if (num=="200"){
                swapOff();
                document.getElementById("swap02").className = "swapOn";
                changeswap('pictureframe', swap02);
				}
				
				else if (num=="300"){
                swapOff();
                document.getElementById("swap03").className = "swapOn";
                changeswap('pictureframe', swap03);
				}
}


function changeswap(id,shtml) {
   if (document.getElementById || document.all) {
      var el = document.getElementById? document.getElementById(id): document.all[id];
      if (el && typeof el.innerHTML != "undefined") el.innerHTML = shtml;
   }
}


var swap00 = 'Placeholder.';

var swap01 = '<img src="images/work/branding/ella/1.jpg" alt="" />';

var swap02 = '<a href="http://www.ellascottdesign.com/" target="_blank"><img src="images/work/webdigital/ella/1.jpg" alt="" /></a>';

var swap03 = '<a href="http://www.ellascottdesign.com/" target="_blank"><img src="images/work/webdigital/ella/2.jpg" alt="" /></a>';