$(document).ready(initShowcase);

function initShowcase()
{		
	//document.getElementById('info').style.display="block"
	$("#webLargeContainer").css("background-image", "none");

	$("#webLarge").mouseenter(
		function()
		{
			$('#webLargeContainer').css({'z-index' : '10', 'background-image' : 'url(assets/images/showcase/web2shadow.png)'});
			$('#webSmallContainer').css({'background-image' : 'none'});
		}
	).mouseleave(
		function()
		{
			$('#webSmallContainer').css({ 'background-image' : 'url(assets/images/showcase/web1shadow.png)'});
			$('#webLargeContainer').css({'z-index' : '2' , 'background-image' : 'none'});
		}
	);	
}
function webShowcase()
{
	var obj=document.getElementById('webLarge');
	var objHolder=document.getElementById('webLargeContainer');
	
	if(!document.getElementById('backdrop'))
	{		
		if(obj.addEventListener)
		{
			obj.removeEventListener("mouseover",rollEvent,false);
			obj.removeEventListener("mouseout",rollOutEvent,false);
			obj.removeEventListener("click", webShowcase, false);
		}
		else if(obj.attachEvent)
		{
			obj.detachEvent("onmouseover",rollEvent);	
			obj.detachEvent("onmouseout",rollOutEvent);		
			obj.detachEvent("onclick", webShowcase);
		}
		else
		{
			obj.onmouseover = function(){};	
			obj.onmouseout = function(){};		
			obj.onclick = function(){};
		}
		obj.style.backgroundImage="url(assets/images/main/loading.gif)";
		document.getElementById('flash_menu').style.visibility="hidden";
		createBackdrop();
		setTimeout(function(){						
								stretchOut(obj,obj.clientWidth, 900, 20);
								moveHorizontal(objHolder,objHolder.offsetLeft, 14,5);
								
								stretchDown(obj,obj.clientHeight, 675, 14);
								moveVertical(objHolder,objHolder.offsetTop, -120,6);
								setTimeout(function(){
	obj.innerHTML="<iframe src='"+document.getElementById('siteURL').innerHTML+"' width='910px' height='684px' />";
													obj2=document.getElementById('qViewControls');
													moveVertical(obj2,obj2.offsetTop, -35, 1);
											 		 },2000);
							 },2000);
		//createContentBox();
	}
	else
	{
		
		obj=document.getElementById('web_large');
		var objHolder=document.getElementById('web_large_container');
		
		obj.innerHTML="";
		obj2=document.getElementById('qViewControls');
		moveVertical(obj2,obj2.offsetTop, -65, 1);
		
		setTimeout(function(){								
							stretchOut(obj,obj.clientWidth, 350, 20);
							moveHorizontal(objHolder,objHolder.offsetLeft, 150,5);
								
							stretchDown(obj,obj.clientHeight, 250, 14);
							moveVertical(objHolder,objHolder.offsetTop, 50,6);
							setTimeout(function(){
												removeBackdrop();
												document.getElementById('flash_menu').style.visibility="visible";
												var imageNum=((getURLParam("image_id")*1)-1000);
						
												obj.style.backgroundImage="url(assets/images/showcase/web/web"+imageNum+"_large.jpg)";
												
												if(obj.addEventListener)
												{
													obj.addEventListener("mouseover",rollEvent,false);	
													obj.addEventListener("mouseout",rollOutEvent,false);
													obj.addEventListener("click", webShowcase, false);
												}
												else if(obj.attachEvent)
												{
													obj.attachEvent("onmouseover",rollEvent);	
													obj.attachEvent("onmouseout",rollOutEvent);		
													obj.attachEvent("onclick", webShowcase);
												}
												else
												{
													obj.onmouseover = rollEvent;	
													obj.onmouseout = rollOutEvent;		
													obj.onclick = webShowcase;
												}
										 		 },2000);
							 },2000);
	}
}
function getURLParam(strParamName)
{
  var strReturn = "";
  var strHref = window.location.href;
  if ( strHref.indexOf("?") > -1 ){
    var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
    var aQueryString = strQueryString.split("&");
    for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
      if ( 
aQueryString[iParam].indexOf(strParamName.toLowerCase() + "=") > -1 ){
        var aParam = aQueryString[iParam].split("=");
        strReturn = aParam[1];
        break;
      }
    }
  }
  return unescape(strReturn);
}