//Functions to do show hide
function Container1(){

//To Show/Hide Containers
document.getElementById("Container1").style.display = "block";
document.getElementById("Container2").style.display = "none";
document.getElementById("Container3").style.display = "none";
document.getElementById("Container4").style.display = "none";

//Active Container Bakcground Color
document.getElementById("Container1").style.backgroundColor = "#fff";


//Tabs Color or Image Management
document.getElementById("imgTab1").style.background= "url(images/btn-interactive-design-hover.gif)  no-repeat";
document.getElementById("imgTab2").style.background = "url(images/btn-ux.gif)";
document.getElementById("imgTab3").style.background = "url(images/btn-social-m.gif)";
document.getElementById("imgTab4").style.background = "url(images/btn-managed-services.gif)";
document.getElementById("imgTab1").style.backgroundRepeat ="no-repeat";


//Tab Positioning/Padding
document.getElementById("imgTab1").style.paddingTop = "0px";
document.getElementById("imgTab2").style.paddingTop = "0px";
document.getElementById("imgTab3").style.paddingTop = "0px";
document.getElementById("imgTab4").style.paddingTop = "0px";

}


function Container2(){
//To Show/Hide Containers
document.getElementById("Container1").style.display = "none";
document.getElementById("Container2").style.display = "block";
document.getElementById("Container3").style.display = "none";
document.getElementById("Container4").style.display = "none";

//Active Container Bakcground Color
document.getElementById("Container2").style.backgroundColor = "#fff";


//Tabs Color or Image Management
document.getElementById("imgTab1").style.background= "url(images/btn-interactive-design.gif)";
document.getElementById("imgTab2").style.background = "url(images/btn-ux-hover.gif)  no-repeat";
document.getElementById("imgTab3").style.background = "url(images/btn-social-m.gif)";
document.getElementById("imgTab4").style.background = "url(images/btn-managed-services.gif)";
document.getElementById("imgTab1").style.backgroundRepeat ="no-repeat";

//Tab Positioning/Padding
document.getElementById("imgTab1").style.paddingTop = "0px";
document.getElementById("imgTab2").style.paddingTop = "0px";
document.getElementById("imgTab3").style.paddingTop = "0px";
document.getElementById("imgTab4").style.paddingTop = "0px";
}

function Container3(){
//To Show/Hide Containers
document.getElementById("Container1").style.display = "none";
document.getElementById("Container2").style.display = "none";
document.getElementById("Container3").style.display = "block";
document.getElementById("Container4").style.display = "none";

//Active Container Bakcground Color
document.getElementById("Container2").style.backgroundColor = "#fff";


//Tabs Color or Image Management
document.getElementById("imgTab1").style.background= "url(images/btn-interactive-design.gif)";
document.getElementById("imgTab2").style.background = "url(images/btn-ux.gif)";
document.getElementById("imgTab3").style.background = "url(images/btn-social-m-hover.gif) no-repeat";
document.getElementById("imgTab4").style.background = "url(images/btn-managed-services.gif)";

//Tab Positioning/Padding
document.getElementById("imgTab1").style.paddingTop = "0px";
document.getElementById("imgTab2").style.paddingTop = "0px";
document.getElementById("imgTab3").style.paddingTop = "0px";
document.getElementById("imgTab4").style.paddingTop = "0px";
}

function Container4(){
//To Show/Hide Containers
document.getElementById("Container1").style.display = "none";
document.getElementById("Container2").style.display = "none";
document.getElementById("Container3").style.display = "none";
document.getElementById("Container4").style.display = "block";

//Active Container Bakcground Color
document.getElementById("Container2").style.backgroundColor = "#fff";


//Tabs Color or Image Management
document.getElementById("imgTab1").style.background= "url(images/btn-interactive-design.gif)";
document.getElementById("imgTab2").style.background = "url(images/btn-ux.gif)";
document.getElementById("imgTab3").style.background = "url(images/btn-social-m.gif)";
document.getElementById("imgTab4").style.background = "url(images/btn-managed-services-hover.gif)  no-repeat";


//Tab Positioning/Padding
document.getElementById("imgTab1").style.paddingTop = "0px";
document.getElementById("imgTab2").style.paddingTop = "0px";
document.getElementById("imgTab3").style.paddingTop = "0px";
document.getElementById("imgTab4").style.paddingTop = "0px";
}