function coltabs_init(){
    swfUrls = new Array();
    
	var elTabLinks = document.getElementById('col_tablist').getElementsByTagName('a');
	for(var i=0; i < elTabLinks.length; i++){
		// add the click event to <a> element (<li class="[section]"><a><img/></a></li>
		addEvent(elTabLinks[i], 'click', function(){setActiveTab(this.parentNode.className)});			
	}
	
	// attach zoom events to thumb images
	var elThumbLinks = document.getElementById('ctl00_MainContent_genWatchme').getElementsByTagName('img');
	for(var i=0; i < elThumbLinks.length; i++){
	    if(i%2 == 0){
	        addSwfItem(elThumbLinks[i]);
	        countVideos++;
	    }
		addEvent(elThumbLinks[i], 'click', displayZoom);
	}
	elThumbLinks = null;// IE memory leak protection
	
	elThumbLinks = document.getElementById('related-videos').getElementsByTagName('img');
	for(var i=0; i < elThumbLinks.length; i++){
		addEvent(elThumbLinks[i], 'click', displayZoom);
	}
	elThumbLinks = null;// IE memory leak protection
	
	// attach closeZoom to close link in flo_zoom
	var elLnkClose = document.getElementById('close_zoom');
	addEvent(elLnkClose, 'click', closeZoom);
	elLnkClose = null;
	
	
	currentVideo = 0;
	var elFloZoom = document.getElementById("video_zoom");
    //var so = new SWFObject(swfUrls[currentVideo], "mymovie", "400", "320", "7", "#FFFFFF");
    
    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    
    (document.getElementById("ctl00_MainContent_dlRelatedVideos").getElementsByTagName('tr')[currentVideo]).style.display = 'none';
    
    var so = new SWFObject(swfUrls[currentVideo] + "&rel=0", 
                       "ytapiplayer", "425", "344", "8", null, null, params, atts);
	
	so.addParam("wmode", "opaque");
	so.addParam("allowFullScreen", "true");
	
	so.write("flashcontent_all");
    //document.getElementById("flashcontent_all").innerHTML = QT_GenerateOBJECTText(swfUrls[currentVideo] , '400', '320', '', 'SCALE', 'aspect', 'obj#ID', 'movieOBJ', 'emb#ID', 'movieEMBED');
//    addEvent(document.getElementById('videoBack'), 'click', displayPreviousVideo);
//    addEvent(document.getElementById('videoNext'), 'click', displayNextVideo);
}

function setActiveTab(section){
	// get a string for the root of the site (BASEURL is provided as needed by BasePublicPage.cs)
	var siteRoot = (typeof(BASEURL) != 'undefined') ? BASEURL : '/';

	//section params: about, selection, faq, installation
	
	// set background image of #col_tablist
	var elTablist = document.getElementById('col_tablist');
	elTablist.style.backgroundImage = 'url(' + siteRoot + 'img/products/col_tab_bg_' + section + '.gif)';
	
	// set state of all tab links (<li class="[section]"><a><img src=""/></a></li>)
	var elTabImgs = document.getElementById('col_tablist').getElementsByTagName('img');
	for(var i=0; i< elTabImgs.length; i++){
		if(elTabImgs[i].parentNode.parentNode.className != section){
			// set image src of all other tab images to inactive
			// e.g. col_tab_installation_active.gif ==> col_tab_installation.gif
			elTabImgs[i].src = elTabImgs[i].src.replace('_active', '');
		}
		else{
			// set img src of text graphic to active
			// e.g. col_tab_installation.gif ==> col_tab_installation_active.gif
			if(elTabImgs[i].src.indexOf('_active') == -1){
				elTabImgs[i].src = elTabImgs[i].src.replace(section, section + '_active');
			}
		}
	}
	// show/hide the content divs inside #col_speccontent
	var elContentDivs = document.getElementById('col_speccontent').getElementsByTagName('div');
	for(var j=0; j < elContentDivs.length; j++){
		if(hasCssClass(elContentDivs[j], section)){
			// found the selected section, so replace 'none' class with 'block'
			replaceCssClass(elContentDivs[j], 'none', 'block');
		}
		else{
			// not selected, so replace 'block' class with 'none'
			replaceCssClass(elContentDivs[j], 'block', 'none');
		}
	}
}

function addSwfItem(elem){
    
    var imgID = elem.getAttribute('id').replace("BIS", "");
	
	//var imgUrl = target.getAttribute('src');	
	var imgUrl = document.getElementById(imgID).getAttribute('src');
	
	//alert(imgUrl);
	// strip image params off url
	if(imgUrl.indexOf('&') > -1){
		imgUrl = imgUrl.substring(0, imgUrl.indexOf('&'));
	}

	if(imgUrl.indexOf('src=') > -1){
		imgUrl = imgUrl.substring(imgUrl.indexOf('?src=')+5);
	}

    //var swfUrl = "http://images.simplefloors.com/erez4/fsi4/fsi.swf?FPXBase=http://images.simplefloors.com/erez4%2Ferez%3Fsrc%3D&amp;CropToViewport=0&amp;Effects=%26sharpen%3d50&amp;FPXSrc=" + imgUrl;
    
    var videoURL = document.getElementById(imgID + "VIDURL").value;
    //swfUrl = "/videos/videoPlayer.swf?VideoURL=../../../videos/videos/" + videoURL + "&ImageURL=../../../videos/imagenes/1.jpg";
    var swfUrl = videoURL;
    
    swfUrls[countVideos] = swfUrl;
    //alert(countVideos + "--" + swfUrls[countVideos]);
    
	//var so = new SWFObject(swfUrl, "mymovie", "400", "320", "7", "#FFFFFF");
	//var so = new SWFObject(swfUrl, "mymovie", "500", "312", "7", "#FFFFFF");
	
	var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    var so = new SWFObject(swfUrls[currentVideo] + "&rel=0", 
                       "ytapiplayer", "425", "344", "8", null, null, params, atts);
	
	so.addParam("wmode", "opaque");
	so.addParam("allowFullScreen", "true");
	
	so.write("flashcontent_all");
	//document.getElementById("flashcontent_all").innerHTML = QT_GenerateOBJECTText(swfUrls[currentVideo] , '400', '320', '', 'SCALE', 'aspect', 'obj#ID', 'movieOBJ', 'emb#ID', 'movieEMBED');
}

function displayZoom(e){
	var elFloZoom = document.getElementById("video_zoom");
	// get the image url
	var target = getEventTarget(e);
	var imgID = target.getAttribute('id').replace("BIS", "");
	
	//var imgUrl = target.getAttribute('src');	
	var imgUrl = document.getElementById(imgID).getAttribute('src');
	var description = document.getElementById(imgID + "HID").value;
	
	//alert(imgUrl);
	// strip image params off url
	if(imgUrl.indexOf('&') > -1){
		imgUrl = imgUrl.substring(0, imgUrl.indexOf('&'));
	}
	//imgUrl = encodeURIComponent(imgUrl);
	//\?src=([^&|&amp;])
	/*var rex = /\?src=()[^&|&amp;]/i
	if(rex.test(imgUrl)){
		var cleanImgUrl = imgUrl.replace(rex, '*');
		alert(cleanImgUrl);
	}*/
	if(imgUrl.indexOf('src=') > -1){
		imgUrl = imgUrl.substring(imgUrl.indexOf('?src=')+5);
	}
	//alert(imgUrl);
	// set url of flash object
	//ex: http://images.simplefloors.com/erez4/fsi4/fsi.swf?FPXBase=http://images.simplefloors.com/erez4%2Ferez%3Fsrc%3D&amp;FPXSrc=xBar/samples/BrazilianWalnut%255FFlat%255Fsmall.tif
	//var swfUrl = "http://images.simplefloors.com/erez4/fsi4/fsi.swf?FPXBase=http://images.simplefloors.com/erez4%2Ferez%3Fsrc%3D&amp;CropToViewport=0&amp;Effects=%26sharpen%3d50&amp;FPXSrc=" + imgUrl;
    
    var videoURL = document.getElementById(imgID + "VIDURL").value;
    //swfUrl = "/videos/videoPlayer.swf?VideoURL=../../../videos/videos/" + videoURL + "&ImageURL=../../../videos/imagenes/1.jpg";
    var swfUrl = videoURL;
    
	//var so = new SWFObject(swfUrl, "mymovie", "400", "320", "7", "#FFFFFF");
	//var so = new SWFObject(swfUrl, "mymovie", "500", "312", "7", "#FFFFFF");
	
	var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    var so = new SWFObject(swfUrl + "&rel=0", 
                       "ytapiplayer", "425", "344", "8", null, null, params, atts);
	
	so.addParam("wmode", "opaque");
	so.addParam("allowFullScreen", "true");
	
	so.write("flashcontent_all");
	
	//document.getElementById("flashcontent_all").innerHTML = QT_GenerateOBJECTText(swfUrl , '400', '320', '', 'SCALE', 'aspect', 'obj#ID', 'movieOBJ', 'emb#ID', 'movieEMBED');
	
	document.getElementById("videoDescription").innerHTML = description;
	// show the div
	elFloZoom.style.display = 'block';
	
	(document.getElementById("ctl00_MainContent_dlRelatedVideos").getElementsByTagName('tr')[currentVideo]).style.display = '';
	
	currentVideo = parseInt(document.getElementById(imgID + "ARRAYINDEX").value);
	
	(document.getElementById("ctl00_MainContent_dlRelatedVideos").getElementsByTagName('tr')[currentVideo]).style.display = 'none';

}

function closeZoom(){
	var elFloZoom = document.getElementById("video_zoom");
	elFloZoom.style.display = 'none';
}

function displayNextVideo(e){
    if(currentVideo < (countVideos-1)){
        (document.getElementById("ctl00_MainContent_dlRelatedVideos").getElementsByTagName('tr')[currentVideo]).style.display = '';
        currentVideo++;
        var params = { allowScriptAccess: "always" };
        var atts = { id: "myytplayer" };
        var so = new SWFObject(swfUrls[currentVideo] + "&rel=0", 
                           "ytapiplayer", "425", "344", "8", null, null, params, atts);
    	
	    so.addParam("wmode", "opaque");
	    so.addParam("allowFullScreen", "true");
    	
	    so.write("flashcontent_all");
	    (document.getElementById("ctl00_MainContent_dlRelatedVideos").getElementsByTagName('tr')[currentVideo]).style.display = 'none';
	    //document.getElementById("flashcontent_all").innerHTML = QT_GenerateOBJECTText(swfUrls[currentVideo] , '400', '320', '', 'SCALE', 'aspect', 'obj#ID', 'movieOBJ', 'emb#ID', 'movieEMBED');
    }

}

function displayPreviousVideo(e){
    if(currentVideo > 0){
        (document.getElementById("ctl00_MainContent_dlRelatedVideos").getElementsByTagName('tr')[currentVideo]).style.display = '';
        currentVideo--;
        var params = { allowScriptAccess: "always" };
        var atts = { id: "myytplayer" };
        var so = new SWFObject(swfUrls[currentVideo] + "&rel=0", 
                           "ytapiplayer", "425", "344", "8", null, null, params, atts);
    	
	    so.addParam("wmode", "opaque");
	    so.addParam("allowFullScreen", "true");
    	
	    so.write("flashcontent_all");
	    (document.getElementById("ctl00_MainContent_dlRelatedVideos").getElementsByTagName('tr')[currentVideo]).style.display = 'none';
	    //document.getElementById("flashcontent_all").innerHTML = QT_GenerateOBJECTText(swfUrls[currentVideo] , '400', '320', '', 'SCALE', 'aspect', 'obj#ID', 'movieOBJ', 'emb#ID', 'movieEMBED');
    }

}

var currentVideo = 0;
var countVideos = 0;
var swfUrls;
addEvent(window, 'load', coltabs_init);